آژانس دیجیتال مارکتینگ نهال وب

طراحی یک وب سایت خوب اغلب چالش برانگیز و سخت است. ممکن است میلیاردها وب سایت در آنجا وجود داشته باشد که فقط چند هزار از آنها عمدتا وب سایت های خوبی هستند. مردم وقت زیادی را برای خرید در اینترنت ، سفارش غذا به صورت آنلاین، کاوش در وب سایت های دانشگاهی خود ، خواندن مقالات از وب سایت های مختلف و بسیاری دیگر در اینترنت می گذرانند. فقط با طراحی یک وب سایت بد می توانید روز کاربر را بد کنید. زمان تغییر است. اگر در آستانه طراحی وب سایت هستید یا از قبل یک وب سایت دارید و به فکر به روزرسانی وب سایت خراب خود هستید ، این مقاله کاملا مناسب شماست. نگران نباش من هم با همان قایق قایقرانی می کردم. بنابراین در طول آموزش ، من می خواهم شما دوستان دو نقل قول بزرگ در مورد طراحی را دنبال کنید.

استیو جابز: طراحی فقط آن چیزی نیست که به نظر می رسد و مانند آن است. طراحی نحوه کارکرد آن است.

قانون Jakobs: کاربران بیشتر وقت خود را در سایت های دیگر می گذرانند. این بدان معنی است که کاربران ترجیح می دهند سایت شما همانند سایر سایتهایی که از قبل می شناسند کار کند.

چگونه یک وب سایت خوب طراحی کنیم؟

خوب ، طراحی وب سایت خوب اغلب از حوزه های مختلف تخصصی ناشی می شود. این یک مرحله نیست ، شما هرگز نمی توانید از مراحل میانبر وب سایت های خوبی طراحی کنید. پس از گذراندن یک کلاس تحصیلات تکمیلی به نام "ارتباطات انسانی و رایانه ای" ما در کلاس بحث طولانی داشتیم و پس از آن 9 اصل کلی را یافتیم که به کمک آنها می توانید وب سایت های خوبی را بهبود بخشید یا طراحی کنید (مانند فرمول طراحی است) . ما همیشه باید بر روی این جنبه های اصلی یعنی قابلیت استفاده و تجربه کاربری برای طراحی وب سایت تمرکز کنیم. 9 اصل کلی که در زیر بحث شده را دنبال کنید و وب سایت های خود را قابل استفاده ، زیبایی ، دوستانه و جذاب کنید.

1. پیمایش آسان

این یکی از مهمترین ویژگیها یا اصلی است که باید هنگام طراحی وب سایت به خاطر بسپارید و آن را پیاده کنید. طبق نظرسنجی انجام شده توسط کلاچ ، آنها دریافتند که "تقریباً همه (94٪) می گویند ناوبری آسان مهمترین ویژگی وب سایت است". درست است زیرا اگر پیمایش سایت شما دشوار باشد ، در مرحله اول چیزهایی که به راحتی در دسترس هستند ، ممکن است همه چیز روان پیش نرود. پیمایش آسان شامل یک چیدمان ساده منو و امکان حرکت سریع و قابل اعتماد در سایت ها است. نگران نباشید ، من نکاتی برای پیمایش آسان وب سایت دارم.

با کمترین گزینه ، نوار پیمایش را تا حد ممکن ساده نگه دارید

گزینه های منوی کشویی را کاهش دهید

قراردادهای دنیای واقعی را دنبال کنید یا از زبان کاربر برای نامگذاری گزینه ها استفاده کنید. از اصطلاحات استفاده نکنید.

از کلیک زیاد در وب سایت خودداری کنید

با دیدن برخی از بهترین وب سایت های موجود در آن ، انگیزه ایجاد کنید ، یاد بگیرید و یاد بگیرید که چگونه نکات فوق را پیاده سازی کنید. به عنوان مثال ،   Gmail - Google من در اکثر این آموزش از همین مثال استفاده خواهم کرد. چرا که این یکی از بهترین وب سایت / برنامه های موجود در کره زمین نیست.

تصویر برای ارسال

صفحه اصلی Gmail من

همه موارد موجود در تصویر بالا به راحتی قابل درک است، پیمایش می شود و این وب سایت از تمام نکاتی که در بالا ذکر کرده ام پیروی می کند.

