دیزاین برای موبایل، روی موبایل!

از زمانی که اپلیکیشن «اسکچ» پا به عرصه دیزاین گذاشت، تکاپوی کمپانی‌های بزرگ برای طراحی اپلیکیشنی به دقت و سرعت اسکچ، برای پلتفرم‌های مختلف دیدنی و جذاب بود.

ادوبی با «Adobe XD» به بازار این رقابت‌ها وارد شد و بعد اپ‌هایی نظیر «Figma» و «InVision Studio» و ... متولد شدند.

تمام این نرم‌افزارها که نوعی ابزار دیزاین هستند نقاط قوت و ضعف مخصوص به خودشان را دارند و ما به دیزاینر‌ها همیشه دنبال‌کننده تکنولوژی‌های جدید حوزه دیزاین هستیم.

حمایت دیزاینرها از ویژگی‌های خوب ابزارهای متفاوت در نهایت باعث می‌شود تا حضور این ابزارها و امکانات را در همه نرم‌افزارهای دیزاین مثل اسکچ و ادوبی اکس‌دی ببینیم.

درواقع این قوه کنجکاوی ماست که مسیر پیشرفت مقوله دیزاین و تکنولوژی دیزاین را ترسیم و جهت‌دهی می‌کند.

شاید برای شما هم پیش آمده باشد که علاقه داشته باشید در مسیر خانه یا در سفر روی بخشی از پروژه دیزاین اپلیکیشنی کار کنید. شاید دوست داشتید بتوانید دیزاین خود را تست یا تکمیل کنید و یا حداقل علاقه داشتید دسترسی کاملی به ویرایش تمام طرح‌ها روی موبایل داشته باشید.

اخیرا سرویسی به نام «Play» معرفی شده است.
«پلی» ابزار جدیدی برای طراحی اپلیکیشن‌های موبایل است که روی موبایل اجرا می‌شود.

یعنی صرفا با داشتن اپلیکیشن پلی روی موبایل، می‌توانیم یک اپلیکیشن را کامل طراحی کنیم، حتی به همراه افکت‌ها و پروتوتایپ‌ها.

این پروژه فعلا در مرحله آزمایشی قرار دارد ولی به نظر من جذاب‌ترین بخش این پروژه، مشاهده و مطالعه روش پیاده‌سازی تنظیمات ابزارهایی مثل ‌Sketch، روی یک اپلیکیشن موبایلی با فضایی محدود است.

شاید این پروژه یکی از جذاب‌ترین موارد مطالعه در این موضوع باشد.

در مقاله زیر، درباره چگونگی بوجود آمدن ابزار پلی صحبت‌شده که خواندنش نکات واقعا جذابی برای ارائه در زمینه تجربه کاربری دارد.

http://bit.ly/dxgn596

(زمان حدودی مطالعه: ۱۰ دقیقه)

نویسنده: آرش اصغری

#ابزار #تجربه_کاربری
@Dexign فلسفه دیزاین

ــــــــ

عشق در نگاه اول

یکی از مسائل اساسی و مهم در طراحی اپلیکیشن‌های موبایل، توجه به طراحی صفحات آغازین اپلیکیشن (Onboarding Pages) است؛ صفحاتی که پس از نصب اپلیکیشن و هنگام اولین ورود به آن، به کاربر نمایش داده می‌شوند و اطلاعاتی در مورد محتوا و عملکرد اپلیکیشن را در اختیار او قرار می‌دهند. طراحی این صفحات تأثیر فراوانی بر تجربه کاربر در استفاده از اپلیکیشن داشته و می‌تواند کاربر را در نگاه اول عاشق آن اپلیکیشن کند!

از سویی دیگر طراحی نامناسب و عدم توجه به ساختار و محتوای این صفحات می‌تواند موجب عدم بازگشت کاربر به اپلیکیشن شود. براساس آمار منتشر شده، از هر ۴ نفر که یک اپلیکیشن موبایل را نصب می‌کنند، ۱ نفر دیگر به اپلیکیشن بازنمی‌گردد و دیگر از آن استفاده نمی‌کند.

بنابراین می‌توان دریافت که طراحی این صفحات تاثیر فراوانی بر روی تجربه کاربر داشته و می‌تواند نقش کلیدی در تبدیل کاربران بالقوه به کاربران فعال داشته باشد.

برای اینکه کاربر در نگاه اول عاشق اپلیکیشن شده و منجر به ارتباطی طولانی مدت با آن شود، باید به نکات زیر در طراحی صفحات آغازین توجه کرد:

۱- اختصار: همه ما از صفحات زیاد و پشت سر هم بیزاریم و علاقه‌ای به لمس مداوم دکمه «بعدی» برای خلاصی از صفحات آغازین نداریم. بنابراین در طراحی این صفحات باید به کم بودن و اختصار در تعداد و محتوای آنها توجه کرد.

۲- ارزش‌های کاربر: بر روی نیازهای کاربر تمرکز کنید و به کاربر اطمینان دهید که این اپلیکیشن در راستای اهداف آن‌هاست و جستجو برای یافتن راه‌حل به پایان رسیده است.

۳- بیا بازی کنیم!: یکی از راه‌های جذب کاربر ایجاد تعامل و درگیر کردن کاربر با اپلیکیشن است. در این مرحله می‌توانید اطلاعات حیاتی مورد نیاز را از کاربر دریافت کنید.

۴- پس کی تموم می‌شه؟: کاربران علاقه‌ای به قرار گرفتن در مسیری بی‌انتها و سردرگمی در میان تعداد صفحات نامشخص ندارند. بنابراین میزان پیشرفت کاربر و تعداد صفحات باقیمانده را به کاربر نشان دهید.

