Ali Moallem
Ali Moallem
خواندن ۳ دقیقه·۵ سال پیش

رابط کاربری من برای اپ موبایل ویرگول

بعد از این که با ایرادات اپ موبایل ویرگول که توی پست قبل درباره شون گفتم برخورد کردم و اینکه می خواستم نرم افزار Adobe XD رو یاد بگیرم ، تصمیم گرفتم که بعد از یاد گرفتن مفاهیم اولیه XD برای ادامه یادگیری برم سراغ طراحی یه اپ موبایل و این طور شد که این مطلب شکل گرفت ، اولین کار طراحی رابط کاربری من .

چند نکته در مورد این کار :

  • تا حد ممکن سعی کردم به طراحی فعلی برنامه و سایت نزدیک باشه و خیلی انقلابی رفتار نشه هر چند بعضی جا ها ساختار شکنی های انجام دادم مثلا تصاویر کاربران رو به جای دایره ترجیح دادم مربع باشه یا اینکه برای مطالب توی صفحه ی اصلی بر خلاف سیاست ویرگول ایکون میزان لایک و کامنت رو قرار دادم .
  • برخی از مشکلاتی که توی پست قبلی به عنوان ایراد مطرح کردم داخل این طراحی بر طرف شده که خودتون در ادامه میبینید.
  • قسمت های مهم رو طراحی کردم ولی تعدادی از صفحات و جزییات باقی موندن که به نظرم همینقدر هم برای یک رسوندن مطلب کافی هست و نیاز به درگیر شدن توی جزییات نیست.
  • تا حد امکان سعی کردم طراحی جوری باشه که فرضا اگه برنامه نویسی خواست اجراش کنه بعدا به مشکل نخوره مثلا اگه نام یک کاربر طولانی بود ، تداخلی با بقیه قسمت ها نداشته باشه.
  • فونت وزیری که در طراحی استفاده شده به نظرم در بعضی موارد یه اشکالاتی داره که باید با نسخه استاندارد جایگزین بشه .

  • در ابتدا تصویر قسمت های مختلف رو قرار میدم و در انتها یک اسکرین رکود که کلیت طراحی اپ رو نشون میده.

آنبوردینگ :

قسمت ورود و عضویت :

ساختار این قسمت تقریبا مثل اپ اصلیه چون به نظرم مشکلی نداشت ولی طراحیشو عوض کردم.

خانه :

ویژگی های مهم این قسمت اولا اضافه شدن نوتیفیکیشن هاست و دوما نمایش میزان لایک و کامنت هر پست در صفحه اصلی

پست :

توی این قسمت باکس لینک که در اپ وجود نداره طراحی شده و آیکون میزان کامنت اضافه شده و اون قلب ثابت در صفحه حذف شده و مثل سایت پایین مطلب قرار گرفته (البته شخصا از اون قلبه خوشم میومد و واسه همین یه نمونه شو زدم ولی بازم احساس کردم جاش درست نیست)

اینا قلب ها رو به جای همون قلب ثابته زدم ولی بعد پشیمون شدم و داخل طراحی نیاوردم
اینا قلب ها رو به جای همون قلب ثابته زدم ولی بعد پشیمون شدم و داخل طراحی نیاوردم


یکی از ایرادات دیگه هم که برطرف شده نمایش تعداد کامنت هاست

مطالب پیشنهادی و نظرات :

توی این قسمت مهم ترین کار اصلاح قسمت نظرات بود که حالت ریپلای اش مثل سایته

منو و نوشتن پست :

توی این قسمت هم ارسال پست طراحی شده که در اپ اصلی وجود نداره و منو قابلیت های بیشتری رو شامل میشه

پروفایل و کاربران دنبال شده :

ساختار این قسمت تقریبا مثل اپه ولی با طراحی متفاوت اجرا شده خصوصا صفحه پروفایل

جستجو و دسته بندی ها :

داخل اپ اصلی این دو قسمت با هم ادغام شده بودن و اون چهار دکمه برای دسته بندی سرچ وجود نداشت

  • این هم یک اسکرین رکورد از قسمت preview نرم افزاره که هرچند شاید ایراداتی داشته باشه ولی شکل کلی اپ رو نشون میده :

دانلود (11 مگابایت)


در آخر هم باید بگم چون این اولین کار طراحی رابط کاربری ام هست واسه همین نظراتتون خیلی برام مهمه


رابط کاربریuiویرگولبرنامه نویسیux
دانشجو، علاقمند به برنامه نویسی و یک شیفته حقیقت...
شاید از این پست‌ها خوشتان بیاید