بسیاری از ما هر روز بیش از 3 ساعت را آنلاین با استفاده از دستگاه‌های بی‌شماری با صفحه‌نمایش می‌گذرانیم که نیاز به توجه انحصاری دارند، جایی که بیش از 1 تریلیون صفحه وب و میلیون‌ها برنامه تلفن همراه برای زمان ما رقابت می‌کنند. برای کمک به مؤثر بودن شما، وبکده 7 اصل از بیش از 50 اصل ما را انتخاب کرده است که به شما اطمینان می دهد برنامه یا وب سایت شما شیرین است و از بقیه متمایز است.
برای سفارش باز طراحی وب سایت اینجا کلیک کنید.
1. طراحی باید بر یک تجربه تمرکز کند
مردم همیشه اطلاعات ارائه شده را به خاطر نمی آورند، اما احساس خود را به یاد می آورند. تبلیغ کنندگان روی فروش به قلب ما تمرکز می کنند، پس چرا شما نباید این کار را انجام دهید؟ همانطور که جفری جیمز در مقاله ای از Inc.com بیان می کند، "[این] خود اطلاعات مهم نیست، بلکه تأثیر احساسی است که اطلاعات بر مخاطبان شما می گذارد."
به همین دلیل است که طراحی تجربه کاربری یا طراحی UX به بخشی جدایی ناپذیر از کار وب و برنامه تبدیل شده است. این باید به طور موثر ترکیبی از متن، گرافیک، چیدمان و عناصر تعاملی را با هم ترکیب کند تا اطمینان حاصل شود که کاربران تجربه ای دارند، نه فقط یک نمای اطلاعاتی.
با تمام پیچیدگی و کمیت اطلاعاتی که در آن شنا می کنیم، تمایز اهمیت دارد. اگر رابط‌های امروزی را اسکن کنید، تصاویر بیشتر، داستان بیشتر و احساسات بیشتری را در خود جای می‌دهند تا به شما کمک کنند چرا در دریای رقبا اهمیت دارند. این ما را به نقطه بعدی می رساند…
2. مردم وب سایت ها را اسکن می کنند، آنها را نمی خوانند
وب سایت خود را قابل اسکن کنید زیرا کاربران وب سایت ها را به گونه ای که مطالب دیگر را می خوانند نمی خوانند. آیا جای تعجب است که چرا استفاده از اینفوگرافیک برای هر کسی که به دنبال انتقال مجموعه‌ای از داده‌ها یا دستورالعمل‌ها است به نرخ استاندارد تبدیل شده است؟ تحقیقات نشان می‌دهد که «کاربران زمانی که محتوای وب به تمرکز بر بخش‌های مورد علاقه کمک می‌کند، از اسکن کردن به خواندن واقعی کپی روی می‌آورند».
به عنوان مثال، احتمالاً قصد ندارید این مقاله را کامل بخوانید، بلکه سرفصل‌ها را اسکن کنید و در جایی که می‌خواهید ادامه مطلب را بخوانید، شیرجه بزنید. اسکن کردن رابط کاربری خود، آن را برای مخاطبان امروزی ساده‌تر می‌کند، که ما را به نقطه بعدی می‌رساند…
سفارش طراحی سایت خود را به وبکده بسپارید.
3. کاربران خواهان سادگی و وضوح هستند
کمتر از 0.5 ثانیه طول می کشد تا بازدیدکنندگان تصمیم بگیرند که آیا به یک وب سایت علاقه مند هستند یا نه، بنابراین واضح باشید که می خواهید کاربران چه کاری انجام دهند. رابط‌های امروزی به «اقدامات ترجیحی» نیاز دارند تا تا حد امکان واضح باشند. کاربران نباید به آنچه می خواهید انجام دهند فکر کنند. به عنوان مثال، می تواند به معنای تمرکز توجه بصری بر روی یک دکمه در مقابل چهار دکمه در صفحه اصلی شما باشد.
در نظر بگیرید که برنامه وب یا وب سایت شما چه کاری می تواند انجام دهد تا استفاده از آن آسان شود. به عنوان مثال، یک فرم می تواند مقادیر پیش فرضی را ارائه دهد که اکثر کاربران به جای ارائه هر گزینه در دسترس، به آن پایبند هستند. بخشی از طراحی، طراحی برای اکثر کاربران شما و اجازه دادن به قابلیت‌های اضافی در صورت نیاز (مثلاً از طریق کنترل‌های شناور) بدون ارائه همه چیز در صورت شماست.
یک طراحی ثابت در واقع برای کاربران ساده‌تر است، زیرا از اجزا، رفتارها، رنگ‌ها و زیبایی‌شناسی مجدد استفاده می‌کند تا نیاز کاربران به تجدید نظر را کاهش دهد. کاربران قبلاً با بسیاری از مؤلفه‌های مورد استفاده در وب آشنا هستند، بنابراین رعایت این الگوها سیستم را برای شروع ساده‌تر و واضح‌تر می‌کند، که ما را به نقطه بعدی می‌رساند…
4. بدانید کجا خلاق شوید و کجا از الگوهای طراحی رایج استفاده کنید
با نوآوری الگوهای UI جدید که قبلاً الگوهای رایج در جاهای دیگر شناخته شده اند، مراقب باشید. شما نمی خواهید مردم مجبور شوند خیلی سخت در مورد اینکه عناصر مشترک کجا هستند فکر کنند. اکثر رابط ها باید قبلاً برای کاربران آشنا باشند. به عنوان مثال، پیوندها باید شبیه پیوندها باشند. دکمه ها باید شبیه دکمه ها باشند. دسترسی به ورود معمولاً در سمت راست بالا قرار دارد. آرم ها و نام شرکت ها در بالا سمت چپ.
خلاقیت بیش از حد در الگوهای رایج مانند این است که به جای استفاده از چوب استاندارد بالا/پایین در سمت چپ فرمان، بگویید: "اجازه دهید چشمک زن را برای ماشین با کنترل های رادیویی بگذارم". ممکن است انجام کاری غیر سنتی احساس خوبی داشته باشد، اما سرد به معنای قابل استفاده نیست. قابلیت استفاده و خلاقیت باید متعادل باشند.
ناوبری، URL ها و قرار دادن دکمه ها باید قبل از زیبایی طراحی بر قابلیت استفاده تمرکز کنند. به همین دلیل است که بهترین روش برای شروع وایرفریم بدون زیبایی طراحی و تمرکز بر روی چیدمان است. سپس می توانید روی خلاقیت تمرکز کنید تا از خلاقیت قدردانی شود، که ما را به نقطه بعدی می رساند…
5. طراحی کنید تا توجه یک نفر را در بالای صفحه به خود جلب کنید تا اینکه همه چیز را در بالای صفحه طراحی کنید.
ابتدا، طراحی برای "بالای تا" باید در زمینه قرار گیرد. تا شدن برای هر دستگاه متفاوت است – یک تا برای لپ تاپ می تواند سه برابر کوچکتر از یک تا برای یک دسکتاپ بزرگ باشد و یک دستگاه تلفن همراه ممکن است دو برابر کوچکتر از یک لپ تاپ داشته باشد.
این بدان معناست که در حالی که محتوای «بالا» مهم است، جلب توجه کاربر به تجربه‌تان مهم‌تر از قرار دادن همه چیز در بالا است. همانطور که اریک هوبر می‌گوید، قرار دادن همه چیز در بالای صفحه، معادل این است که همه چیز را در فروشگاه خود بردارید و آن را در حاشیه قرار دهید، همراه با رنگ آمیزی قیمت‌های فروش روی درها و پنجره‌ها، فقط در صورتی که ممکن است کسی که از آنجا می‌گذرد نیاید. در فروشگاه شما."
البته، موارد بالای صفحه هنوز در سلسله مراتب اطلاعات شما مهم هستند، زیرا این اولین چیزی است که مردم می بینند. با این حال، هنگامی که اهمیت سادگی، وضوح و تجربه را متعادل می‌کنید، خط تاشو همیشه در حال تغییر را به عنوان یکی از متغیرهای بسیاری در متن قرار می‌دهد.
این صرفاً یک تصور قدیمی است که همه چیز مهم باید بالاتر از حد باشد. چیزی که تاریخ ندارد این است که توجه کسی را به خود جلب کند تا بخواهد به پایین پیمایش کند و بقیه وب سایت یا برنامه شما را تجربه کند، که ما را به نقطه بعدی می رساند…
6. پیمایش اغلب سریعتر از صفحه بندی است
وب سایت های امروزی به صورت عمودی طولانی تر هستند، بسیار طولانی تر از سایت های قدیمی که طراحان فکر می کردند همه چیز باید بالاتر از حد باشد. این مثال را از آمازون بگیرید که Kindle جدید خود را می فروشد، اگر این صفحه را چاپ کنید، 17 صفحه است. در حالی که آمازون منحصربه‌فرد است و شیوه‌های آنها به‌عنوان سایت تجارت الکترونیک پیشرو در جهان بهترین روش برای همه نیست، کافی است از 10 وب‌سایت شرکت مدرن دیدن کنید و احتمالاً میانگین طول صفحه چاپ شده را بین 3 تا 6 صفحه خواهید دید.
در سال 1997، جاکوب نیلسن، کارشناس طولانی مدت قابلیت استفاده از وب، این دستورالعمل را پس گرفت تا از پیمایش صفحات وب جلوگیری کند تا به کاربران اجازه دهد روی سرعت تمرکز کنند. او ادامه داد: «پیمایش صفحه‌بندی را شکست می‌دهد» زیرا اسکرول کردن به پایین سریعتر از کلیک کردن است، به این معنی که صفحات طولانی‌تر می‌توانند بهتر از صفحات بیشتر باشند. در نتیجه ناوبری وب امروزی صاف تر است.
ما اغلب می گوییم "کلیک ها از نظر قابلیت استفاده گران هستند" اما منظور ما این است که کلیک هایی که نیاز به بازخوانی صفحه دارند "گران هستند". مردم فقط به اندازه ای که ما طراحی می کنیم کلیک نمی کنند. در پایان روز، اکثر ما به دنبال ساده ترین و سریع ترین مسیر برای به دست آوردن آنچه نیاز داریم هستیم. پیمایش بیشتر در مقابل کلیک مجدد ممکن است به این امر کمک کند.
واقعیت این است که ما در اسکن یک وب سایت بسیار سریع هستیم (نگاه کنید به شماره 2) اما متوسط به روز رسانی وب سایت 6.5 ثانیه است. ترجیح میدهی چه کاری انجام بدهی؟ روی 4 مکان کلیک کنید که 27 ثانیه طول می کشد یا به سرعت یک صفحه اصلی طولانی تر را در 5-10 ثانیه اسکن کنید؟ تلنگر و حرکت در دستگاه های تلفن همراه و تبلت ما فقط فرکانس پیمایش ما را تقویت کرده است که ما را به نقطه بعدی می رساند…
7. طراحی زیبا واکنشگرا در مقابل طراحی فقط واکنشگرا بسازید
طراحی ریسپانسیو – طراحی وب سایت یا برنامه شما به گونه ای که رابطی روان برای اندازه های مختلف دستگاه داشته باشد – در چند سال اخیر محبوب بوده است. اگر هنوز در طراحی ریسپانسیو نیستید، احتمالاً شنیده اید که مهم است، اما آیا واقعاً تفاوتی ایجاد می کند؟ تحقیقات برای اثبات این امر ادامه دارد.
با این حال، بیشتر شرکت‌های طراحی، از جمله خود ما، وب‌سایت‌هایی را طراحی می‌کردند که فقط واکنشگرا باشند، اما اندازه تصاویر و متن‌ها گاهی اوقات به تناسب کمی تغییر می‌کردند. کاربران در همه انواع دستگاه ها با هر اندازه صفحه نمایش هستند، بنابراین شما طبیعتاً می خواهید سایت یا برنامه شما در همه جا خوب به نظر برسد. و بین داشتن طراحی واکنش گرا و طراحی واکنش گرا که خوب به نظر می رسد تفاوت وجود دارد. بنابراین، پس از اینکه کادر را علامت زدید، به طراحی واکنش‌گرای خود در دستگاه تلفن همراه یا تبلت نگاه کنید و از خود بپرسید که آیا خوب است.
منبع: https://www.freshconsulting.com/insights/blog/7-uiux-principles-fresh-web-experiences/