۵- سلام!: پس از گذر کاربر از صفحات آغازین، حالا وقت خوشامدگویی به اوست. با یک پیام مناسب به کاربر خوشامد گفته و او را به سمت صفحه اول اپلیکیشن راهنمایی کنید.

توجه به نکات فوق در طراحی صفحات آغازین اپلیکیشن، تاثیر مثبتی بر تجربه کاربر و جذب او داشته و احتمال بازگشت او به اپلیکیشن را افزایش خواهد داد.

نکات فوق برگرفته از مقاله زیر است که مطالعه آن خالی از لطف نیست:

http://bit.ly/dxgn597

(زمان حدودی مطالعه: ۵ دقیقه)

نویسنده: محمدرضا پناهی

#تجربه_کاربری

@Dexign فلسفه دیزاین

_______

انتخاب مناسب ویژگی‌های محصول بر اساس مدل کانو

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

مدل کانو یک نظریه توسعه محصول و رضایت مشتری است که در دهه ۱۹۸۰ توسط پروفسور نوریاکی کانو ساخته شده‌است. کانو در این روش اولویت‌های کاربران را به سه دسته پایه، جذاب و عملکردی طبقه‌بندی می‌کند. استفاده از این تکنیک با در نظر گرفتن دو فاکتور رضایت و احساس مشتریان، باعث درک بهتر دیدگاه کاربران در مورد ویژگی‎‌های مختلف محصول می‌شود. این فاکتورها به طراحان کمک می‌کند تا بفهند که کدام ویژگی محصول باعث ایجاد لذت و یا ناامیدی در کاربران می‌گردد.

دسته‌بندی ویژگی‌های مختلف محصول براساس احساس و میزان رضایت کاربر به ما طراحان کمک می‌کند تا بتوانیم تصمیم بگیریم که کدام یک از ویژگی‌ها را در اولویت قرار دهیم و استراتژی ورود محصول به بازار را به چه طریقی برنامه‌ریزی کنیم که نتیجه آن تأثیر بهتری در موفقیت محصول نهایی در بازار داشته باشد.

http://bit.ly/dxgn598

(زمان حدودی مطالعه: ۸ دقیقه)

نویسنده: نیما‌ حکیم‌رابط

#مدل‌کانو #رضایت‌کاربر
@Dexign فلسفه دیزاین

___

۶ اصل اساسی

گاهی اوقات هنگام دیزاین محصول به دلیل مشغولیت زیاد با پروژه و عدم تمرکز، موارد و اصول دیزاین از ذهنمان خارج و درگیر چیزهایی می‌شویم که اهمیتی ندارد و محصولمان حتی از استانداردهای اولیه نیز خارج شده و غیرقابل استفاده است.

چه خوب است در این لحظاتی که مسیر را گم کرده‌اییم و نمی‌دانیم دقیقا چه کار می‌کنیم، به اصول اثبات شده‌‌ی دیزاین بازگردیم و مجدداً آن‌ها را با خود مرور کنیم و چالش‌های پیش رویمان را، با کمک آن‌ها حل کنیم.

دان نورمن را دیگر همگی می‌شناسیم. خدایگان اصول دیزاین در حرفه‌ی تجربه‌ی کاربری؛ او ۶ اصل پایه‌ای دراین‌باره دارد که به شرح زیر است:

۱- قابلیت دیدن: می‌توانم آن را ببینم؟
۲- بازخورد: مشغول به چه کاریست؟
۳- محدودیت: چرا نمی‌توانم این کار را انجام دهم؟
۴- جهت‌یابی: من کجا هستم و کجا می‌توانم بروم؟
۵- ثبات: من قبلاً این را دیده‌ام؟
۶- ارزیابی (قابلیت محیطی و یا کارایی): چگونه از آن استفاده کنم؟

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

http://bit.ly/dxgn599

پ.ن: پیشنهاد می‌کنم مقاله‌ی کاربردی و کوتاه امروز را در Saved Messages تلگرام‌تان نگه‌دارید، چون مطمئنم پس از خواندنش، بارها و بارها به آن رجوع خواهید کرد.

(زمان حدودی مطالعه: ۱۰ دقیقه)

نویسنده: حسین میرزاده

#اصول_طراحی #تجربه_کاربری #دیزاین #اصول_دیزاین #دان_نورمن

@Dexign فلسفه دیزاین

_____

هدیه‌ای به بهانه یکسالگی استودیو دیزاین

اولین پست کانال فلسفه دیزاین برمی‌گردد به فروردین ۹۵. شوق من برای انتقال آنچه می‌خواندم و می‌آموختم با هیجانی که برای دنیای دیزاین داشتم، معجونی می‌شد که من را به ادامه دادن این راه وا داشت. حالا همراهانی در دیزاین استودیو دارم که گاهی بیشتر از خود من دغدغه و شوق انتقال دانش، و گسترش نگاه دیزاین را دارند.

در این روزها، Dexign Studio که نام دیزاینرهای آن را زیر پست‌های این کانال می‌بینید، یکساله می‌شود.
از این بابت در پوست خود نمی‌گنجم و پر از غرور و افتخار هستم.

به مناسبت یکسالگی دیزاین استودیو، یک هدیه کوچک برای جامعه دیزاین آماده کرده‌ایم که جای خالی‌ش در میان سایت‌های فارسی حس می‌شد:

وبسایت مرجع فارسی ابزارها و منابع دیزاین

https://dexignresources.com

شما هم می‌توانید اگر منبعی یا ابزاری می‌شناسید که به درد بقیه می‌خورد به نام خود به اشتراک بگذارید.

پ. ن.
قصه‌ای درباره دیزاین
وصف حال یکسال گذشته استودیو دیزاین

