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