طراحی یک رابط کاربری خوب - موضوعی ( 9- پیش از شروع، این 3 نیاز را در خود ایجاد کنید! )
طراحی یک رابط کاربری خوب
برای تشکر از دکمه 
استفاده کنید !
همیشه طراحی یک رابط کاربری خوب هم باعث بالارفتن کیفیت کار شده هم سبب رضایت کاربران را فراهم می کند که در نتیجه باعث افزایش در فروش و رونق محصول و آن کسب می گردد.
معمولا در پروژهایی که بصورت تیمی هدایت می شود همیشه یک یا چند نفر بطور تخصصی در طراحی رابط کاربری و گرافیکی نقش دارند. و البته در پروژه هایی که بصورت فردی نیز اجرا می شود، فردی که اجرای آن را به عهده دارد باید به اندازه کافی با این مقوله آشنایی داشته و قوانین را در این حیطه رعایت کند.
در این مجموعه آموزشی سعی دارم ایده ها و نکات ریز اما مفید و کاربردی در مورد طراحی یک رابط کاربری خوب الالخصوص در حوزه ی طراحی اپلیکیشن های اندرویدی با هم به اشتراک بگذاریم.
در این مجموعه سعی می کنم که روزی 2 الی 3 نکته مفید و کاربردی در این باره را منشر کنم و از شما میخوام که در این راه منو همراهی کرده و ایده هاتونو با من به اشتراک بگذارید.
موارد قابل توجه:
- از گذاشتن پست در زیر این پست خود داری کنید تا بتوانیم یک مجموعه خوب، تمیز و کاربردی داشته باشیم
- اگر سوال یا نکته ای دارید در زیر همان پست درج کنید و از گذاشتن پست خود داری کنید
- اگر نکته ای داشتید که مایل بودید به نکات اضافه شود برای من پیغام خصوصی بگذارید تا با نام خود شما منتشر کنم
- پست ها بصورت روزانه و پست های جداگانه قرار خواهد گرفتم.
قبلا از همکاری و صبوری شما سپاسگذارم
دوستان نازنین، تاپیک دیگری ایجاد شده به نام طراحی یک رابط کاربری خوب - کارگاه عملی در اونجا بطور عملی رابط کاربری رو پیاده سازی خواهیم کرد.
1 - پاداش به جای تحمیل
یکی از معدود راه های جذب مشتری ؛ پاداش دادن در یک فضای دوستانه مجازی است.
به عبارت دیگر دادن هدیه (پاداش) یک روش اثر گذار و ترغیب کننده است که بر پایه اصل ارتباط با مشتری، بنا نهاده شده است.
آن طور که مشهود است دادن پاداش به مشتری می تواند معامله را به سود شما تمام کند.
نتیجه: افزایش فروش و توسعه کار
2- بجای متلاشی کردن رابط کاربری تلاش کنید تا عملکردهای مشابه را باهم ترکیب سازید
در این بازه زمانی، به راحتی بخشهای متعدد، عناصر صفحه و ویژگیهای آن که همگی عملکردهای مشابه دارند ناخواسته ایجاد میشوند. و در این لحظه است که تمامی این اجزا درهم میریزند. تلاش کنید تا با روشهای مختلف عملکردهای تکراری اجزای صفحه را شکار کنید. زیرا این عملکردهای تکراری بر مشتری شما فشار وارد کرده و درک آنها را سخت میکند.
اغلب، تجزیه رابط کاربری در بالاترین نقطه این نمودار آموزشی اتفاق می افتد، جایی که کاربر با آن تعامل دارد. حالا این موضوع را در نظر گرفته و چیدمان رابط کاربری خود را مجدداً انجام دهید. ( برای مثال تمامی این موارد را می توانید در یک Navigation Drawer تجمیع کنید )
نتیجه: آسودگی کاربر
3- سعی کنید تا مورد تایید مردم باشید به جای خود ستایی
مورد تایید بودن تکنیک عالی دیگری است که مستقیما سبب افزایش آمار بازدید و همچنین فروش محصول میگردد.
دیدن این که دیگران شروع به صحه گذاشتن بر پیشنهاد ها و صحبت های شما می کنند، میتواند یک راه عالی برای تقویت شروع کار باشد.
مدرک و جزئیات کارتان را نشان دهید ارائه دهید تا دیگران توجیه شوند.
نتیجه: طراحی تجربه کاربری حرفه ای
4- دکمه ها را متمایز کنید اما شلوغ بازی خیر! / تمایز میان دکمه های کلیک شده و فعال
زیبایی بصری از جمله تمایزات بین رنگ ها می تواند یک نشانه اعتماد، برای کاربران شما باشد، کاربران میتوانند یک چرخشی اساسی، در سایت شما داشته باشند بدون اینکه گیج شوند، کاربر ممکن است از خود بپرسد من کدام صفحات را دیدم ام، هم اکنون کجا هستم و چه صفحاتی باقی مانده، است. منظور نهایی ما این است که کاربر تمایزات را متوجه شود، بدانند که در کدام صفحه قرار دارند.
همانطور که در تصویر زیر مشاهده میکنید ، در تصویر سمت راست، رنگ بندی کاملا شلوغ بازیست و حتما کاربران که خود شما باشید ، گیج خواهید شد، نمی دانید کجایید؟ اما در تصویر سمت چپ، کاربر به راحتی می تواند لینک ها را تشخیص دهد و بداند هم اکنون در کجا قرار دارد؟!زمانی که تمایزات به درستی رعایت شوند، کاربران راحت تر می توانند اپلیکیشن را پیمایش کنند، پس لطفا کار را برای خود و کاربران خود سخت نکنید و شلوغ بازی در نیاورید!
نتیجه: آسودگی کاربر
5- تلاش کنید تا قابلیت بازگشت از یک عمل را برای کاربر فراهم کنید
تصوّر کنید که دکمه ای را برای انجام دادن عملی فشار داده اید، ترجیح میدهید که عمل را به راحتی و بدون وقفه انجام دهید و در صورت اشتباه بودن آن از این عمل بازگردید یا توسط پرسش های متعدد که سعی در متوجّه سازی شما نسبت به عملی که در حال انجام است دارند کلافه شوید؟!
من به این نتیجه رسیدم که بیشتر زمان ها فعالیت انسانها در شرایط اتفاقی رخ میدهند. این بسیار خسته کننده و ناراحت کننده است که کاربران را برای انجام عملی بارها و بارها مورد پرسش قرار دهیم . ( یک تجربه انسانی )
تلاش کنید تا شرایطی را برای کاربران اپلیکیشن خودتان ایجاد کنید که حس کنند می توانند رفتارهایشان را در اپلیکیشن شما کنترل کرده و از عمل اتفاق افتاده بازگردند بدون اینکه بارها و بارها آنها را برای عملی که در حال انجام آن هستند مورد مؤاخذه قرار دهید.
نتیجه: آسودگی کاربر
6 - دقیقا اعلام کنید که برای چه مخاطبانی مفید هستید!
واقعا فکر می کنید شما می توانید همه مخاطبان را راضی نگه دارید؟ و یا اینکه می توانید همه آنها را مورد هدف خود قرار دهید؟
این کار تقریبا غیر ممکن است، شما باید مخاطبین خود را بر اساس محصول خود مورد هدف قرار دهید. سعی کنید برای مشتریان خود متحصر به فرد باشید، زمانی که نامی از یک حرفه ، موضوع یا محصول می آید ، همه شما را صدا زنند، این یعنی منحصر به فرد بودن که نتیجه آن کسب اعتماد مخاطب است.
مشتریان واقعی اما محدود، همیشه بهتر از مشتریانی هستند که فقط نامشان مشتری است، پس مخاطبان بخصوصی را هدف خود قرار دهید. طراحی رابط کاربری فقط گرافیک نیست ، بلکه همیشه پشت آن فکرهایی نهفته است!
نتیجه: افزایش فروش و توسعه کار
7 - به جای تردید داشتن قاطع باشید
شما می توانید در پیام های صوتی خود با تردید و صدایی لرزان صحبت کنید ، یا اینکه با اعتماد به نفس صحبت کنید. اگر شما در آخر پیام های خود از علامت های سوالی "شاید" ، "امکانش وجود دارد" ، "علاقه مند هستید؟" و یا "می خواهید؟" استفاده می کنید ؛ بهتر است که با اعتماد به نفس بیشتری حرف بزنید. چه کسی می داند شاید دادن یک ذره آزادی عمل بیشتر به مردم باعث شکل گیری ارتباطات بهتری با مردم گردد.
نتیجه: افزایش فروش و توسعه کار
8- یک دفترچه چرک نویس طراحی BluePrint پیش از تولید تهیه کنید!
BluePrint چیست؟
اولین سوالی که باید بهش پاسخ داده اینه که Blue Print چیه؟ بعید میدونم کسی اینجا باشه و کارتون تام و جری رو ندیده باشه، یه قسمتیش بود که تام داشت واسه جری یه نقشه میکشید که شکارش کنه، اتفاقا طرح اون نقشه هم آبی Blue بود. شکل زیر:
فکر کنم تا الان فهمیده باشید که Blue Print چیه ;) درواقع بلو پرینت یه طرح پیش از تولیده. همه مهندسا و طراحان اول از طرحشون تو چرک نویس یکی دوتا نمونه میکشن. تا درواقع در روند کار بتونن ازش استفاه کنند. مثلا دوست عزیزمون بانو شرقی که در تایپیک طراحی رابط کاربری گفته بودند که نمیتونن یه رو یک طراح رابط کاربری ثابت به نتیجه برسند و نمیدونن چیکار باید بکنند. باید بگم حل مشکلشون دقیقا در همینجاست و مطمعن باشید با رسم و چرک نویس کردن طرحتون نهایتا به یک چیز ثابت و پایدار خواهید رسید.
چه ابزارهایی نیاز است؟
خب من خودم به شخصه کارهای طراحیم 3 مرحله داره.
1: یه طرح اولیه و مربع مربع روی نرم افزار paint
2: طراحی و پیاده سازی ایده روی کاغذ Blue PRint
3: طراحی تکمیل ظاهر اپلیکیشن در Photoshop
امروز که داشتم توی سایت ها یه چرخی میزدم به سایت جالبی بر خوردم به اسم GoodUI توی این سایت یکسری دفترچه به فروش گذاشته شده بود که توش شکل Device های موبایلی با سیستم عامل اندروید، آیفون، ووویندوز فون و ... بود. ایده و کار و ابزار جالبه که میتونید این دفترچه ها رو بخرید و توی یک محیط کاملا شبیه سازی شده Device تون اقدام کنید به طراحی رابط کاربریتون.
لینک این سایت: GoodUI
حالا من یه پیشنهاد دیگه دارم واستون ;)
اگه به پستت های قبلی نگاه کرده باشید چندتا طرح موبایلی بوده که ایده های طرح کاربری رو روش پیاده کردم. من یه فایل EPS ( که با نرم افزار فتوشاپ میتونید بازش کنید مثل همون PSD هستش ) که طرح خام این Device ها توشه. ( همون بحث ماک آپ ها بود یه سری بهتون نشون دادم توی تاپیک ابزار "ماک آپ" MockUp چیست؟ ) اینهارو بگیرید دانلود کنید و هر Device ای که مد نظرتون بود رو روی کاغذ های A4 پرینت بگیرین واستفاده کنین. فکر کنم یه 100 صفحه پرینت بگیرین که تو هر صفحه 2 تا از این Device ها باشه و برگه هم پشت رو کپی شده باشه یه 400 تا Device خام دارید واسه طراحی اونم با هزینه دوروبر 5000 تومان ;)
لینک دانلود Mock UP برای 18 دیوایس مختلف: UX Kits 18 Mobile Devices
امیدوارم این پست مفید بوده باه. با نظراتتون من رو به ادامه دادن این تاپیک تشویق کنید <3
9- پیش از شروع، این 3 نیاز را در خود ایجاد کنید!
پیش از همه چیز، 3 مورد بسیار مهم است وجود داره که باید در فرآیند طراحی طرابط کاربری اون نیازشو در خودتون و در اپتون ایجاد کنید و در هنگام طراحی در جهت رشد اون حس گام بردارید. خب اما اون 3 تا اصل یا نیاز چیا هستن؟
مرا مجذوب کند
زیبایی یک اپلیکیشن تنها به پوسته ظاهریش محدود نمیشه، بلکه اون ساختار زیبایی شناختیش در سطوح و مراحل مختلف قابل مطرح شدنه. مثلا جابجایی بین اکتیویتی ها باید سریع و روشن و به وضوح باشه همچنین طراح و ساختارها همشون باید در یه چهارچوب قاعده مند و استادارد قرار گرفته و اجزای بکار رفته در اپ باید باهم تناسب داشته باشند.
حتی آیکون هایی که در طراحی ا بکار میبرید در حد یه اثر هنری قابل ارزیابیند. بنابر این اپی که شما طراحی میکنید قراره یه اپ حرفه ای و جذاب باشه، باید سعی کنیم تا ترکیب مناسبی از زیبایی، سادگی و ایجاد یک تجربه شگفت انگیز به کاربر و البته خودتون ارائه بده.
زندگی مرا ساده کند
اپ ها علاوه بر اینکه باید به سادگی قابل درک باشند، باید کمک کنند تا زندگی کاربر نیز ساده تر بشه.زمانی که کاربر برای اولین بار از اپ شما استفاده میکنه باید بطور مستقیم و بدون واسطه با مهمترین ویژگی های اپ شما ارتباط برقرار کنه. توجه کنید که فرآیند طراحی یه فرآیند یکباره نیست که وقتی منتشرش کردید برید پی کارتون و دیگه دنبالشو نگیرید، بلکه همیشه باید اونو زیر نظر داشته باشید و نواقص و ایراداتشو برطرف کنید، مثلا همین اپلیکیشن بازار تا به امروز چندبار واسط کاربریشو تغییر داده؟
اپ ها در اندروید باید طوری طراحی شده باشن تا کاربر رو درگیر کارهای متداولی مثل مدیریت فایل ها یا همگام سازی برنامه نکنه. باید توجه کنید که وظایف آسان نیازی به طی کردن فرآیند های پیچیده ندارند همینطور فرآیند های پیچیده باید طوری طراحی بشن که با درک و فهم یه انسان عادی مناسب و متناسب شده باشند.
در نهایت به این موضوع میرسیم که مردم در همه سنین و در هر فرهنگی و هر نقطه جغرافیایی که زندگی می کنند باید بتونن با اپتون ارتباط مناسب رو برقرار کرده ونباید هیچوقت غرق در تنظیمات و امکانات پیچیده و اضافی اپلیکیشن بشوند.
من را شگفت زده کند
اینکه اپ ساده باشه به تنهایی کافی نیستا، اپ ها در اندروید، کاربران رو برای انجام کارهای جدید و آزمایشاتی که هرگز اونهارو تاحالا انجام ندادند و تستشون نکردن توانمدن میکنه و کمکشون میکنه که تجربه های جدید کسب کنند و به افق های جدید دست پیدا کنند. اندروید این امکان رو به افراد میده تا با ترکیب اپ ها به تجربه جدیدی از انجام هم زمان وظایف دست پیدا کنند. اپ هاتون باید کاربردی و دارای امکانات شگفت انگیزی باشه. مثلا من در تلفن همراه خودم با استفاده از دو اپلیکیشن DU Speed و Du Save Battery هم سرعت دیوایس رو بالا بردم هم عمر باطری رو. و از ترکیب این دوتا از گوشی هنگی خودم یه گجت قدرمتند ساختم.
برگرفته و ترجمه از کتاب Android Design Guidlines از Mutual Mobile
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .
