طراحی برای نسل زد؛ ترندهای UI که کاربران جوان دوست دارند
طراحی برای نسل زد؛ ترندهای UI که کاربران جوان دوست دارند
این راهنما به‌صورت عملی توضیح می‌دهد که طراحی برای نسل زد؛ ترندهای UI که کاربران جوان دوست دارند برای رسیدن به هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی» چگونه باید تحلیل، طراحی، پیاده‌سازی و ارزیابی شود. مخاطب آن طراحان محصول و برندهای مخاطب جوان است و توصیه‌ها بر حل مسئله واقعی کاربر، دسترس‌پذیری، عملکرد فنی و سنجش نتیجه تمرکز دارند.
طراحی UI برای نسل زد زمانی ارزشمند است که کاربر بدون نیاز به حدس زدن بتواند صفحه را بفهمد و اقدام موردنظر را انجام دهد. ظاهر جذاب مهم است، اما زیبایی‌ای که موجب ابهام، کندی یا حذف بخشی از کاربران شود به تجربه بهتر منجر نمی‌شود. تصمیم حرفه‌ای میان نیاز کسب‌وکار، محدودیت فنی و توانایی‌های متنوع کاربران تعادل ایجاد می‌کند.
پیش از بازطراحی، هدف صفحه و رفتار مورد انتظار را بنویسید. سپس وضعیت فعلی را با داده‌هایی مانند نرخ تکمیل، زمان انجام کار، خطا، خروج و پرسش‌های پشتیبانی ثبت کنید. این خط مبنا نشان می‌دهد تغییر جدید واقعاً مسئله‌ای را حل کرده است یا فقط صفحه را متفاوت نشان می‌دهد. در ادامه مهم‌ترین محورهای اجرایی را مرحله‌به‌مرحله بررسی می‌کنیم.
پژوهش واقعی و پرهیز از کلیشه
پژوهش واقعی و پرهیز از کلیشه در بحث طراحی UI برای نسل زد یک جزئیات تزئینی نیست؛ این موضوع بر توانایی کاربر برای درک صفحه، تصمیم‌گیری و رسیدن به هدف اثر می‌گذارد. در پروژه‌ای با هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی»، تصمیم باید از نیاز طراحان محصول و برندهای مخاطب جوان و زمینه استفاده آغاز شود. ابتدا نمونه‌های پرتکرار سایت را فهرست کنید و رفتار واقعی کاربر را کنار نظر تیم قرار دهید. ضبط جلسه، گزارش تحلیل رفتار و گفت‌وگوی کوتاه با کاربر می‌تواند فاصله میان تصور و واقعیت را آشکار کند. نتیجه این بررسی باید به یک فرضیه روشن برسد، نه فهرستی از سلیقه‌های شخصی.
برای اجرای درست پژوهش واقعی و پرهیز از کلیشه، ابتدا محتوای واقعی، محدودیت فناوری و حالت‌های مختلف کاربر را مشخص کنید. الگو باید در حالت عادی، موبایل، بزرگ‌نمایی، خطا، انتظار و نبود داده پایدار بماند. یک صفحه نماینده انتخاب کنید، وضعیت فعلی را ثبت نمایید و سناریوی اصلی را بدون راهنمایی به پنج کاربر بدهید. نقطه مکث، بازگشت و خطا را یادداشت کنید. این کار میان طراحی و توسعه زبان مشترک ایجاد می‌کند و از اصلاح‌های پرهزینه بعد از انتشار می‌کاهد.
خطای رایج، انتخاب یک نمونه زیبا از سایت دیگر و انتقال مستقیم آن به پروژه است. زمینه برند، مهارت مخاطب، طول متن فارسی، نوع دستگاه و هدف صفحه ممکن است کاملاً متفاوت باشد. همچنین نباید موفقیت را فقط با نظر اعضای تیم سنجید. نرخ تکمیل کار، زمان رسیدن به نتیجه، تعداد خطا، استفاده از کمک و بازخورد مستقیم کاربر تصویر دقیق‌تری می‌سازد. اگر تغییر یکی از این شاخص‌ها را بهتر و شاخص محافظی مانند سرعت یا دسترس‌پذیری را بدتر کرد، طرح هنوز آماده تعمیم نیست.
تجربه موبایل‌محور و سریع
تجربه موبایل‌محور و سریع در بحث طراحی UI برای نسل زد یک جزئیات تزئینی نیست؛ این موضوع بر توانایی کاربر برای درک صفحه، تصمیم‌گیری و رسیدن به هدف اثر می‌گذارد. در پروژه‌ای با هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی»، تصمیم باید از نیاز طراحان محصول و برندهای مخاطب جوان و زمینه استفاده آغاز شود. پیش از تغییر ظاهر، مسئله را با یک جمله قابل آزمون تعریف کنید. مشخص کنید چه کسی، در کدام مرحله و به چه دلیل با مانع روبه‌رو می‌شود؛ سپس فقط متغیری را تغییر دهید که به همان مانع مربوط است. نتیجه این بررسی باید به یک فرضیه روشن برسد، نه فهرستی از سلیقه‌های شخصی.
برای اجرای درست تجربه موبایل‌محور و سریع، ابتدا محتوای واقعی، محدودیت فناوری و حالت‌های مختلف کاربر را مشخص کنید. الگو باید در حالت عادی، موبایل، بزرگ‌نمایی، خطا، انتظار و نبود داده پایدار بماند. سه سطح اولویت ضروری، مفید و تزئینی بسازید. منابع تیم ابتدا باید صرف سطح ضروری شود و افزودن جزئیات بصری بعد از حل مانع اصلی انجام گیرد. این کار میان طراحی و توسعه زبان مشترک ایجاد می‌کند و از اصلاح‌های پرهزینه بعد از انتشار می‌کاهد.
خطای رایج، انتخاب یک نمونه زیبا از سایت دیگر و انتقال مستقیم آن به پروژه است. زمینه برند، مهارت مخاطب، طول متن فارسی، نوع دستگاه و هدف صفحه ممکن است کاملاً متفاوت باشد. همچنین نباید موفقیت را فقط با نظر اعضای تیم سنجید. نرخ تکمیل کار، زمان رسیدن به نتیجه، تعداد خطا، استفاده از کمک و بازخورد مستقیم کاربر تصویر دقیق‌تری می‌سازد. اگر تغییر یکی از این شاخص‌ها را بهتر و شاخص محافظی مانند سرعت یا دسترس‌پذیری را بدتر کرد، طرح هنوز آماده تعمیم نیست.
محتوای کوتاه اما عمیق
محتوای کوتاه اما عمیق در بحث طراحی UI برای نسل زد یک جزئیات تزئینی نیست؛ این موضوع بر توانایی کاربر برای درک صفحه، تصمیم‌گیری و رسیدن به هدف اثر می‌گذارد. در پروژه‌ای با هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی»، تصمیم باید از نیاز طراحان محصول و برندهای مخاطب جوان و زمینه استفاده آغاز شود. این تصمیم باید در چند اندازه نمایش و با محتوای کوتاه و بلند آزمایش شود. طرحی که فقط با داده نمونه مرتب دیده می‌شود، در سایت واقعی و زبان فارسی به‌سرعت کیفیت خود را از دست می‌دهد. نتیجه این بررسی باید به یک فرضیه روشن برسد، نه فهرستی از سلیقه‌های شخصی.
برای اجرای درست محتوای کوتاه اما عمیق، ابتدا محتوای واقعی، محدودیت فناوری و حالت‌های مختلف کاربر را مشخص کنید. الگو باید در حالت عادی، موبایل، بزرگ‌نمایی، خطا، انتظار و نبود داده پایدار بماند. برای جزء موردنظر حالت عادی، hover، focus، فعال، غیرفعال، انتظار، خطا و موفقیت را طراحی کنید تا پیاده‌سازی به حدس توسعه‌دهنده وابسته نباشد. این کار میان طراحی و توسعه زبان مشترک ایجاد می‌کند و از اصلاح‌های پرهزینه بعد از انتشار می‌کاهد.
خطای رایج، انتخاب یک نمونه زیبا از سایت دیگر و انتقال مستقیم آن به پروژه است. زمینه برند، مهارت مخاطب، طول متن فارسی، نوع دستگاه و هدف صفحه ممکن است کاملاً متفاوت باشد. همچنین نباید موفقیت را فقط با نظر اعضای تیم سنجید. نرخ تکمیل کار، زمان رسیدن به نتیجه، تعداد خطا، استفاده از کمک و بازخورد مستقیم کاربر تصویر دقیق‌تری می‌سازد. اگر تغییر یکی از این شاخص‌ها را بهتر و شاخص محافظی مانند سرعت یا دسترس‌پذیری را بدتر کرد، طرح هنوز آماده تعمیم نیست.
هویت بصری جسور و منسجم
هویت بصری جسور و منسجم در بحث طراحی UI برای نسل زد یک جزئیات تزئینی نیست؛ این موضوع بر توانایی کاربر برای درک صفحه، تصمیم‌گیری و رسیدن به هدف اثر می‌گذارد. در پروژه‌ای با هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی»، تصمیم باید از نیاز طراحان محصول و برندهای مخاطب جوان و زمینه استفاده آغاز شود. دسترس‌پذیری را از پایان پروژه به ابتدای تصمیم منتقل کنید. ترتیب فوکوس، بزرگ‌نمایی، کنتراست، متن جایگزین و کاهش حرکت باید هم‌زمان با نمونه اولیه بررسی شوند. نتیجه این بررسی باید به یک فرضیه روشن برسد، نه فهرستی از سلیقه‌های شخصی.
برای اجرای درست هویت بصری جسور و منسجم، ابتدا محتوای واقعی، محدودیت فناوری و حالت‌های مختلف کاربر را مشخص کنید. الگو باید در حالت عادی، موبایل، بزرگ‌نمایی، خطا، انتظار و نبود داده پایدار بماند. طرح را با متن فارسی واقعی، عدد، تاریخ، نام طولانی و داده خالی آزمایش کنید. شکست چیدمان در این حالت‌ها معمولاً پیش از انتشار قابل پیشگیری است. این کار میان طراحی و توسعه زبان مشترک ایجاد می‌کند و از اصلاح‌های پرهزینه بعد از انتشار می‌کاهد.
خطای رایج، انتخاب یک نمونه زیبا از سایت دیگر و انتقال مستقیم آن به پروژه است. زمینه برند، مهارت مخاطب، طول متن فارسی، نوع دستگاه و هدف صفحه ممکن است کاملاً متفاوت باشد. همچنین نباید موفقیت را فقط با نظر اعضای تیم سنجید. نرخ تکمیل کار، زمان رسیدن به نتیجه، تعداد خطا، استفاده از کمک و بازخورد مستقیم کاربر تصویر دقیق‌تری می‌سازد. اگر تغییر یکی از این شاخص‌ها را بهتر و شاخص محافظی مانند سرعت یا دسترس‌پذیری را بدتر کرد، طرح هنوز آماده تعمیم نیست.
شخصی‌سازی با کنترل کاربر
شخصی‌سازی با کنترل کاربر در بحث طراحی UI برای نسل زد یک جزئیات تزئینی نیست؛ این موضوع بر توانایی کاربر برای درک صفحه، تصمیم‌گیری و رسیدن به هدف اثر می‌گذارد. در پروژه‌ای با هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی»، تصمیم باید از نیاز طراحان محصول و برندهای مخاطب جوان و زمینه استفاده آغاز شود. برای سنجش، یک شاخص رفتاری و یک شاخص کیفی انتخاب کنید. زمان انجام کار یا نرخ تکمیل به تنهایی دلیل مشکل را نمی‌گوید و مشاهده کاربر بدون عدد نیز اندازه اثر را روشن نمی‌کند. نتیجه این بررسی باید به یک فرضیه روشن برسد، نه فهرستی از سلیقه‌های شخصی.
برای اجرای درست شخصی‌سازی با کنترل کاربر، ابتدا محتوای واقعی، محدودیت فناوری و حالت‌های مختلف کاربر را مشخص کنید. الگو باید در حالت عادی، موبایل، بزرگ‌نمایی، خطا، انتظار و نبود داده پایدار بماند. معیار پذیرش بنویسید؛ برای مثال کاربر باید بدون کمک مسیر را کامل کند، فوکوس دیده شود و تغییر صفحه باعث جابه‌جایی ناگهانی اجزا نشود. این کار میان طراحی و توسعه زبان مشترک ایجاد می‌کند و از اصلاح‌های پرهزینه بعد از انتشار می‌کاهد.
خطای رایج، انتخاب یک نمونه زیبا از سایت دیگر و انتقال مستقیم آن به پروژه است. زمینه برند، مهارت مخاطب، طول متن فارسی، نوع دستگاه و هدف صفحه ممکن است کاملاً متفاوت باشد. همچنین نباید موفقیت را فقط با نظر اعضای تیم سنجید. نرخ تکمیل کار، زمان رسیدن به نتیجه، تعداد خطا، استفاده از کمک و بازخورد مستقیم کاربر تصویر دقیق‌تری می‌سازد. اگر تغییر یکی از این شاخص‌ها را بهتر و شاخص محافظی مانند سرعت یا دسترس‌پذیری را بدتر کرد، طرح هنوز آماده تعمیم نیست.
تعامل اجتماعی و محتوای کاربرساز
تعامل اجتماعی و محتوای کاربرساز در بحث طراحی UI برای نسل زد یک جزئیات تزئینی نیست؛ این موضوع بر توانایی کاربر برای درک صفحه، تصمیم‌گیری و رسیدن به هدف اثر می‌گذارد. در پروژه‌ای با هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی»، تصمیم باید از نیاز طراحان محصول و برندهای مخاطب جوان و زمینه استفاده آغاز شود. الگو باید در سیستم طراحی ثبت شود تا تیم در صفحه‌های بعدی تصمیم متفاوت و متناقض نگیرد. نام جزء، حالت‌ها، محدودیت محتوا و مثال استفاده نادرست را نیز مستند کنید. نتیجه این بررسی باید به یک فرضیه روشن برسد، نه فهرستی از سلیقه‌های شخصی.
برای اجرای درست تعامل اجتماعی و محتوای کاربرساز، ابتدا محتوای واقعی، محدودیت فناوری و حالت‌های مختلف کاربر را مشخص کنید. الگو باید در حالت عادی، موبایل، بزرگ‌نمایی، خطا، انتظار و نبود داده پایدار بماند. از انتشار هم‌زمان چند تغییر خودداری کنید. آزمایش محدود کمک می‌کند اثر تصمیم قابل تشخیص باشد و در صورت نتیجه منفی مسیر بازگشت وجود داشته باشد. این کار میان طراحی و توسعه زبان مشترک ایجاد می‌کند و از اصلاح‌های پرهزینه بعد از انتشار می‌کاهد.
خطای رایج، انتخاب یک نمونه زیبا از سایت دیگر و انتقال مستقیم آن به پروژه است. زمینه برند، مهارت مخاطب، طول متن فارسی، نوع دستگاه و هدف صفحه ممکن است کاملاً متفاوت باشد. همچنین نباید موفقیت را فقط با نظر اعضای تیم سنجید. نرخ تکمیل کار، زمان رسیدن به نتیجه، تعداد خطا، استفاده از کمک و بازخورد مستقیم کاربر تصویر دقیق‌تری می‌سازد. اگر تغییر یکی از این شاخص‌ها را بهتر و شاخص محافظی مانند سرعت یا دسترس‌پذیری را بدتر کرد، طرح هنوز آماده تعمیم نیست.
شفافیت برند و حریم خصوصی
شفافیت برند و حریم خصوصی در بحث طراحی UI برای نسل زد یک جزئیات تزئینی نیست؛ این موضوع بر توانایی کاربر برای درک صفحه، تصمیم‌گیری و رسیدن به هدف اثر می‌گذارد. در پروژه‌ای با هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی»، تصمیم باید از نیاز طراحان محصول و برندهای مخاطب جوان و زمینه استفاده آغاز شود. نسخه موبایل را کوچک‌شده دسکتاپ در نظر نگیرید. اولویت محتوا، فضای لمس، صفحه‌کلید مجازی و کیفیت شبکه می‌تواند ترتیب و حتی نوع تعامل را تغییر دهد. نتیجه این بررسی باید به یک فرضیه روشن برسد، نه فهرستی از سلیقه‌های شخصی.
برای اجرای درست شفافیت برند و حریم خصوصی، ابتدا محتوای واقعی، محدودیت فناوری و حالت‌های مختلف کاربر را مشخص کنید. الگو باید در حالت عادی، موبایل، بزرگ‌نمایی، خطا، انتظار و نبود داده پایدار بماند. یک صفحه نماینده انتخاب کنید، وضعیت فعلی را ثبت نمایید و سناریوی اصلی را بدون راهنمایی به پنج کاربر بدهید. نقطه مکث، بازگشت و خطا را یادداشت کنید. این کار میان طراحی و توسعه زبان مشترک ایجاد می‌کند و از اصلاح‌های پرهزینه بعد از انتشار می‌کاهد.
خطای رایج، انتخاب یک نمونه زیبا از سایت دیگر و انتقال مستقیم آن به پروژه است. زمینه برند، مهارت مخاطب، طول متن فارسی، نوع دستگاه و هدف صفحه ممکن است کاملاً متفاوت باشد. همچنین نباید موفقیت را فقط با نظر اعضای تیم سنجید. نرخ تکمیل کار، زمان رسیدن به نتیجه، تعداد خطا، استفاده از کمک و بازخورد مستقیم کاربر تصویر دقیق‌تری می‌سازد. اگر تغییر یکی از این شاخص‌ها را بهتر و شاخص محافظی مانند سرعت یا دسترس‌پذیری را بدتر کرد، طرح هنوز آماده تعمیم نیست.
آزمون با کاربران واقعی نسل زد
آزمون با کاربران واقعی نسل زد در بحث طراحی UI برای نسل زد یک جزئیات تزئینی نیست؛ این موضوع بر توانایی کاربر برای درک صفحه، تصمیم‌گیری و رسیدن به هدف اثر می‌گذارد. در پروژه‌ای با هدف «ساخت تجربه سریع، معتبر و مشارکت‌پذیر بدون کلیشه‌سازی»، تصمیم باید از نیاز طراحان محصول و برندهای مخاطب جوان و زمینه استفاده آغاز شود. پس از انتشار، داده را در بازه‌ای مقایسه‌پذیر بررسی کنید و بازخورد پشتیبانی را هم بخوانید. نبود شکایت لزوماً موفقیت نیست؛ گاهی کاربر قبل از گزارش مشکل صفحه را ترک می‌کند. نتیجه این بررسی باید به یک فرضیه روشن برسد، نه فهرستی از سلیقه‌های شخصی.
برای اجرای درست آزمون با کاربران واقعی نسل زد، ابتدا محتوای واقعی، محدودیت فناوری و حالت‌های مختلف کاربر را مشخص کنید. الگو باید در حالت عادی، موبایل، بزرگ‌نمایی، خطا، انتظار و نبود داده پایدار بماند. سه سطح اولویت ضروری، مفید و تزئینی بسازید. منابع تیم ابتدا باید صرف سطح ضروری شود و افزودن جزئیات بصری بعد از حل مانع اصلی انجام گیرد. این کار میان طراحی و توسعه زبان مشترک ایجاد می‌کند و از اصلاح‌های پرهزینه بعد از انتشار می‌کاهد.
خطای رایج، انتخاب یک نمونه زیبا از سایت دیگر و انتقال مستقیم آن به پروژه است. زمینه برند، مهارت مخاطب، طول متن فارسی، نوع دستگاه و هدف صفحه ممکن است کاملاً متفاوت باشد. همچنین نباید موفقیت را فقط با نظر اعضای تیم سنجید. نرخ تکمیل کار، زمان رسیدن به نتیجه، تعداد خطا، استفاده از کمک و بازخورد مستقیم کاربر تصویر دقیق‌تری می‌سازد. اگر تغییر یکی از این شاخص‌ها را بهتر و شاخص محافظی مانند سرعت یا دسترس‌پذیری را بدتر کرد، طرح هنوز آماده تعمیم نیست.
فرایند پیشنهادی از تحقیق تا انتشار
کار را با یک ممیزی کوتاه آغاز کنید. صفحه‌های کلیدی، داده‌های تحلیلی، گزارش پشتیبانی و نتایج جست‌وجوی داخلی را کنار هم بگذارید. سپس با چند کاربر از گروه هدف گفت‌وگو کنید و از آنان بخواهید کار اصلی را انجام دهند. مسئله‌ها را بر اساس شدت، تکرار و اثر تجاری مرتب کنید. در مرحله بعد، چند راه‌حل کم‌جزئیات بسازید و پیش از صرف زمان برای گرافیک نهایی، ساختار و جریان را آزمایش کنید.
پس از انتخاب راه‌حل، مشخصات جزء، حالت‌ها، متن رابط و رفتار واکنش‌گرا را تحویل دهید. توسعه باید در محیط آزمایشی با صفحه‌کلید، صفحه‌خوان، بزرگ‌نمایی و شبکه کند کنترل شود. انتشار تدریجی ریسک را کم می‌کند. تاریخ تغییر و نسخه طرح را ثبت کنید و پس از جمع‌آوری داده کافی، نتیجه را با خط مبنا بسنجید. اگر فرضیه تأیید نشد، بازگشت یا اصلاح نشانه شکست نیست؛ بخشی از طراحی مبتنی بر شواهد است.
چک‌لیست کنترل کیفیت
- هدف اصلی صفحه و مخاطب آن با یک جمله روشن تعریف شده است.
- طرح با محتوای فارسی واقعی و طول‌های متفاوت آزمایش شده است.
- نسخه موبایل، دسکتاپ و بزرگ‌نمایی بدون شکست چیدمان کار می‌کند.
- کار اصلی فقط با صفحه‌کلید قابل انجام و فوکوس کاملاً قابل مشاهده است.
- رنگ تنها راه انتقال معنا نیست و کنتراست بررسی شده است.
- حالت‌های انتظار، خالی، خطا، موفقیت و غیرفعال طراحی شده‌اند.
- اثر فایل‌ها و تعامل‌ها بر سرعت و ثبات بصری اندازه‌گیری شده است.
- رویدادهای تحلیلی بدون جمع‌آوری داده غیرضروری تعریف شده‌اند.
- نتیجه با کاربران واقعی و نه فقط اعضای تیم آزمایش شده است.
جمع‌بندی
طراحی برای نسل زد؛ ترندهای UI که کاربران جوان دوست دارند با افزودن یک ترند یا تغییر ظاهری کامل نمی‌شود. مسیر درست از شناخت کاربر و مسئله شروع می‌شود، در نمونه اولیه کم‌هزینه آزمایش می‌گردد، با جزئیات قابل پیاده‌سازی مستند می‌شود و پس از انتشار با داده واقعی ادامه پیدا می‌کند. برای شروع، یک صفحه مهم را انتخاب کنید، سه مانع اصلی را ثبت نمایید و فقط پراثرترین مورد را اصلاح کنید. این چرخه کوچک و مستمر، کیفیت پایدارتر و قابل دفاع‌تری نسبت به بازطراحی‌های بزرگ و سلیقه‌ای ایجاد می‌کند.
