١٠ گام برای طراحی رابط کاربری مینیمال
DESCRIPTION
گپ گرافیک تبریز جلسهی سی و سوم ارائه دهنده: وحید ناموری در ابتدای انقلاب کامپپیوتر و عمومی شدن استفاده از کامپیوتر شرکت اپل برای برقراری ارتباط کاربران با سختافزارهایش سیستم عاملی را طراحی کرد که رابط کاربری آن بر مبنای اسکیومورفیسم پایه ریزی شده بود. اسکیومورفیسم به طور خلاصه یعنی تلاش برای شبیهسازی کردن از روی چیز دیگر. مثل کفپوشهای پلاستیکی با طرح پارکت. اپل با این روش یک سری مفاهیم جدید را با واسطههای بصری و پلتفرم دسکتاپ ارائه کرد که بعدها مایکروسافت نیز این طرح را در ویندوز کپی کرد. مانند فایل، فولدر، درایو و استفاده از آیکون سطل آشغال برای پاک کردن دادهها. مشکل اصلی اسکیومورف حس بدی است که به مخاطب القا میکند. حس تقلبی بودن، این که گنجشک را جای قناری جا زدن و کمفهم فرض کردن کاربر. مایکروسافت امروز معتقد است بعد از چندین سال دیگر نیازی به اسکیومورفیسم نیست و میتوان فرم خالص مفاهیم را بدون واسطه بصری انتقال داد. مثلن دیگر برای درک مفهوم حذف داده نیازی به استفاده از سطل آشغال نیست و یک کلید مستطیل ساده با واژهیdelete کافی است. این شرکت ریسک تغییر در اکوسیستم خود را پذیرفت و با تاثیر از سبک طراحی سوییس و مینیمالیسم رابط کاربری جدیدی با نام مترو طراحی نمود. مواردی که در طراحی رابط کاربری مینیمال رعایت کنیم: - ساده ≠ آسان: هر طرح سادهای حتمن آسان نیست. رسیدن به طرح ساده نیاز به بررسی دقیق و داشتن درک کامل از مسئله دارید. - فوکوس: روی هدف و خدمات اصلی فوکوس کنید. - حذف: لکهها و المانها را به طور مجزا بررسی کنید که آیا بدون این لکه طرح همچنان صد در صد پیام مورد نظر را انتقال میدهد؟ اگر جواب مثبت بود آن المان را حذف کنید. - ترکیب: ارتباط بین لکهها را بررسی کنید که آیا امکان ترکیب آنها با هم وجود دارد؟ - رنگ: برای تمییز دادن لکهها از کنتراست استفاده کنید و رنگها را با وسواس و خساست استفاده کنید. - تایپ: از خانوادهی حروفی استفاده کنید که ارزش خطی ندارند یا کمتر دارند. - استفاده از فضای منفی: فضای منفی فضای خالی نیست و میتوان از آن به عنوان یک المان موثر استفاده کرد پس در بهکارگیری از آن واهمه نداشته باشید. - استفاده از گرید: گرید به نظم دادن به کارها و مطالعهی قسمتهای مختلف و رابطهی لکهها با هم کمک میکند. با این روش میتوان از اتفاقات ناخواسته جلوگیری کرد و پیام را به شکل سازمانیافتهتری انتقال داد. - جزئیات ≠ جزئی: با توجه به اینکه المانها اغلب در شکل حداقلی خود نمایش داده میشوند یک ایراد اجرایی جزئی به راحتی ممکن است به چشم بیاید. - استفاده اTRANSCRIPT
گام برای طراحی رابط کاربری مینیمال 10
.کردن از روی چیز دیگرشبیه سازیبرای یعنی تالش
. کف پوش های پالستیکی با طرح پارکتمثل
مفاهیم جدیدی را اپل با این روش
.کردارائه دسکتاپدر بستر بصری واسطه هایبا
. داده هاحذف مثل سطل آشغال برای
. مایکروسافت نیز این طرح را در ویندوز کپی کردبعدها
، گنجشک را جای قناری جا زدناسکیومورفیسممشکل
.فرض کردن کاربر استکم فهمو
تاثیر از سبک طراحی سوییس و مینیمالیسم مایکروسافت با
.کاربری جدیدی با نام مترو طراحی نمودرابط
simple ≠ easy
1
. آسان نیستالزامنساده ایطرح هر
و به طرح ساده نیاز به بررسی دقیق برای رسیدن
.درک کامل از مسئله داریدداشتن
1
details ≠ detail
2
. جزئیات جزئی نیستند
.می شوندخود نمایش داده در شکل خالص آیتم هادر طراحی مینیمال
.چشم بیایدبه راحتی ممکن است به ایراد اجرایی جزئی پس یک
2
3
.کنیدتمرکز روی هدف و خدمات اصلی
3
4
. کنیدرا به طور مجزا بررسی المان هاو لکه ها
صد در صد هم چنانلکه بدون این طرحآیا
؟ می دهدرا انتقال نظرتان مورد پیام
. را حذف کنیدالمانجواب مثبت بود آن اگر
4
5
استفاده کنید و کنتراستاز لکه هادادن تمییزبرای
.استفاده کنیدخساسترا با وسواس و رنگ ها
5
6
.زیادی ندارندخطیحروفی استفاده کنید که ارزش خانواده یاز
6
7
.استموثر المانبلکه یک منفی فضای خالی نیست فضای
.از آن واهمه نداشته باشیدبه کارگیریدر پس
7
8
. می کندبا هم کمک لکه هارابطه یدادن و مطالعه به نظم گرید
از اتفاقات ناخواسته جلوگیری کرد می تواناین روش با
.انتقال دادسازمان یافته تریپیام را به شکل و
8
9
...و ترکیب بندیتناسب، تقارن، هنرهای تجسمی مثل با مبانی
.دهیمپیام مورد نظرمان را به صورت بصری انتقال می توان
9
10
.می گیرندرا تمام صفحه که عکس هاییاز تک استفاده
10