یک Ùروشگاه آنلاین ایجاد کنید
يک وب سايت يک وب سايت است، درست است؟ اشتباه. يک وب سايت قديمي، گيج کننده يا خراب به برند شما آسيب مي رساند. ما نمي گوييم ممکن است به برند شما آسيب برساند، بلکه مي گوييم به آن آسيب مي رساند.
بنابراين چگونه مي توانيد خود را براي موÙقيت آماده کنيد؟ شما مي توانيد ÙŠÚ© وب سايت عالي ايجاد کنيد Ùˆ از همان ابتدا طراØÙŠ وب خود را کاملاً ميخکوب کنيد. اما در واقع طراØÙŠ وب چيست؟ اگر مي خواهيد بدانيد طراØÙŠ وب چيست، چرا اينقدر اهميت دارد Ùˆ چگونه آن را درست انجام دهيد، ادامه مطلب را بخوانيد.
طراØÙŠ وب چيست؟
-
طراØÙŠ وب با گراÙÙŠÚ© سÙارشي
طراØÙŠ وب سايت توسط MercClass
طراØÙŠ وب چيزي است Ú©Ù‡ ظاهر Ùˆ اØساس کلي را هنگام استÙاده از ÙŠÚ© وب سايت ايجاد مي کند. اين Ùرآيند برنامه ريزي Ùˆ ساخت عناصر وب سايت شما، از ساختار Ùˆ چيدمان گرÙته تا تصاوير، رنگ ها، Ùونت ها Ùˆ گراÙÙŠÚ© است.
طراØÙŠ وب داراي اجزاي متعددي است Ú©Ù‡ با هم کار مي کنند تا تجربه نهايي ÙŠÚ© وب سايت را ايجاد کنند، از جمله طراØÙŠ گراÙÙŠÚ©ØŒ طراØÙŠ تجربه کاربر، طراØÙŠ رابط، بهينه سازي موتور جستجو (SEO) Ùˆ ايجاد Ù…Øتوا. اين عناصر تعيين مي کنند Ú©Ù‡ ÙŠÚ© وب سايت چگونه به نظر مي رسد، اØساس مي کند Ùˆ در دستگاه هاي مختل٠کار مي کند. اگر مي خواهيد در مورد Ú©Ù„ Ùرآيند اطلاعات بيشتري کسب کنيد، اين راهنماي عميق در ساخت ÙŠÚ© وب سايت را بررسي کنيد.
طراØÙŠ وب با توسعه وب متÙاوت است، Ú©Ù‡ کدنويسي واقعي است Ú©Ù‡ باعث مي شود ÙŠÚ© وب سايت کار کند. زماني Ú©Ù‡ در Øال ساختن ÙŠÚ© وب سايت هستيد، هم به طراØÙŠ وب Ùˆ هم به توسعه وب نياز داريد. اگرچه مي توانيد طراØان وب را بيابيد Ú©Ù‡ توسعه دهندگان وب Ùˆ UX نيز هستند، اينها مجموعه مهارت هاي متمايز هستند.
سه ماکت وب سايت
در اينجا آمده است Ú©Ù‡ وب سايت شما در مراØÙ„ اوليه خود چگونه خواهد بود. از طريق هال Gatewood .
طراØان وب ايده هاي شما را مي گيرند Ùˆ آنها را به مدلي تبديل مي کنند Ú©Ù‡ نشان مي دهد وب سايت آينده شما چگونه خواهد بود. طراØان وب بخش خلاقانه طراØÙŠ وب سايت را بر عهده دارند.
توسعه دهندگان وب - Ú©Ù‡ گاهي اوقات مهندسان يا کدگذاران نيز ناميده مي شوند - ماکتي را Ú©Ù‡ Ø·Ø±Ø§Ø ÙˆØ¨ شما ساخته است، مي گيرند Ùˆ آن را به ÙŠÚ© زبان برنامه نويسي ترجمه مي کنند تا در وب نمايش داده شود. آنها وب سايت ها را کاربردي مي کنند، Ú©Ù‡ اغلب به معناي ويجت هاي کدگذاري سÙارشي Ùˆ ابزارهاي ديگر است.
ÙŠÚ© توسعه دهنده تجربه کاربري Ú©Ù‡ به عنوان ÙŠÚ© توسعه دهنده UX نيز شناخته مي شود، کسي است Ú©Ù‡ وب سايت شما را کاربرپسند مي کند. آنها مهارت هاي Ùني Ùˆ همچنين مهارت هاي طراØÙŠ دارند Ùˆ آنها را به کار مي اندازند تا وب سايت هايي را ايجاد کنند Ú©Ù‡ بازديدکنندگان را جذب Ùˆ Ù†Ú¯Ù‡ مي دارد.
چرا طراØÙŠ وب سايت مهم است؟
-
ماکت طراØÙŠ وب براي موبايل Ùˆ دسکتاپ
وب سايت برند شما ÙŠÚ©ÙŠ از با ارزش ترين دارايي هاي آن است. طراØÙŠ وب سايت توسط akdcreative
برداشت اول واقعا مهم است. ما نمي توانيم به اندازه کاÙÙŠ بر اين نکته تأکيد کنيم: اگر Øضور قدرتمندي در وب نداشته باشيد، برند خود را عقب Ù†Ú¯Ù‡ مي داريد.
مشتريان بالقوه اي Ú©Ù‡ در وب براي نام تجاري شما جستجو مي کنند Ùˆ چيزي پيدا نمي کنند، ممکن است Ùکر کنند Ú©Ù‡ شما از کار اÙتاده ايد. اگر آنها جستجو کنند Ùˆ چيزي پايين تر از Øد معمول پيدا کنند، اين تصور را خواهند داشت Ú©Ù‡ شما چندان به شرکت يا Ù…Øصول خود اهميت نمي دهيد. هر رابطه اي Ú©Ù‡ در وب سايت شما شروع مي شود را با درست کردن طراØÙŠ وب خود به ÙŠÚ© رابطه عالي تبديل کنيد.
اکنون Ú©Ù‡ مي‌دانيد چيست Ùˆ Ú†Ù‡ کسي Ú†Ù‡ کسي است، بياييد به برخي از نشانه‌هاي گوياي طراØÙŠ وب عالي Ùˆ آنچه آن را از طراØÙŠ وب نه چندان عالي متمايز مي‌کند نگاهي بيندازيم.
طراØÙŠ وب خوب چگونه به نظر مي رسد؟
-
طراØÙŠ وب خوب ذهني نيست. با انواع ديگر طراØÙŠØŒ مانند تصويرسازي يا طراØÙŠ برچسب، بسياري از آنچه Ú©Ù‡ "خوب" را تشکيل مي دهد به سليقه بيننده بستگي دارد. طراØÛŒ وب سایت با طراØÙŠ وب، مرز بين "خوب" Ùˆ "نه خوب" بسيار مشخص تر است. ÙŠÚ© وب سايت خوب طراØÙŠ شده، وب سايتي است Ú©Ù‡ به طور کامل تجربه اي را ايجاد مي کند Ú©Ù‡ بازديد کننده شما به دنبال آن است.
طراØÙŠ وب با گراÙÙŠÚ© طراØÙŠ مسطØ
طراØÙŠ وب سايت توسط آدام باگوس
طراØÙŠ وب Ú©Ù‡ کار مي کند، طراØÙŠ وب است Ú©Ù‡ تبديل مي کند. در webspeakØŒ "تبديل" به معناي وادار کردن کاربر به انجام ÙŠÚ© عمل خاص است. زماني Ú©Ù‡ کاربر اقدامي را Ú©Ù‡ وب سايت شما براي انجام آن تنظيم کرده است دنبال مي کند، وب سايت شما ÙŠÚ© تبديل ايجاد مي کند. تبديل ها مي تواند هر چيزي باشد، مانند ثبت نام در خبرنامه، خريد، اÙØªØªØ§Ø Øساب يا دسترسي به Ù…Øتواي بيشتر در وب سايت.
طراØÙŠ وب موثر چند عنصر مختل٠را براي ارتقاء تبديل به هم مي آورد. اين شامل:
استÙاده قانع کننده از Ùضاي منÙÙŠ
انتخاب‌هايي Ú©Ù‡ به ÙˆØ¶ÙˆØ Ø¨Ø±Ø§ÙŠ کاربر ارائه شده است (هرچه کاربر انتخاب‌هاي کمتري داشته باشد، اØتمال سردرگمي Ùˆ سردرگمي او کمتر مي‌شود)
Ùراخوان هاي آشکار Ùˆ ÙˆØ§Ø¶Ø Ø¨Ø±Ø§ÙŠ اقدام
Øواس پرتي Ù…Øدود Ùˆ سÙر کاربر به خوبي Ùکر شده (يعني Ùقط استÙاده از تصاوير Ùˆ متني Ú©Ù‡ 100? با موضوع صÙØÙ‡ مرتبط است، Ùقط دکمه هايي را نشان مي دهد Ú©Ù‡ به اقدامات دلخواه منتهي مي شوند Ùˆ استÙاده از تغييرات Ùونت براي تأکيد Ùˆ Ùراخواني براي اقدام، نه Ùقط به خاطر داشتن Ùونت هاي مختلÙ)
طراØÙŠ واکنشگرا (طراØÙŠ Ú©Ù‡ اندازه Ùˆ تغيير جهت خود را به صÙØÙ‡ کاربر تغيير مي دهد، وب سايت را براي استÙاده در هر دستگاهي آسان مي کند: تلÙن، تبلت، لپ تاپ يا مرورگر دسکتاپ.
Ùونت هايي با اندازه مناسب Ú©Ù‡ از ÙŠÚ© سلسله مراتب پيروي مي کنند (به «Øواس پرتي Ù…Øدود» مراجعه کنيد)
مطالب Ùˆ تصاوير مرتبط Ùˆ با Ú©ÙŠÙيت بالا Ú©Ù‡ توجه خوانندگان شما را جلب مي کند
تعادل بين مقدار متن Ùˆ تصاوير در هر صÙØÙ‡ (متن بيش از Øد مي‌تواند بازديدکننده را تØت تأثير قرار دهد، متن بسيار Ú©Ù… مي‌تواند به همان اندازه بي‌تÙاوت باشد)
روي صÙØÙ‡ کليد Macbook ProØŒ ÙŠÚ© وب سايت رنگارنگ روي صÙØÙ‡ نمايش، استÙاده کنيد
هر انتخاب طراØÙŠ Ú©Ù‡ انجام مي دهيد به نوعي بر قابليت استÙاده Ùˆ نرخ تبديل وب سايت شما تأثير مي گذارد. همه آنها. از طريق rawpixel .
اگر Ùکر نمي‌کنيد Ú©Ù‡ انتخاب‌هاي طراØÙŠ زيبايي‌شناختي بر تبديل‌ها تأثير نمي‌گذارند، دوباره Ùکر کنيد. وب سايت شما بايد جذاب باشد - به خصوص براي کاربر اØتمالي شما، بنابراين سعي کنيد بÙهميد Ú©Ù‡ با Ú†Ù‡ سبکي قرار است با آنها صØبت کنيد.
روي تصاوير چشم نوازي سرمايه گذاري کنيد Ú©Ù‡ با برند شما کار مي کنند. از عکاسي استوک آشکار دوري کنيد. درباره استÙاده از تصاوير استوک در اينجا بيشتر بياموزيد .
ÙˆÙادار ماندن به برند خود کليد موÙقيت در طراØÙŠ وب سايت است. Øتي زيباترين وب سايت هم اگر با برند شما مطابقت نداشته باشد بي Ùايده است.
ساير اجزاي سازنده ÙŠÚ© طراØÙŠ وب موثر عبارتند از:
دکمه ها
Ùونت ها
پالت رنگ
تعادل بصري بين تصاوير شما Ùˆ کپي در هر صÙØÙ‡
البته، طراØÙŠ وب خوب Ùقط سودمند نيست. بازديدکنندگان وب سايت هايي را دوست دارند Ú©Ù‡ جذاب Ùˆ متناسب با زيبايي شناسي برندها باشند. مهم نيست Ú©Ù‡ چگونه به آن دست مي‌يابيد، تلÙيق ÙŠÚ© ظاهر برند Ùˆ جذاب با عناصر طراØÙŠ Ú©Ù‡ تبديل مي‌شوند، راهي است Ú©Ù‡ در طراØÙŠ وب پيروز مي‌شويد.
طراØÙŠ وب: چيزي Ú©Ù‡ کار نمي کند
-
ما به اين موضوع پرداختيم Ú©Ù‡ طراØÙŠ خوب چيست. Øالا بياييد کمي در مورد آنچه Ú©Ù‡ نيست صØبت کنيم.
به عنوان ÙŠÚ© قاعده کلي، بازديدکنندگان براي استÙاده از وب سايت شما نبايد کاري انجام دهند. Ú©Ù„ تجربه استÙاده از وب سايت شما بايد ساده Ùˆ شهودي باشد.
در اينجا چند مثال آورده شده است: Ùراخوان‌هاي Ø´ÙاÙØŒ طراØÙŠ وب عالي هستند. تارها طراØÙŠ وب بدي هستند. Ùونت هاي با کنتراست بالا طراØÙŠ وب هوشمند Ùˆ موثري هستند. Ùونت هاي Ú©Ù… کنتراست Ú©Ù‡ به سختي خوانده مي شوند، طراØÙŠ وب ضعيÙÙŠ دارند.
در اينجا چند عنصر ديگر براي اجتناب وجود دارد:
تصاوير Ùˆ پس زمينه هاي Øواس پرت کننده به عنوان ÙŠÚ© قاعده کلي، از پس زمينه هاي کاشي کاري شده دوري کنيد. اگرچه چند نمونه انتخابي وجود دارد Ú©Ù‡ پس‌زمينه کاشي‌کاري‌شده مي‌تواند انتخاب خوبي باشد، اما در بيشتر موارد Øواس‌تان را پرت مي‌کنند.
طراØÙŠ غير پاسخگو امروزه وب سايت شما به سادگي نياز به پاسخگو بودن براي موبايل دارد.
لينک ها Ùˆ دکمه هاي نامشخص بازديدکنندگان نبايد به دنبال پيوندها Ùˆ دکمه ها باشند، آنها بايد بتوانند به سرعت ببينند Ú©Ù‡ کدام تصاوير Ùˆ تکه هاي متن آنها را به صÙØات جديد مي برد يا انتخاب هاي خود را تأييد مي کند. به طور مشابه، کاربران بايد بتوانند Ùيلدهاي قابل پر شدن را به ÙˆØ¶ÙˆØ ØªØ´Ø®ÙŠØµ دهند.
عکس‌هاي استوک عمومي يا نامربوط و متن پرکننده بدون اطلاعات ارزشمند.
اسکرين شات از رقص همستر
اين اÙراد جايگاه خود را در تاريخچه اينترنت دارند. آنها را آنجا Ù†Ú¯Ù‡ داريد. از طريق ميم خود را بشناسيد .
برخي از عناصر طراØÙŠ وب، مانند طرØ‌بندي شبکه‌اي، ذاتاً انتخاب‌هاي خوب يا بد نيستند. آنها را مي توان به روش هاي مؤثر Ùˆ غير مؤثر استÙاده کرد، بنابراين مراقبت از انجام صØÙŠØ Ø¢Ù†Ù‡Ø§ ضروري است.
ÙŠÚ©ÙŠ ديگر از عناصر پيچيده طراØÙŠ وب، انيميشن است. ديگر سال 1999 نيست، شما نبايد دنباله دار دنبال مکان نما کاربر باشد يا آنها را مجبور کنيد براي رسيدن به Ù…Øتواي شما از رديÙÙŠ از همسترهاي رقصنده عبور کنند. اما ÙŠÚ© پاپ آپ خروجي متØرک Ú©Ù‡ توجه بازديدکنندگان را به سايت شما برمي گرداند Ùˆ آنها را وادار به تبديل مي کند؟ آره.
مورد از بهترین طراØÛŒ های وب سایت برای الهام بخشیدن به شما