2. طراحی واکنش گرا

ابتدا اجازه دهید اصول اولیه را آماده کنیم. طراحی ریسپانسیو به معنای طراحی یک وب سایت/ صفحه وب است که با تمام تلفن های هوشمند، رایانه ها، لپ تاپ ها یا هر دستگاه نمایشگری فارغ از نسبت ابعاد آنها متناسب باشد. نسبت ابعاد به ارتفاع و عرض دستگاه نمایش است. امروز هر کاربری نسخه موبایل وب سایت را می خواهد. وظیفه طراح نه تنها طراحی وب سایت برای صفحه نمایش بزرگتر بلکه تمرکز بر روی صفحه های کوچکتر نیز می باشد. این وب سایت نباید فقط برای تلفن های خاص آیفون ، بلک بری (اگر چنین چیزی امروز باشد) ، سامسونگ و وان پلاس کار کند. این طراحی باید متناسب با هر گوشی هوشمند موجود در بازار باشد. خوب ، اگر همه تلفن های هوشمند نیست ، حداقل سعی کنید. برخی از نکات برای طراحی پاسخگو عبارتند از:

تصاویر را بهینه کنید

اطمینان حاصل کنید که بر روی صفحه های کوچکتر می توان به راحتی دکمه ها را کلیک کرد

چندین نمونه اولیه ایجاد کنید

یک رویکرد طراحی همراه اول را در نظر بگیرید

نکته: اگر می خواهید بهترین طراحی را داشته باشید ، دنبال کنید:

درک → کاوش ot نمونه اولیه → ارزیابی

اکنون شما ممکن است این اصطلاح را پیش از یک میلیون بار "رویکرد طراحی اولین موبایل" شنیده باشید. برخی از اامات طراحی در این روش وجود دارد که در زیر ذکر شده است:

ارائه محتوای کمتر روی صفحه و تمرکز بر روی جزئیات مهم

اندازه متن باید مناسب باشد

عناصر تعاملی بهتری را ارائه دهید

گفتن مشتریانی که آنها را می خواهید

با در نظر گرفتن نسبت ابعاد هنگام طراحی

3. طرح همان رنگ (سازگاری)

هنگام تعریف سلسله مراتب دانش از طریق وب سایت ها ، رنگ بسیار مهم است. کاربران باید بتوانند از طریق صفحات ، آنچه را که در مورد آنها است درک کنند سازگار نگه داشتن طرح رنگ آمیزی یکی از سخت ترین کارهای روی کره زمین است. بعضی اوقات ممکن است رنگی که دوست داریم مورد پسند دیگران نباشد. اغلب بین رنگها معامله ای وجود دارد. اطمینان حاصل کنید که رنگی که انتخاب می کنید مورد پسند دیگران قرار گرفته باشد. برخی از رنگ ها ممکن است متن مناسبی با متن خاصی متناسب باشد و برخی دیگر نه ، بنابراین حفظ ثبات نقش اصلی در اینجا است. یک نظرسنجی اجرا کنید ، آزمایش کنید و تکرار کنید تا زمانی که از کاربران نظرات خوبی دریافت کنید. همچنین ، طرح رنگ در وب سایت شما باید سازگار باشد. ترکیبی از رنگها را انجام ندهید.

برخی از نکات عبارتند از:

از رنگهای فوق العاده روشن یا تیره در وب سایت خود استفاده نکنید.

اطلاعات مهم را در صورت وم برجسته کنید.

اطمینان حاصل کنید که از ترکیب رنگی مناسب استفاده کرده اید.

رنگها را تا حد ممکن حداقل نگه دارید.

به عنوان مثال ، فقط کافی است صفحه Gmail خود را دوباره ببینید ، در بهترین حالت سادگی. همانطور که گفتم سادگی در اینجا کلیدی است. همه رنگها به یک اندازه متعادل هستند. تمام اطلاعات به وضوح قابل مشاهده است.

4- رابط کاربری راحت