http://bit.ly/dxgn600

ارادتمند،
رامین خطیبی
اسفند ۱۳۹۸

______

تله‌هایی برای به دام انداختن الهامات

گرافیک‌دیزاینر آمریکایی Saul Bass می‌گوید: “ دیزاین؛ همان فکر شماست که به صورت دیداری ساخته شده است.”

پس در واقع اثری که خلق می‌کنید ساخته‌ی ذهن شماست و این ذهن از مفاهیم ثابتی تشکیل شده است و برای مواجهه با چالش‌های متفاوت دیزاین نیازمند حرکت است و ذهن زمانی می‌تواند به حرکت درآید که به منابع الهام‌گیری چنگ بزند.

شما چطور الهام می‌گیرید؟ یا چطور برای شروع یک پروژه ذهنتان را تحریک می‌کنید تا کار خلاقانه‌ای انجام دهد؟ سعی می‌کنید با ترکیب عناصر یا خروج از مسیر عادت، این کار را انجام دهید؟ به وب‌سایت‌های مختلف دیزاین سر می‌زنید؟ با دوست خود وارد صحبت می‌شوید؟ سوالاتتان را گوگل می‌کنید؟

به نظر شما این الهامات از کجا می‌آیند؟ چطور دیزاین‌هایی ساخته می‌شوند که انگشت به دهان می‌مانیم؟
نویسنده‌ی مقاله‌ی امروز به سه منبع مهم اشاره می‌کند که اتفاقا بی‌ارتباط به اعضای بدنمان نیستند. این الهامات ناشی از سه منبع اصلی زیر هستند:


۱ - از سر؛ الهام عقلانی
۲- از دل؛ الهام احساسی
۳- از ناخودآگاه؛ الهام شانسی


برای آشنایی بیشتر با این سه منبع، شما را به خواندن این مقاله تشویق می‌کنم. و نیز خوشحال می‌شوم که شما به ما بگویید که هنگام الهام‌گیری از چه منابعی استفاده می‌کنید.


http://bit.ly/dxgn601


پ.ن: برای تقویت ذهن ناخودآگاهتان می‌توانید ازین منبع گزینش‌شده‌ی اختصاصی‌ای که ما به وسواس انتخابشان کردیم نیز استفاده کنید:

http://bit.ly/dxgnresources

(زمان حدودی مطالعه: ۱۰ دقیقه)

نویسنده: حسین میرزاده

#الهام_گیری #خلاقیت #دیزاین

@Dexign فلسفه دیزاین

______

کشف راز نتفلیکس

در یک دهه گذشته سایت نتفلیکس دستخوش تحولاتی باورنکردنی شده‌است. دلیل اصلی این تغییرات مثبت، به وجود آمدن یک فرهنگ طراحی جدید در این سرویس است که بر اساس اصول "تست و یادگیری" است. امروزه نتفلیکس برای بسیاری از افراد به منبع اصلی سرگرمی تبدیل شده‌است به طوری که 15٪ از ترافیک وب جهان به نتفلیکس می‌رود و این مساله موجب تبدیل شدن آن به شرکتی شده که عنوانش مترادف با یک تجربه رضایت بخش برای مشتریان است.
اما وقتی در ایجاد یک تجربه خوب پیشتاز هستید، چگونه می‌توانید بدون ناامید کردن مشتریان، کسب و کار خود را گسترش دهید و همچنان به رشد صعودی خود ادامه دهید؟ پاسخ این سوال در مجموعه نتفلیکس در آزموندن تجربه‌هایی نهفته است که بر مبنای اصول روانشناختی بنیادین در قالب تست A/B پایه‌ریزی شده‌اند.

طراح محصول نتفلیکس، Navin Iyengar، فلسفه تست شرکت را این گونه تعریف می‌کند:
"بسیاری از ایده‌های تجربه‌کاربری ما توسط تست A/B ارزیابی می‌شوند، با به‌کار بردن این روش درک می‌کنیم که هر کدام از این ایده‌ها چه تأثیری در میزان رضایت و به تبع آن عضویت کاربران در سراسر جهان دارند. نتایج این آزمایشها به ما کمک می‌کند تا روی مهمترین مواردی که باید روی آن‌ها کار کنیم تمرکز بیشتری داشته باشیم."

از گفته‌های طراح محصول نتفلیکیس می‌توان به این نتیجه رسید که تست A/B می‌تواند یکی از مطمئن‌ترین روش‌های دستیابی به خواسته‌های مردم از سرویس ما باشد. البته راه‌اندازی و بهره‌برداری درست از نتایج تست A/B برای هر محصول از فرایند سختی تشکیل می‌شود که طی آن طراحان ملزم به همکاری نزدیک با بخش‌های مختلف از بازاریابی محصول و فناوری اطلاعات گرفته تا بخش عملیات و سایر تیم‌های دیجیتال می‌باشند.

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

http://bit.ly/dxgn602

(زمان حدودی مطالعه: ۵ دقیقه)

نویسنده: نیما‌ حکیم‌رابط

#روانشناسی #تستAB #تجربه‌کاربری

@Dexign فلسفه دیزاین

__

اسکن‌پذیری صفحات وب

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

در رابطه با صفحات وب و اطلاعات، «اسکن کردن» به معنی نگاه به صفحات و فهم کلیات آن است. در تعامل با صفحات وب، به‌خصوص برای اولین بار، کاربران صفحات وب را در یک نگاه تحلیل می‌کنند تا ببینند آیا محتوای آن برای آن‌ها مفید است یا نه. این موضوع چندان جدید نیست و از مدت‌ها قبل در مورد روزنامه‌ها و مجلات نیز صادق بوده است. خوانندگان پیش از صرف زمان برای خواندن یک مطلب طولانی، ابتدا آن را اسکن می‌کنند تا ببینند آیا مطلب مفیدی است یا نه، سپس در صورت نیاز کل آن را مطالعه می‌کنند. برای بررسی اسکن‌پذیر بودن صفحات وب می‌توان به دو سؤال زیر پاسخ داد:

