UX

سه شنبه, ۲۷ شهریور , ۱۳۹۷

۹۰ نکته در خصوص طراحی UX از طرف یک متخصص !

۹۰ نکته در خصوص طراحی UX

 

UX به مجموعه نکاتی گفته می شود با رعایت آن ها و بهبود کارایی می توانید رضایت بازدیدکننده از سایت را افزایش دهید. ما در طراحی سایت پرنا با بررسی و مطالعه رفتار کاربران بهترین و مهم ترین نکات را برای شما عزیزان جمع آوری کرده ایم. با رعایت ۱۰۰ نکته زیر شما می توانید تجربه خوبی را برای کاربران سایت خود فراهم کنید.

 

جریان

 

۱- وب سایت شما باید مانند یک جاده آجر نما باشد . کاربران را با توجه به اهداف خود به آرامی به بخش های مختلف وب سایت هدایت کنید.

۲- کاربران ابتدا به المان های قسمت بالایی سایت شما توجه خواهند کرد. مهم ترین قسمت سایت آنجاست.

۳- طراحی تمیز و مرتبط به کاربران این اجازه را می دهد که با آرامش به بررسی سایت شما بپردازند.

۴- تمامی صفحات شما باید به هم متصل باشند. هیچ صفحه ای نباید “بن بست ” باشد تا کاربر برای بازگشت دچار سردرگمی بشود.

۵- از طرح ها و الگو های رایج در طراحی سایت استفاده کنید. کاربر را مجبور به یادگیری چیز جدید نکنید.

 

UX

 

اسکرول کردن

 

۶-کاربران تا زمانی به اسکرول وب سایت ادامه می دهند که به اطلاعات مورد نیاز خودشان دسرسی پیدا کنند. نکات مهم تر را در قسمت های بالایی قرار دهید.

۷-در تمامی قسمت هایی که اسکرول می شوند وب سایت باید از لحاظ گرافیکی جذاب باشد .

۸- هرچه طول صفحه بلند تر باشد کاربران علاقه کمتری به اسکرول خواهند داشت.

۹- کاربران معمولا اسکرول کردن را بیشتر از کلیک کردن می پسندند. به همین دلیل صفحه نباید خیلی کوتاه باشد و کاربران با کلیلک کردن به قسمت های مختلف هدایت شوند.

 

کنتراست و رنگ بندی

 

۱۰-وب سایت را برای کابران کور رنگ نیز بهینه کنید. رنگ بندی باید تفاوت نسبتا آشکاری داشته باشد.

۱۱- از رنگ آبی صرفا برای لینک ها استفاده کنید.

۱۲- به کنتراست LCD های تلفن های همراه نیز توجه کنید. با کیفیت پایین برخی از گوشی های ، از زیبایی سایت شما کاسته خواهد شد.

۱۳-یک رنگ یونیک برای دکمه CALL TO ACTION خود داشته باشد.

۱۴- رنگ های روشن در المان های بالا و رنگ های تیره در پس زمینه ها استفاده شوند.

 

بارگذاری

 

۱۵ – مطمئن شوید کاربران به آسانی به اهداف مورد نظرشان در خصوص طراحی وب سایت شما برسند .

۱۶- مهمترین چیزی که برای بازدیدکنندگان اهمیت دارد ، در نگاه اول سرعت سایت شماست.

۱۷- مهم ترین مسائل در خصوص بارگزاری ، سرعت بارگذاری سایت ، نحوه بارگذاری المان ها و انیمیشن ها smooth است.

۱۸-قبل از بارگذاری کامل سایت ، بهتر است اسکلت کلی آن بارگذرای شود.

۱۹- متون وب سایت می بایست قبل از عکس ها بارگذاری شوند تا کاربران شروع به خواندن نمایند و بیکار نباشند !

۲۰- تاخیر های بیش از چند ثانیه موجب ترک وب سایت توسط بازدیدکننده خواهد شد.

 

گوشی و تبلت

 

۲۱-لمس کردن المان های سایت روی گوشی ، زمانی که عناصر خیلی کوچک یا به هم نزدیک هستند مشکل است.