رابط کاربری است که کاربر از طریق آن با سیستم ارتباط برقرار می کند. این به عنوان پلی بین سیستم و کاربر عمل می کند. اگر UI (رابط کاربری) خوب باشد ، کاربر قطعاً دوست دارد زمان بیشتری را روی آن بگذارد. این وظیفه طراح است که UI را تازه و واضح نشان دهد. در زیر چند نکته برای طراحی یک UI خوب آورده شده است:

رابط کاربری ساده باشد

از طرح بندی صفحه به طور موثر استفاده کنید

قلم و رنگ ثابت

اطلاعات بی ربط را حذف کنید

از پیمایش بی نهایت اطلاعات خودداری کنید

برای ساختن جلوه بصری، آن را به تجربیات خود کاربران متصل کنید. هنگام طراحی از استعاره استفاده کنید. اغلب سه مهمترین از مهم ترین سوالاتی که قبل از طراحی چیزی باید از خود بپرسیم عبارتند از:

کاربران چه کسانی هستند

چه فعالیت هایی در حال انجام است

جایی که تعامل در حال انجام است.

ما باید تعاملات کاربران با محصولشان را بهینه کنیم. بنابراین با فعالیت ها و نیازهای کاربر مطابقت دارند.

5. مطالب اهداف کاربران را برای بازدید از وب سایت ها برآورده می کند

وقتی نوبت به یافتن اطلاعات صحیح می رسد، اگر کاربر آنچه را که می خواهد به دست نیاورد خوشحال نخواهد شد. در ارائه اطلاعات خاص باشید. به عنوان مثال ، وب سایت دانشکده هنر دانشگاه ییل ، ​​در بخش هزینه های تحصیل ، آنها تازه ارائه داده اند "شهریه سال تحصیلی 2019-2020 39924 دلار است. حق شرکت دانشگاه ییل این حق را برای خود محفوظ است که در صورت وم نرخ شهریه را اصلاح کند. "

یک دانشجوی بین المللی را در نظر بگیرید و مادر / پدرش در حال جستجو در این وب سایت است زیرا آنها درباره شهریه کنجکاو هستند. آنها به طور تصادفی در این صفحه تصادف کرده اند و در مورد این اطلاعات مبهم سرنخی ندارند. اکنون سوالاتی که می تواند در ذهن آنها ایجاد شود عبارتند از:

چرا شهریه 39 ، 924 دلار است؟

هزینه دانشجویان بین المللی چقدر است؟

شکست شهریه مناسب کجاست؟

ببینید ، این احساس ناامیدی کاربر است، در این حالت ، مطالب هرگز اهداف کاربر را برآورده نمی کنند. سناریوی دیگر صفحات راهنما و اسناد از این دست صفحات است که در هنگام ارائه جزئیات نیاز به توجه بیشتری دارد. حتی اگر بتوان از این برنامه بدون کاغذ بازی استفاده کرد ، پشتیبانی و اسناد لازم است. هرگونه اطلاعات باید:

جستجو آسان

خاص باشید

روی وظیفه کاربر تمرکز کنید

به عنوان مراحل مشخصی که باید انجام شود ، لیست کنید

نکته: هر اطلاعاتی را که در اختیار کاربران قرار می دهید به خاطر بسپارید

6. عملکرد سریع برای نشان دادن چیزی

عملکرد وب سایت باید مانند کره نرم باشد. اگر عملکرد وب سایت بسیار کند باشد ، تأثیر بدی روی شرکت وب سایت ایجاد می کند و ممکن است استفاده از وب سایت متوقف شود. فکر کنید و خردمندانه عمل کنید. ابزارهای تست وب سایت بسیاری وجود دارد ، فقط یکی را انتخاب کنید و سرعت وب سایت خود را بسنجید. یکی از محبوب ترین ها ابزارهای Pingdom است. بنابراین اولین قدم به جای به روزرسانی وب سایت خود بدون دانستن مشکل کجاست. یکی از این ابزارها را امتحان کنید و به جایی برسند که مشکل چیست ، عملکرد کدام صفحه ، بخش یا هر چیزی کند است. آن مشکل خاص را برطرف کنید. بعداً ممکن است چیزها بیشتر معنا پیدا کنند. برخی از نکات برای افزایش عملکرد وب سایت شما در زیر آورده شده است:

پرونده های خود را فشرده کنید

تصاویر خود را بهینه کنید