۱- آیا چیزهایی که در اولین نگاه مشاهده می‌کنید، منطبق بر انتظارات کاربر است؟

۲- آیا می‌توانید در نگاه اول نوع اطلاعات موجود در صفحه را متوجه شوید؟

اگر پاسخ به این دو سوال مثبت باشد، یعنی صفحه از اسکن‌پذیری وضعیت مطلوبی دارد.

پیش از این، در مقاله زیر در مورد الگوهای اسکن اطلاعات صحبت کرده بودیم:

https://news.1rj.ru/str/Dexign/563

برای بهبود اسکن‌پذیری صفحات، رعایت نکات زیر مؤثر خواهد بود:

۱- اولویت‌بندی محتوا براساس سلسله‌مراتب بصری
۲- قرار دادن قسمت اصلی مسیر اطلاعات در هدر وبسایت
۳- حفظ تعادل فضای منفی
۴- مشاهده شدن دکمه‌های CTA در یک نگاه
۵- بررسی خوانایی محتوا
۶- استفاده از اعداد و ارقام به جای کلمات
۷- ارائه یک موضوع در هر پاراگراف
۸- استفاده از لیست‌های شماره‌گذاری شده و مشخص شده
۹- هایلایت کردن اطلاعات مهم
۱۰- استفاده از عکس و تصویرسازی

برای آشنایی بیشتر با این موضوع و نکات مؤثر، مقاله زیر را مطالعه کنید:

http://bit.ly/dxgn603

(زمان حدودی مطالعه: ۱۰ دقیقه)

نویسنده: محمدرضا پناهی

#اسکن‌پذیری #معماری‌اطلاعات
@Dexign فلسفه دیزاین

ـــــــــ

۷ قانون اساسی طراحی آیکن

تابحال شده وقتی دنبال گزینه تنظیمات روی گوشی موبایل خودتان می‌گردید، اصلا به نوشته «تنظیمات» توجه کنید؟ درواقع تنها به دنبال آیکن «چرخ‌دنده» می‌گردید.

مغز ما معمولا به دنبال ساده‌سازی روند زندگی‌مان است و در این مسیر هر اتفاق اضافی را حذف و اتکا بر حافظه را جایگزین می‌کند.

آیکن‌ها یکی از مهمترین عوامل در حفظ ساختار دیزاین هستند، عواملی آنچنان مهم که وقتی نباشند نمی‌توان خیلی بین یک ضفحه اپلیکیشن و یک پاراگراف نوشته، تفاوت آنچنانی قائل شد.

این روزها آیکن‌ها به کوچکترین عنصر انتقال احساسات و مفاهیم تبدیل شده‌اند و همانطور که می‌دانیم هر حسی می‌تواند یک خروجی بصری داشته باشد.

برای مثال، هرچقدر هویت بصری یک پروژه خشک‌تر و ساده‌تر باشد، آیکن‌های استفاده‌شده در آن شامل خطوط قطور تر و نرمی‌های کمتری می‌باشد.

در مقاله‌ای که امروز به شما معرفی می‌کنم، «Helena Zhang» درباره ۷ قانون اصلی طراحی آیکن نوشته و به تفسیر انواع حس‌های تولید شده توسط آیکن‌ها می‌پردازد.

فراگرفتن موارد این مقاله می‌تواند همان فوت کوزه‌گری باشد که خیلی از دیزاینرها به دنبال آن هستند.

http://bit.ly/dxgn604

(زمان حدودی مطالعه: ۱۰ دقیقه)

نویسنده: آرش اصغری

#آیکن #تجربه_کاربری


@Dexign فلسفه دیزاین

ـــــــــ

سفر به اعماق ذهن کاربر

مصاحبه با کاربر یکی از متدهای تحقیقات کاربر است که در زمان کم اطلاعات بیشماری درباره رفتارها، عادت‌ها و روش‌ استفاده‌ی کاربر از محصول بدست می‌دهد.

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

برای رسیدن به این مقصود باید از پرسیدن سوال‌هایی که جواب را در خود دارند و ذهن کاربر را به سمت خاصی هدایت می‌کنند دوری کرد. همچنین سوال‌هایی با پاسخ‌های کوتاه اطلاعات دقیقی نمی‌دهند.

از همین رو لازم است پیش از مصاحبه سوال‌ها و اهدافی که مصاحبه برای آن طراحی شده است را مرور کرد و با داشتن برنامه‌ی مناسب پیش رفت.

در مقاله‌ی زیر اطلاعات بیشتری درباره ویژگی‌‌های یک مصاحبه‌ی کاربردی آمده است که آن را به شما پیشنهاد می‌کنم:

http://bit.ly/dxgn605

شما چه تجربه‌ای هنگام مصاحبه با کاربر داشته‌اید؟ آن را با ما و دیگر دوستان درمیان بگذارید.

(مدت زمان حدودی مطالعه: ۱۵ دقیقه)

نویسنده: پریسا حسینی

#تجربه_کاربری #مصاحبه

@Dexign فلسفه دیزاین

ـــــــــ

سبک سوئیس در طراحی وب

