بازطراحی معامله، تحلیل بازار و مجله رمزینکس
نمای کلی
چهار بخش با یک ساختار مشترک
صفحات معامله، تحلیل، مجله و کمپین هدف‌های متفاوتی دارند، اما از قواعد بصری و تعاملی مشترک استفاده می‌کنند.
خرید و فروش
نمایش قیمت، ریسک، نمودار و دکمه خرید در یک صفحه.
تحلیل بازار
قرار دادن نمودار، داده و تحلیل متنی و صوتی در یک مسیر قابل‌پیمایش.
مجله رمزینکس
ساختن مسیر مشخص از پیدا کردن موضوع تا خواندن مقاله‌های مرتبط.
کمپین جذب
توضیح ساده مراحل ثبت‌نام، دعوت دوستان و دریافت پاداش.
چارچوب UX
اطلاعات مهم نزدیک به اقدام اصلی
در هر صفحه ابتدا اطلاعات لازم برای تصمیم‌گیری دیده می‌شود؛ جزئیات و محتوای آموزشی بعد از آن می‌آیند.
نیازهای کلیدی
کاربر تازه‌وارد
فهم دارایی، ریسک و قدم بعدی بدون پیچیدگی اضافی.
کاربر تصمیم‌گیر
دیدن قیمت، نمودار و اقدام در یک نمای قابل مقایسه.
کاربر محتوامحور
حرکت روان میان خبر، تحلیل، آموزش و رسانه.
تنش‌های طراحی
تراکم در برابر وضوح
داده کافی، بدون شلوغ‌کردن صفحه.
آموزش در برابر اقدام
توضیح نزدیک تصمیم، بدون دورکردن اقدام اصلی.
یکپارچگی در برابر تنوع
یک زبان مشترک برای مسیرهای متفاوت.
- 01کشف
موضوع، دارایی یا فرصت سریع قابل تشخیص است.
- 02ارزیابی
داده‌های لازم برای فهم وضعیت کنار هم قرار می‌گیرند.
- 03تصمیم
اقدام اصلی در همان زمینه و بدون گسست ارائه می‌شود.
- 04ادامه
آموزش، تحلیل مرتبط و پرسش‌های رایج مسیر را کامل می‌کنند.
برخی صفحات رابط کاربری
اطلاعات لازم برای خرید در یک صفحه
قیمت، تغییرات بازار، نمودار، مشخصات دارایی، ریسک و مسیر خرید در یک صفحه قرار گرفتند.
اکوسیستم محتوا
از پیدا کردن موضوع تا ادامه مطالعه
صفحه اصلی برای پیدا کردن محتواست، صفحه دسته‌بندی مرور را سریع‌تر می‌کند و صفحه مقاله راه ادامه را نشان می‌دهد.
صفحه اصلی مجله
ترکیب محتوای شاخص، تحلیل، ویدئو، صوت و دسته‌بندی‌های مختلف.
صفحه دسته‌بندی
مرتب‌سازی و مرور سریع با کارتی که اطلاعات لازم را بدون شلوغی منتقل می‌کند.
جزئیات مقاله
خوانایی متن بلند همراه با رسانه، جدول، صوت، FAQ و پیشنهادهای مرتبط.
قالب‌های مکمل مجله
کمپین
تبدیل پیام تبلیغاتی به یک مسیر قابل‌فهم
صفحه «اولین هدیه» مزایا، مراحل دریافت پاداش، درآمد دعوت و دکمه ثبت‌نام را به‌ترتیب توضیح می‌دهد.
در موبایل، پیام و دکمه ثبت‌نام ابتدا دیده می‌شوند؛ سپس مراحل و پاداش‌ها می‌آیند.
واکنش‌گرایی
موبایل فقط نسخه کوچک دسکتاپ نیست
در موبایل، سایدبارها وارد جریان محتوا می‌شوند، کارت‌ها برای لمس مناسب‌اند و اقدام اصلی نزدیک اطلاعات مربوط به خودش می‌ماند.
ستون‌ها به توالی تبدیل می‌شوند
اهمیت محتوا، ترتیب نمایش در موبایل را تعیین می‌کند.
تراکم کنترل می‌شود
کاروسل و کارت افقی از طول و شلوغی بی‌دلیل جلوگیری می‌کنند.
اقدام نزدیک می‌ماند
خرید، ثبت‌نام یا ادامه مطالعه از زمینه خود جدا نمی‌شود.
قالب‌ها منسجم می‌مانند
الگوهای مشترک در همه عرض‌ها هویت سیستم را حفظ می‌کنند.
سیستم رابط
رنگ و تایپوگرافی مشترک در همه بخش‌ها
زرد برای اقدام‌ها و تأکید است؛ رنگ خنثی برای متن و پس‌زمینه. این ترکیب در همه بخش‌ها ثابت می‌ماند.
رنگ اصلی · اقدام‌ها
#FFC117رنگ دوم · پس‌زمینه
#1C1F21Typography · Dana
Dana
فونت دانا، متن‌های ریز تا تیترهای اصلی را یکپارچه و خوانا نگه می‌دارد.
- Regular
- Medium
- Bold
- Black
اعتبارسنجی و دسترس‌پذیری
چه چیزهایی هنوز باید آزموده شوند
برای سنجش نتیجه، این چهار مورد باید با کاربران و داده‌های واقعی محصول بررسی شوند.
یافتن اقدام اصلی
زمان و موفقیت کاربران در پیدا کردن خرید، تحلیل یا ثبت‌نام.
درک اطلاعات
درک قیمت، ریسک و تفاوت داده‌های اصلی پس از دیدن صفحه.
پیمایش محتوای بلند
سرعت یافتن بخش موردنظر و ادامه مسیر بین محتوای مرتبط.
دسترس‌پذیری
کنتراست، فوکوس، نام کنترل‌ها، اهداف لمسی، زوم و بازچینی متن.