مرحلهٔ ۳ از ۹ — شکل دادن
طراحی تجربه و رابط
طراحی در این مرحله تصمیم است، نه تزئین: اینکه کاربر چه مسیری را طی میکند، چه چیزی را اول میبیند، و کجا اشتباه میکند. اصلاح این تصمیمها روی وایرفریم ارزان است و روی کدِ ساختهشده گران.
گامها
۶ گام در این مرحله
- ۱
پژوهش کاربر و سناریوها
کاربر واقعی این سامانه کیست، در چه شرایطی از آن استفاده میکند، و امروز کارش را چطور انجام میدهد.
خروجی: پرسونا یا نقشهای کاربری · سناریوهای کلیدی استفاده · فهرست نقاط ریزش کاربر
- ۲
معماری اطلاعات و جریان کاربر
چیدمان اطلاعات، ساختار ناوبری، و مسیری که کاربر برای هر کار طی میکند.
خروجی: نقشهٔ سایت یا اپلیکیشن · نمودار جریان کاربر
- ۳
وایرفریم و پروتوتایپ
ساختن نسخهٔ قابل کلیک پیش از ساخت واقعی، برای اینکه ایراد مسیر روی پروتوتایپ پیدا شود نه روی محصول.
خروجی: وایرفریم صفحات کلیدی · پروتوتایپ قابل آزمون
- ۴
طراحی رابط و نظام طراحی
ظاهر نهایی و — مهمتر — نظام طراحی پشتش: رنگ، تایپوگرافی و مؤلفههای تکرارشونده بهعنوان یک سامانه، نه چند فایل جدا.
خروجی: نظام طراحی (توکن و مؤلفه) · طراحی صفحات
- ۵
دسترسپذیری و خوانایی برای همه
کنتراست، اندازهٔ هدف لمسی، ترتیب فوکوس و رفتار درست در چیدمان راستبهچپ — بهعنوان بخشی از طراحی، نه اصلاح بعدی.
خروجی: فهرست وارسی دسترسپذیری · رفتار راستچین و دوسویه
- ۶
تحویل طراحی به توسعه
تحویل چیزی که قابل ساخت است: حالتهای خالی، خطا، بارگذاری و متن واقعی — نه فقط حالت ایدهآل.
خروجی: فایل تحویل با همهٔ حالتها · مشخصات مؤلفهها
هوش مصنوعی
هوش مصنوعی در مرحلهٔ طراحی تجربه و رابط
در هر گام از این مرحله، بخشی از کار با کمک هوش مصنوعی انجام میشود و بازبینی نهایی با مهندس ماست. چیزی که شما میبینید این است:
- پژوهش کاربر و سناریوها — بهجای چند مصاحبه، همهٔ چیزی که کاربران شما تا امروز گفتهاند خوانده میشود — نقطهٔ ریزش پیدا میشود، نه حدس زده.
- معماری اطلاعات و جریان کاربر — منو از روی زبان کاربران شما چیده میشود، نه از روی چارت سازمانی — کاربر چیزی را که میخواهد پیدا میکند و تماس با پشتیبانی کمتر میشود.
- وایرفریم و پروتوتایپ — بهجای یک طرح که باید تأییدش کنید، چند گزینه میبینید و بینشان انتخاب میکنید — بدون اینکه زمان و هزینهٔ پروژه چند برابر شود.
- طراحی رابط و نظام طراحی — طرح با دادهٔ واقعی سنجیده میشود، نه با متن ساختگی که همهچیز را مرتب نشان میدهد؛ جایی که طرح میشکند پیش از ساخت پیدا میشود.
- دسترسپذیری و خوانایی برای همه — ایراد خوانایی پیش از ساخت پیدا میشود — اصلاحش روی فایل طراحی چند دقیقه است و روی محصول ساختهشده چند روز.
- تحویل طراحی به توسعه — توسعهدهنده وسط کار منتظر جواب نمیماند؛ حالتهایی که معمولاً جا میمانند از قبل مشخصاند و رفتوبرگشت میان طراحی و توسعه کم میشود.
کل چرخهٔ تولید را ببینید— هوش مصنوعی در ۹ مرحلهٔ ساخت و نگهداشت نرمافزار
در این مرحله
مرتبط با طراحی تجربه و رابط
سؤالی دربارهٔ مرحلهٔ طراحی تجربه و رابط دارید؟
بگویید پروژهتان در چه وضعیتی است؛ میگوییم این مرحله برای شما چه شکلی میشود و چقدر طول میکشد.