سبک تایپوگرافی بین‌المللی که با عنوان سبک سوئیس نیز شناخته می‌شود، سبکی در هنر گرافیک است که آغاز آن به دهه‌های ۲۰ و ۳۰ میلادی در کشورهای روسیه، هلند و آلمان بازمی‌گردد. این سبک که در دهه ۱۹۵۰ میلادی در کشور سوئیس توسعه پیدا کرده است بر مسائلی همچون پاکیزگی، خوانایی و واقع‌بینی در هنر گرافیک و تایپوگرافی تاکید دارد. در بسیاری از کارهای اولیه سبک تایپوگرافی بین‌المللی، تایپوگرافی به عنوان عنصر اصلی طراحی، به ویژه در متن‌ها مورد استفاده قرار گرفته است و دلیل نامگذاری این سبک نیز همین مسئله می‌باشد.

عیار و نشان‌های اصلی جنبش سبک سوئیسی به عنوان یک سبک مدرن، در استفاده از گرید‌ها و صفحه‌بندی‌های نامتقارن، تایپ‌فیس‌های صنعتی مانند Sans-Serif و Akzidenz-Grotesk *، تمرکز بر دقت، سادگی، عینیت، انتزاع هندسی و به استفاده از عکس‌ها به جای تصویرسازی می‌باشد.

بر خلاف تصور عموم طراحان سبک سویس تنها در پوسترها و طرح‌های گرافیکی کاربرد ندارد؛ بلکه می‌توان نتایج خوبی هم از به کار بردن آن در طراحی وب بدست آورد. تمام ویژگی‌های ذکر شده این سبک قابل پیاده‌سازی در طراحی وب‌سایت‌ها نیز می‌باشند و مزیت اصلی بهره گیری از این روش در طراحی، این است که سبک سویس با ایجاد رابط‌های کاربر پسند سازگار در ارتباط می‌باشد.

فونت Akzidenz-Grotesk*یک فونت قرن نوزدهمی ساده، کاربردی و فراگیر بوده که تمامی ویژگی‌های فونت‌های مدرن را دارد. ویژگی‌های این فونت تأثیر زیادی بر سبک سوئیس گذاشته است. این فونت بعدها الهام بخش فونت محبوب Helvetica بوده است.

http://bit.ly/dxgn606

(زمان حدودی مطالعه: ۸ دقیقه)

نویسنده: نیما‌ حکیم‌رابط

#سبک‌سویس #طراحی‌گرافیک #طراحی‌وب‌سایت

@Dexign فلسفه دیزاین

ــــــــ

قانون آشنایی جیکوب

الگوهای طراحی یا (Design Patterns) زمانی ایجاد می‌شوند که مدت زیادی را کاربران با آن رابط و تجربه‌ی کاربری مشغول هستند و بهترین راه‌حل ممکن را دریافت کرده‌اند.

حتما بسیاری از وبسایت‌های فانتزی را مشاهده کرده‌اییدکه هنگام ورود به آن‌ها، با گیجی و سردرگمی فراوان روبرو می‌شوید و احساس می‌کنید هیچی از آن بلد نیستید و به کلی هدف خود را از باز کردن آن صفحه از یاد می‌برید و اینجاست که دکمه‌ی ضربدر را فشار می‌دهید.

ذهن انسان این ناآشنایی و عدم شناخت را دوست ندارد. به همین دلیل بزرگترین اشتباه در دیزاین محصولات، خارج شدن از چهارچوب الگوهای طراحیست.
به همین دلیل Jakob Nielsen مشاور کاربری طراحی وب و دانشمند علوم کامپیوتری، قانونی ثابت در این زمینه دارد که با آن آشنا می‌شویم.

bit.ly/dxgn607

(زمان حدودی مطالعه: ۵ دقیقه)

نویسنده: حسین میرزاده

#تجربه_کاربری #قانون_آشنایی_جیکوب #الگوی_طراحی

@Dexign فلسفه دیزاین

_____

دنیای جذاب میکرو اینتراکشن‌ها

دیزاین خوب همه را عاشق خودش می‌کند.

یکی از مهمترین بخش‌های هر دیزاین خوبی، نمایش زنده بودن طرح است.

کاربر چطور باید احساس کند طرح زنده است؟ اگر توجه کرده‌باشید ما کاربران همیشه «بازخورد» در اپلیکیشن‌ها و وبسایت‌هایی که با آن‌ها کار می‌کنیم را دوست داریم. بازخورد یعنی زمانی که طرح به رفتار شما به عنوان کاربر، پاسخ می‌دهد.

فرض کنیم:
شما وارد یک وب‌سایت می‌شوید، تعدادی باتن می‌بینید، هنگامی که روی آن‌ها با ماوس Hover می‌کنید، هیج اتفاقی نمی‌افتد. برای لحظه‌ای به آدم حس فریز شدن دست می‌دهد، گویی وب‌سایت از کار افتاده است.

دنیای فیدبک‌ها و میکرواینتراکشن‌ها بسیار جذاب و دوست‌داشتنی است، چون بر پایه احساسات غریزی انسان بنا شده است.

ما دوست داریم هر کاری می‌کنیم - حتی بردن نشانگر ماوس روی یک دکمه - یک بازخورد داشته باشد، آن دکمه کمی تیره‌تر شود یا کمی بزرگتر. بالاخره یک اتفاقی بیفتد.

البته مساله میکرواینتراکشن‌ها کمی پیچیده‌تر و جذاب‌تر از مساله Feedbackهاست.

میکرواینتراکشن‌ها همانطور که از اسمشان پیداست، به اتفاقات انیمیشنی کوچکی گفته می‌شود که با بهتر عمل‌کردن «تجربه کاربری» رابطه مستقیم دارد.

وقتی یک لینک را به «نشان‌کرده»های خود اضافه می‌کنید، آیکن آن لینک به بخش «نشان‌شده‌ها» می‌پرد!

