راهنمای راه‌اندازی سایت · ۱ آبان ۱۴۰۵ · ۵ دقیقه مطالعه · نویسنده: تیم تاریشا
طراحی و تجربه کاربری: سه اصل طلایی سایتی که کاربر دوستش دارد (سری آموزش تاریشا، قسمت ۲)
در قسمت اول این سری گفتیم سایت حرفه‌ای با سه تصمیم شروع می‌شود: هدف، دامنه و هاست، و نقشه سایت. حالا اسکلت آماده است و نوبت می‌رسد به اینکه سایت چطور دیده شود و چطور با آن کار کنند. تجربه کاربری، خلاصه‌اش، همین است: بازدیدکننده بی‌آنکه فکرش را بکند یا جایی گم شود، به همان چیزی برسد که برایش آمده. قسمت دوم سری آموزش تاریشا به سه اصل طلایی همین کار می‌پردازد.
اصل اول: ساده و تمیز طراحی کنید، هر صفحه یک هدف
دشمن شماره یک تجربه کاربری، شلوغی است. صفحه‌ای را تصور کنید که هم می‌خواهد بفروشد، هم خبر بدهد، هم ثبت‌نام بگیرد و وسط این همه، پنج دکمه جورواجور هم جلوی چشم کاربر گذاشته است. نتیجه معمولاً یکی است: هیچ‌کدام از آن کارها انجام نمی‌شود.
قاعده‌ای که کار را راحت می‌کند این است: هر صفحه یک هدف اصلی بیشتر نداشته باشد.
- صفحه محصول برای این است که مشتری مشخصات را بفهمد و دکمه خرید یا سفارش را پیدا کند.
- صفحه خدمت برای این است که مشتری مطمئن شود و درخواستش را بفرستد.
- صفحه تماس فقط یک کار دارد: کاربر را هرچه زودتر به شماره، آدرس یا فرم برساند.
هر چیز دیگری که در صفحه هست، یا باید در خدمت همین هدف باشد، یا جایش آنجا نیست. حذفش کنید، یا بفرستیدش به صفحه خودش. پیش از انتشار هر صفحه هم از خودتان بپرسید: «کاربر اینجا دقیقاً باید چه کار کند؟» اگر جوابتان بیشتر از یک چیز شد، آن صفحه هنوز کار دارد.
اصل دوم: موبایل را اول ببینید
بیشتر بازدید سایت‌های کسب‌وکارهای کوچک و متوسط از گوشی می‌آید. در ریلز این قسمت هم گفتیمش و هر صاحب سایتی همین را در آمار بازدید خودش می‌بیند. پس قضاوت درباره طراحی را نباید از روی مانیتور بزرگ شروع کرد.
در عمل یعنی چه؟
- اول سایت را روی گوشی خودتان باز کنید و همه مسیرها را با انگشت بروید: منو، دکمه خرید، فرم تماس.
- دکمه‌ها و لینک‌ها آن‌قدر بزرگ و از هم جدا باشند که انگشت رویشان اشتباه نرود.
- متن‌ها بی‌نیاز از زوم‌کردن خوانده شوند و هیچ تکه‌ای از صفحه از کادر بیرون نزند.
- شماره تماس و راه ارتباط، در نسخه موبایل همیشه دم دست باشد، نه اینکه کاربر برای پیداکردنش بگردد.
به این می‌گویند «واکنش‌گرا» بودن، یعنی صفحه خودش را با اندازه هر صفحه‌نمایشی جور می‌کند. این یکی دیگر نه امکان تزئینی است، نه انتخاب سلیقه‌ای. شرط دیده‌شدن و فروش است.
اصل سوم: سرعت و خوانایی
حوصله کاربر برای منتظرماندن پای سایت شما بی‌پایان نیست. هدفی که در ریلز هم گفتیم روشن است: صفحه در همان چند ثانیه اول بالا بیاید و بشود محتوایش را خواند. این اصل دو پا دارد:
سرعت:
- تصاویر را پیش از آپلود فشرده کنید. یک عکس چندمگابایتیِ دوربین، قاتل سرعت صفحه محصول است.
- هاست مناسب بگیرید. در قسمت اول گفتیم چرا این‌قدر مهم است.
- افزونه‌ها و کدهای اضافی و بی‌استفاده را نگه ندارید. هرکدامشان یک هزینه بارگذاری‌اند.
خوانایی:
- فونت فارسی خوانا، با اندازه کافی انتخاب کنید. متن ریز و خاکستری روی پس‌زمینه روشن، چشم را خسته می‌کند.
- کنتراست متن و پس‌زمینه را جدی بگیرید تا نوشته زیر نور آفتاب و روی صفحه گوشی هم خوانا بماند.
- پاراگراف‌ها را کوتاه نگه دارید و میان بخش‌ها فضای خالی بگذارید. دیواری از متن، خواننده را فراری می‌دهد.
چک‌لیست خودارزیابی سریع
همین حالا سایتتان را روی گوشی باز کنید و ــ بی‌تعارف با خودتان ــ به این چهار سؤال جواب بدهید:
- در پنج ثانیه اول معلوم می‌شود این کسب‌وکار چه می‌کند؟
- مهم‌ترین دکمه ــ خرید، تماس یا سفارش ــ بدون اسکرول‌کردن دیده می‌شود؟
- همه مسیرها با انگشت، بی‌زوم و بی‌اشتباه، قابل رفتن‌اند؟
- صفحه‌ها سریع باز می‌شوند و متن‌ها راحت خوانده می‌شوند؟
هر «نه»ای که در این فهرست گرفتید، یک جای مشخص است که می‌شود بهترش کرد، و خبر خوب اینکه هر چهار مورد هم قابل اصلاح‌اند.
پرسش‌های پرتکرار
طراحی زیبا مهم‌تر است یا تجربه کاربری؟ این دو اصلاً رقیب هم نیستند. طراحی زیبایی که کاربر را گیج کند، فروش نمی‌سازد و در آن سو، سایت ساده ولی زشت هم اعتماد کسی را جلب نمی‌کند. ترتیب درست این است: اول کاربرد و وضوح، بعد زیبایی ــ در همان چارچوب.
از کجا بفهمم کاربران کجا گیر می‌کنند؟ راه ساده‌ای دارد: از سه نفر آشنای غیرفنی بخواهید کار مشخصی در سایتتان انجام بدهند ــ مثلاً «این محصول را سفارش بده» ــ و خودتان فقط بنشینید و تماشا کنید کجاها مکث می‌کنند یا اشتباه می‌روند. همان‌جاها، نقاط اصلاح شماست.
برای موبایل باید اپلیکیشن هم داشته باشم؟ برای بیشتر کسب‌وکارها، نه. یک سایت واکنش‌گرا و سریع، نیاز موبایل را پوشش می‌دهد و هزینه نگهداری یک اپ جداگانه را هم از دوشتان برمی‌دارد.
قدم بعدی
در قسمت سوم این سری سراغ محتوا و سئو می‌رویم: اینکه مشتری چطور از گوگل پیدایتان کند.
اگر سایت فعلی‌تان در این چک‌لیست نمره خوبی نمی‌گیرد، بدانید بازطراحی درست دقیقاً از همین سه اصل شروع می‌شود. تیم تاریشا در خدمات طراحی سایت کنارتان است. برای شروع کافی است یک درخواست پروژه بفرستید.
دیدگاه‌ها (۰)
هنوز دیدگاهی برای این مقاله ثبت نشده است؛ اولین نفر باشید.