از استفاده تصاویر زیاد خودداری کنید: به جای آن از متن استفاده کنید

درخواست های HTTP را کاهش دهید

7. بازخورد درباره پیشرفت

بازخورد پاسخی در مورد وظیفه ، روند یا رویداد پس از اتمام آن یا در طول مرحله تکمیل آن است. بدانید در این سیستم در داخل سیستم یا وب سایت چه می گذرد. در نظر بگیرید که برای انجام برخی معاملات بصورت آنلاین از وب سایتی استفاده می کنید ، یک زمان وجود دارد که نمی دانید در سیستم چه می گذرد. ناگهان پیغام معامله انجام نشد. در این مرحله شما هیچ سرنخی ندارید. بهتر بود که وب سایت در مورد خرابی معامله یا خطای موجود در آن از قبیل مشکلات اتصال به اینترنت ، محدودیت پول در بانک شما یا حتی یک اشکال فنی وب سایت ، بازخورد مناسبی ارائه دهد. در واقع ، بازخورد در مورد پیشرفت یکی از جنبه های مهم طراحی است و همچنین اولین آمار استفاده از طراحی رابط کاربر است.

صفحه موفقیت یا شکست را ایجاد کنید ، به گونه ای که کاربران بدانند در مسیر درستی قرار دارند.

8- در صورت وم از "هشدار / گفتگوها" خودداری کنید

هر زمان که کاربر در وب سایت کاری انجام می دهد ، با ارائه گفتگوی غیرضروری کاربر را اذیت نکنید. به عنوان مثال ، فکر کنید کاربر در تلاش است تا بصورت آنلاین پرداخت کند. فقط در صورت موفقیت یا عدم موفقیت در معامله گفتگو یا هشدار ارائه دهید. هشدارها / گفتگوها را هر بار که مشخصات کارت خود را وارد می کنند مانند نام ، DOB یا شماره پین ​​ارائه نکنید. همچنین ، بعضی اوقات خوب است اگر از کاربر بخواهید قبل از نمایش اعلان ها بدون اجازه آنها ، آنها را دریافت کند.

برخی از مواردی که باید دنبال کنید:

اگر کادر گفتگو یا هشدار ارائه می دهید ، مشخص باشید آن را با اطلاعات بی ربط پر نکنید.

در صورت وم تمام گفتگوها / هشدارها را حذف کنید

فقط با باز کردن گفتگوهای وب سایت کاربر را اذیت نکنید

کاربر را داخل حلقه گفتگوها قرار ندهید

9. سعی کنید 404 یا 500 خطا را کاهش دهید.

اگر قبلاً وب سایتی را طراحی کرده اید یا در آستانه طراحی هستید ، سعی کنید آن را با تمام صفحات ، ویژگی ها و قابلیت ها کاملاً توسعه دهید: وب سایت ها نباید دارای پیوندها و تصاویر شکسته ، عملکردهای ناقص و موارد دیگر باشند. به خصوص سایت نباید هیچ خطای 404 یا 500 داشته باشد. اگر کلاً پیوندها را خراب کرده اید ، سعی کنید یک صفحه خطای 404 خوب طراحی کنید. یک کاربر باید خوشحال باشد حتی اگر صفحه خطای 404 را مشاهده کند اما این مورد استثنایی است.

شما باید صفحه را به گونه ای طراحی کنید که حتی اگر کاربر در صفحه خطای 404 قرار بگیرد، باید دوباره به سایر صفحات بازگردد یا حتی از وب سایت خارج شود. همانطور که در تصویر بالا نشان داده شده است ، برای انجام سایر کارها گزینه هایی به آنها بدهید.

بسته بندی کردن

موارد بالا 9 اصل کلی برای طراحی خوب وب سایت است. با کمک این اصول می توانید وب سایت های کاربر پسند و کاربردی را به راحتی توسعه دهید. بدون این اصول اساسی، ایجاد یک وب سایت خوب و بصری قطعاً کار سختی خواهد بود. فقط به خاطر داشته باشید یک وب سایت با کاربرپسند خوب و قابلیت استفاده همیشه در دنیای واقعی موفق خواهد بود.

جهت کسب اطلاعات بیشتر روی سایت کلیک کنید.