وقتی آمار بازدید‌های ویدیوهای یوتیوب شما بالا می‌رود، اعداد جدید، اعداد قدیمی را به سمت بالا هل می‌دهند تا خود جای آن‌ها را بگیرند.

زمانی که می‌خواهید یک ایمیل را پاک کنید یا به گزینه‌های سریع ایمیل دسترسی داشته‌باشید تنها کافیست تا انگشتتان را روی آن ایمیل به سمت راست یا چپ بکشید. آیکن‌های اتفاق‌های کوچک و مهم برای شما به ترتیب و با انیمیشنی به نمایش در می‌آیند.

از آنجایی که اکثر مقوله‌های دیزاینی به نوعی زیرمجموعه «تجربه کاربری» هستند و قرار است به بهبود آن کمک کنند، حتی «رابط کاربری» مانند میکرو اینتراکشن‌ها و انیمیشن‌ها، فیدبک‌ها و جلوه‌هایی بصری هستند که با کمک کردن به «رابط کاربری» در نهایت تجربه خوشایندی برای کاربر تولید می‌کنند.

مقاله‌ای که امروز به شما معرفی می‌کنیم درباره لزوم استفاده از میکرواینتر‌اکشن‌ها و چگونگی بهبود رابط و تجربه کاربری
توسط آن است.

bit.ly/dxgn608

(زمان حدودی مطالعه: ۱۰ دقیقه)

نویسنده: آرش اصغری

#میکرواینتراکشن #تجربه_کاربری

@Dexign فلسفه دیزاین

_____

هر آنچه در مورد UX Writing باید بدانید

اگر به روند طراحی UX در سال گذشته توجه کرده باشید، بدون شک بارها با عبارت UX writing برخورد کرده‌اید. مدتی است که بحث نوشتن به عنوان یک "مهارت یکپارچه طراحی" مورد ستایش طراحان دنیا قرار گرفته‌است. به طوری که این تخصص در دیزاین دیگر صرفاً یک تخصص تکمیلی نبوده و به عنوان یک عنصر تخصصی جداگانه و با اهمیت مورد توجه کلیه طراحان قرار گرفته است. همین موضوع باعث شده است تا نویسنده‌های UX به طور فزاینده‌ای به عنوان بخشی جدایی ناپذیر از تیم های طراحی شناخته شوند.

گواه این امر را می‌توان در شرکت‌های معتبری چون فیس بوک، گوگل، مایکروسافت و آمازون مشاهده کرد که در آن‌ها نویسندگان UX را به عنوان عضو اصلی گروه دیزاین در تیم‌های طراحی خود به حساب می‌آورند. بنابراین با‌توجه به نیاز روزافزون شركت‌ها به نویسندگان UX، لازم است طراحان در مورد چیستی این نقش و نحوه افزودن ارزش‌های آن به روند كلی طراحی آگاهی داشته باشند.

در این مقاله، نویسنده با تمرکز بر نقش نویسنده UX، سعی دارد تا مخاطبین مقاله را با پتانسیل این نقش و کلیه وظایف آن آشنا کند.

bit.ly/dxgn609

(زمان حدودی مطالعه: ۷ دقیقه)

نویسنده: نیما‌ حکیم‌رابط

#طراحی‌تجربه‌کاربری #UXWriting

@Dexign فلسفه دیزاین

__

نکاتی برای بهبود طراحی رابط کاربری

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

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

همانطور که ذکر شد، کسب تجربه و استفاده از تجارب دیگران می‌تواند تاثیر به‌سزایی بر بهبود طراحی رابط کاربری داشته باشد و طراحی ما را از یک طرح مبتدی و کاملا معمولی، به یک طرح خاص و حرفه‌ای تبدیل کند.

در مقاله زیر نکاتی برای بهبود طراحی رابط کاربری ارائه شده است که طراحی شما را یک قدم به پیش برده و تبدیل به طرحی حرفه‌ای و منسجم می‌کند.

http://bit.ly/dxgn610

(زمان حدودی مطالعه: 7 دقیقه)

نویسنده: محمدرضا پناهی

#رابط_کاربری #طراحی

@Dexign فلسفه دیزاین

______

نقش پررنگ تایپوگرافی در طراحی رابط کاربری

اشکالی که ما در زندگی آن‌ها را می‌بینیم، همگی پس از مدتی روی ذهن ما اثر می‌گذارند و هرکدام به صورت ناخواگاه درون ذهن ما مفاهیمی را یادآوری می‌کنند.

درواقع اشکال مختلف باعث می‌شوند حس‌های مختلفی را تجربه کنیم.

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

برای مثال زمانی که نیاز است در یک طرح، داخل یک صفحه کتاب را نمایش دهیم، میزان تیز بودن یا نرم بودن فونت استفاده‌شده حس‌های مختلف و گاه متضادی را تولید می‌کند.

البته هرچقدر درصد خطای ما به عنوان طراح، نسبت به انتخاب اشکال مختلف به عنوان دیزاین‌سیستم کمتر باشد، راحت‌تر به هدف میرسیم.

مقاله‌ای که امروز معرفی می‌کنم، درباره اهمیت دقت به فونت انتخابی و استفاده از تمام تنظیمات فوتت‌ها برای گرفتن نتیجه بهتر است.

این نکات شاید خیلی کوچک به نظر برسد ولی یادمان باشد فرق ما با دیکران همین اهمیت دادن به جزئیات خواهد بود.

http://bit.ly/dxgn611

(زمان حدودی مطالعه: ۷ دقیقه)

نویسنده: آرش اصغری

#رابط_کاربری #فونت
@Dexign فلسفه دیزاین

__

مبانی سلسله مراتب بصری

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

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

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