۲۲-هر المان به طور میانگین باید یک سانتیمتر مربع با سایر المان ها فاصله داشته باشد

۲۳-اگر کسی با انگشت کوچک دست  طراحی سایت شما را مرور کند ، یعنی المان ها بیش از حد کوچک هستند.

۲۴-گوشه ها و قسمت پایینی وب سایت راحت ترین و سریع ترین مکان برای لمس کردن هستند ( با انگشت شست 😐 )

۲۵- به هیچ عنوان کاربر را مجبور نکنید برای کامل دیدن وب سایت گوشی یا تبلت را بچرخواند.

۲۶- هیچ عنصری نباید نیاز به دوبار لمس کردن داشته باشد.

۲۷- تعیین کنید که کاربر برای مشاهده وب سایت نیاز به دو دست خود دارد یا با یک دست امکان مشاهده کامل آن وجود دارد.

 

منو

 

۲۸- همیشه راهی ساده برای دسترسی به منو قرار دهید.

۲۹- اگر طراحی سایت حرفه ای  به بیش از ۳ یا ۴ سرح رسید باید آن را بازطراحی کنید.

۳۰- بهتر است از منو های چسبیده استفاده کنید.

۳۱-منو نباید در مشاهده المان ها تداخل ایجاد کند.

۳۲- منو باید ثابت باشد و در قسمت ها مختلف سایت متفاوت نباشد.

۳۳- عناوین منو ها تا حد امکان کوتاه باشند.

۳۴- حتما از breadcrumbs ها استفاده کنید تا کاربر متوجه شود در حال حاضر کجاست.

۳۵-در گوشی ها و تبلت ها از منو های کوچک استفاده کنید.

۳۶- در صفحات desktop از منو های کوچک استفاده نکنید.

۳۷- در منو های موبایل ، از دسته بندی استفاده کنید.

۳۸- منو بهتر است عمودی باشد تا افقی !

۳۹- اگر از مگا منو استفاده می کنید ، فاصله مناسب بین المان ها را فراموش نکنید.

۴۰- در هنگام استفاده از مگا منو ها ، عناصر قابل کلیک و غیر قابل کلیک را به خوبی تفکیک کنید.

۴۱- ورود ، ثبت نام و جست وجو را داخل منو ها قرار ندهید.

 

فرم ها

 

۴۲- هر عنصر فرم را به صورت مجزا در یک سطر کامل قرار دهید.

۴۳-  بهتر است عنوانین فرم ها خارج از عناصر فرم باشد.

۴۴- فرم ها را سایر عناصر کاملا مجزا کنید.

۴۵- ارور ها مر بوط به هر سطر را همانجا نشان دهید

۴۶- خطا ها در فرم ها باید مشخص ، ساده و مفید باشند.

۴۷- طراحی سایت در گوشی ها خطا ها را در یک محل گردآوری کنید.

 

لینک ها

 

۴۸- لینک ها باید با رنگ آبی یا underline از سایر متون جدا شوند.

۴۹- لینک ها باید شکل لینک باشند !

۵۰- از رنگ آبی یا underline برای سایر متون استفاده نکنید.

۵۱- کاربر نباید پس از کلیک روی لینک متوجه شود که به کجاتر رفته است ، مقصد لینک در طراحی سایت ارزان باید واضح باشد.

۵۲- عکس های وبلاگ یا محصولات همیشه باید قابلیت کلیک داشته باشند.

۵۳- عنواوین تیتر صفحات ویژه باید همیشه ثابت باشند.

۵۴- لینک های بازدید شده را از بقیه لینک ها مجزا کنید.

 

دکمه ها

 

۵۵-دکمه ها باید قابلیت کلیک داشته باشند و از باقی المان ها جدا باشند.

۵۶-دکمه های خاص باید از بقیه بزرگتر باشند.

۵۷- پس زمینه ، لبه ها و شکل ظاهری دکمه ها باید برای کاربر قابل تشخیص باشد.

۵۸- در طراحی فلت ، رنگ دکمه ها باید تک باشد.