برای آشنایی بیشتر با اصول ایجاد و بهبود سلسله مراتب بصری مقاله زیر را مطالعه کنید:

https://bit.ly/dxgn612

(زمان حدودی مطالعه: 15 دقیقه)

نویسنده: محمدرضا پناهی

#سلسله_مراتب #طراحی_بصری #تجربه_کاربری

@Dexign فلسفه دیزاین

______

نکات موثر برای کار از راه دور

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

۱- فضای کاری مشخصی برای خود در خانه ایجاد کنید.

۲- بین فعالیت‌های شغلی و کارهای شخصی خود در خانه مرزبندی ایجاد کنید.

۳- ساعت کار منظمی برای خود تعیین کنید و در آن زمان در دسترس سایر اعضای تیم باشید.

۴- وضعیت کاری خود را به طور مستمر با هم تیمی‌های خود به اشتراک بگذارید.

۵- با اعضای تیم خود در ارتباط باشید و در مسائل مختلف همفکری کنید.

۶- از ابزارهای برنامه‌ریزی مثل ترلو، آسانا، تسکولو و ... جهت ایجاد نظم در فعالیت‌های تیم استفاده کنید.

برخی از شرکت‌ها این امکان را برای شما فراهم می‌کنند تا در دورکاری از برنامه کاری انعطاف پذیری برخوردار باشید. اگر شرکت شما نیز از این قبیل شرکت‌ها می‌باشد، حتماً توجه داشته باشید که تعیین دوره‌های اوج کار شما، به منظور افزایش بهره‌وری بسیار مهم خواهد بود. آیا شما بهترین بازدهی کاری را در ابتدای صبح دارید؟ یا اینکه در بازه ظهر بیشتر فعال هستید؟

دانستن اینکه چه موقع از روز بهتر کار می‌کنید، می‌تواند به شما کمک کند تا بهترین و مفیدترین استفاده را از روز کاری خود داشته باشید. به طوری که در برنامه زمانبندی خود اجرای وظایف مهم را در این دوره‌ها قرار داده و سایر کارها را که نیاز به تمرکز کمتری دارند به دوره‌هایی که احتمالاً دچار خستگی ذهنی خواهید بود موکول کنید.

اگر شما هم تجربیات مشابهی در این زمنیه دارید خوشحال می‌شویم که آن‌ها در قسمت کامنت‌ها با ما در میان بگذارید.

https://bit.ly/dxgn613

(زمان حدودی مطالعه: ۵ دقیقه)

نویسنده: نیما‌ حکیم‌رابط

#دورکاری #کارتیمی
@Dexign فلسفه دیزاین

______

جبران کمبود تحقیقات میدانی

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

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

پس تا اینجای کار ما به عنوان طراح رابط و تجربه کاربری نیاز به سیستم تحقیقاتی روی طرح‌های خودمان را احساس کردیم.

حال فرض کنید یک تیم تنها به بررسی و مطالعه رفتار کاربران روی انواع طرح‌های مختلف بپردازد و همینطور نقاط قوت و نقض‌های طرح‌های مختلف را با ارائه دلیل درست مشخص کند.

طبیعتا بار تحقیقاتی عجیبی از روی دوش ما برداشته خواهد شد و از آن مهمتر، می‌توانیم خیلی بهتر به نتیجه تحقیقاتی که توسط یک تیم خاص تحقیقاتی حاصل‌شده، اعتماد و تکیه کنیم.

امروز می‌خواهم انستیتوی baymard را به شما معرفی کنم.
این انستیتو نتیجه بیش از ۴۹٬۰۰۰ ساعت تحقیق تجربه کاربری را برای کاربران روی وبسایت خودش قرار داده و این نتایج را به تفکیک نوع صفحات جداسازی کرده است.

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

https://bit.ly/dxgn614

نویسنده: آرش اصغری

#تجربه_کاربری #دیزاین

@Dexign فلسفه دیزاین

______

قانون فیتس

«زمان دستیابی به هدف، تابعی از فاصله و اندازه‌ی هدف است.»

این قانون در سال ۱۹۵۴ توسط روانشناسی به نام پائول فیتس مطرح شد. او با بررسی سیستم حرکتی انسان، نشان داد که زمان لازم برای حرکت به یک هدف، به مسافت آن بستگی؛ و با اندازه‌ی آن رابطه‌ی عکس دارد.
طبق قانون او به دلیل سبک-سنگین کردن کاربر بین دقت و سرعت، حرکات سریع و اهداف کوچک منجر به خطای بیشتری می‌شود.

یکی از مثال‌های واضحی که برای اعمال این قانون در رابط کاربری می‌توان بیان کرد، همین بزرگ بودن دکمه‌های CTA است که هرچقدر بزرگتر و در دسترس‌تر باشد، کاربر زمان کمتری را، صَرفِ کلیک بر روی آن می‌کند. البته این بزرگی دکمه نباید بیش از اندازه شود چون تناسب طرح شما را بهم می‌ریزد و نتیجه‌ی معکوس و منفی‌ای ایجاد می‌کند.

اما این قانون در بسیاری از رابط‌های کاربری‌ای که در روزمره با آن سروکار داریم دیده می‌شود و شما شگفت‌زده خواهید شد که چرا دکمه‌های بستن، منوی‌ ویندوز و … در گوشه‌های مانیتور شما قرار دارند. برای فهمیدن دلیل آن و نیز به‌کاربری این قانون در دیگر موارد رابطه کاربری، شما را به خواندن مقاله‌های زیر دعوت می‌کنم:

https://bit.ly/dxgn615-1

https://bit.ly/dxgn615-2

و همینطور صفحه‌ی ویکیپدیای این قانون به راحتی از طریق لینک زیر قابل دسترسی است:

https://bit.ly/dxgn615wiki

(زمان حدودی مطالعه‌ی مقاله‌‌ی اول: ۹ دقیقه، مقاله‌ی دوم: ۱۱ دقیقه )

نویسنده: حسین میرزاده

#تجربه_کاربری #قانون_فیتس #طراحی_تعاملی #فاصله #اندازه

@Dexign فلسفه دیزاین

_____

انتخاب عنوان مناسب برای دکمه‌ها

عنوان و متن دکمه‌ها به اندازه ظاهر و طراحی آن‌ها دارای اهمیت است. استفاده از عناوین اشتباه برای دکمه‌ها می‌تواند باعث سردرگمی کاربر، کار بیشتر و پایین آمدن سرعت انجام کارها شود. برای اینکه به کاربر کمک کنید تا کاری را به راحتی انجام دهد، باید از عناوین درست برای دکمه‌ها استفاده کنید.

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

قانون اول: استفاده از افعال عملکردی
عناوین دکمه‌ها باید احساس عمل به یک فرمان را به کاربر القا کند. هنگامی که کاربران یک فعل عملکردی را می‌خوانند، دقیقا متوجه می‌شوند که آن دکمه چه کاری انجام می‌دهد.
به عنوان مثال برای پاسخ به سوال "تغییرات ذخیره شود؟"، عنوان دکمه "ذخیر کردن" بسیار گویاتر از عنوان کلی "بله" خواهد بود.
هنگامی که از عبارت بله/خیر برای عناوین دکمه‌ها استفاده می‌شود، کاربر باید تمام پیام نمایش داده شده را بخواند تا بتواند دکمه صحیح را انتخاب کند و اشتباه در خواندن پیام می‌تاوند منجر به انتخاب گزینه اشتباه شود.

قانون دوم: استفاده از بیان دقیق
هر فعلی که استفاده می‌کنید، معنی و مفهوم خاص خود را دارد. اگر بیان شما دقیق نباشد، ممکن است کاربر در فهم عملکرد دکمه دچار مشکل شود. به عنوان مثال دو عبارت "Delete" و "Remove" می‌توانند معنی یکسان داشته باشند اما مفهوم آن‌ها می‌تواند با هم متفاوت باشد.
به عنوان مثال در یک پلی‌لیست موسیقی، عبارت "Delete" می‌تواند به معنی حذف آهنگ از کل سیستم باشد، اما عبارت "Remove" می‌تواند به معنی حدف آن آهنگ از پلی‌لیست مورد نظر باشد.

قانون سوم: استفاده از زبان عملکرد-محور
عناوین مبهم و عمومی برای دکمه‌ها باعث ایجاد شک و تردید برای کاربر خواهد شد و آن‌ها تردید خواهند کرد که آن دکمه چه عملکردی دارد. کاربرها باید نتیجه عملکرد خود را بدانند و این امر تنها با استفاده از زبان عملکرد-محور قابل انجام است.
به عنوان مثال برای یه فرم ارسال نظر می‌توان از دو عنوان "انتشار" یا "ثبت" استفاده کرد. عنوان "ثبت" یک عنوان کلی و فنی است که شما می‌توانید برای هر دکمه‌ای استفاده کنید.اما عنوان "انتشار" کاملا عملکرد-محور است و کاربر کاملا متوجه می‌شود که با فشردن ان دکمه چه اتفاقی خواهد افتاد.

قانون چهارم: استفاده از حالت دستوری فعال
کلمات زیاد در عنوان دکمه، کاربر را مجبور می‌کند بیشتر بخوانند. اما هنگامی که از حالت دستوری فعال استفاده می‌کنید، تعداد کلمه‌ها را کمتر کرده و خواندن و اسکن آن را ساده‌تر می‌کنید.
به عنوان مثال برای پیام بروزرسانی نرم‌افزار دکمه‌های زیر را در نظر بگیرید:
حالت اول) نه، بعدا به من یادآوری کن/ بله،الان بروزرسانی را دانلود کن
حالت ذوم) بعدا یادآوری کن / دانلود بروزرسانی
حالت دستوری فعال، فعل‌ها را به دستور تبدیل می‌کند. این حالت به شما اجازه می‌دهد کلمات غیرضروری را حذف کرده و عنوان دقیق‌تری داشته باشید.

قانون پنجم: استفاده از حروف بزرگ به سبک جمله
(البته این قانون فقط در زبان انگلیسی کاربرد دارد!)
شکل نوشتاری و استفاده از حروف بزرگ و کوچک بیانگر لحن شما به کاربر خواهد بود. لحن آن چیزی نیست که به کاربر می‌گویید، بلکه چگونگی گفتن آن است. این ویژگی می‌تواند عکل‌العمل احساسی کاربران را در پی داشته و باعث شود آن‌ها جذب شده یا دفع شوند.
به عنوان مثال عبارت "Start free trial" که از حروف بزرگ به سبک جمله استفاده کرده، لحنی آرام‌تر و دوستانه‌تر از عبارت "Start Free Trial" دارد بیشتر باعث جذب کاربر برای فشردن دکمه خواهد شد.

این قوانین ضمانت خواهند کرد که دکمه‌ها باعث جذب عملکرد کاربر شده و کاربر دچار ابهام و سردرگمی هنگام مواجه با آن‌ها نخواهد شد. برای آشنایی بیشتر با این قوانین و مشاهده نمونه‌های آن می‌توانید مقاله زیر را مطالعه کنید:

https://bit.ly/dxgn616

(زمان حدودی مطالعه: 10 دقیقه)

نویسنده: محمدرضا پناهی

#طراحی #دکمه
@Dexign فلسفه دیزاین

_____