۵۹- کاربر در ۰٫۱ ثانیه باید متوجه شود پس از کلیک روی دکمه چه اتفاقی افتاده است.

۶۰- در طراحی سایت ، دکمه هایی که باعث پاک شدن یا تغییر اطلاعات می شوند باید سخت تر کلیک شوند ، خصوصا روی گوشی ها همراه

 

جست و جو

 

۶۱-اگر طراحی سایت ارزان  کوچکی ندارید ، حتما به بخش جست و جو  نیاز دارید.

۶۲- شکل بخش جست وجو باید مانند فرم ها باشد.

۶۳- جست و جو را در در قسمتی واضح قرار دهید ، معمولا بالا سمت راست

۶۴- کاربران وقتی دنبال جست و جو می گردند انتظار یک سطر که قابلیت نوشتن دارد می گردند.

۶۵- طول قسمت جست وجو باید به حد کافی بلند باشد که کاربر تمام جمله خود را ببیند.

 

اسلایدر ها

 

۶۶-اسلایدر ها را فراموش کنید ! کاربر با هر اسلاید جدید قبلی را فراموش خواهد کرد.

۶۷- دکمه های تغییر عکس خصوصا روی گوشی ها همراه چندان واضح نیستند.

۶۸- به جای فلش ، از متن استفاده کنید تا کاربر بداند که در اسلایدر بعدی چه خبر است.

۶۹-تنها ۱% کاربران سایر عکس های اسلایدر را در طراحی سایت حرفه ای شما مشاهده می کنند !!

۷۰- اسلایدر هایی که به صورت اتوماتیک تصاویر را تغییر می دهند ، به محض تداخل کاربر نباید به صورت اتوماتیک تغییر کنند.

 

آکاردئون ها

 

۷۱-در گوشی های همراه از آکاردئون ها استفاده کنید تا طول صفحه کمتر شود.

۷۲- در آکاردئون ها قابلیت بسته شدن را نیز قرار دهید.

۷۳- آکاردئون به جای لینک ها در گوشی های همراه

۷۴- آکاردئون ها موجب راحتی کاربر می شوند.

 

نکات و راهنما ها

 

۷۵- هدف اصلی هر صفحه طراحی سایت  باید برای کاربر کاملا واضح باشد.

۷۶- کاربران معمولا در صورت بروز مشکل ، به دنبال صفحه راهنما خواهند گشت.

۷۷- صفحه راهنما را در قسمت های لازم جای گذاری کنید ، نه همه جا

۷۸- صفحه راهنما باید کمی از سایر صفحات متفاوت باشد.

۷۹- حدالمقدور راهنما را خلاصه کنید.

 

آیکون ها

 

۸۰-آیکون ها باید با معنی باشد و علت وجودشان مشخص باشد.

۸۱- از آیکون ها فقط در مواقعی که لازم است استفاده کنید.

 

محتوا

 

۸۲- مهم ترین اطلاعات طراحی سایت حرفه ای ، باید در واضح ترین قسمت قرار گیرند.

۸۳-  نکات کلیدی محتوا را به صورت خلاصه در چند سطر اول توضح دهید.

۸۴- مطالب را اولویت بندی کنید و به ترتیب اولویت قرار دهید.

۸۵-  نکات اصلی را با رنگ یا طرح های خاص مجزا کنید.

۸۶- لوکیشن ، اطلاعات تماس و.. مهمترین اطلاعات برای کاربران گوشی ها هستند.

۸۷- در گوشی ها همراه کاربران صرفا اطلاعات حیاتی شما را می خواهند.

۸۸- اصطلاحات ساده و کامل ، جذاب تر از عبارات قلمبه سلمبه هستند.

 

خوانایی

 

۸۹- بیشتر کاربران ، قبل از خواندن یک دور متن را ورانداز می کنند ، از المان های گرافیکی زیبا استفاده کنید.

۹۰- خوانایی صرفا به معنای راحت تر خواندن نیست ، به معنای چه موقع خواندن نیز هست.

 

طراحی سایت پرنا

بیشتر بخوانید

 

برچسب ها : ,

اشتراک گذاری در صفحات مجازی

مشاوره رایگان !