چگونه از تعصب (سوگیری) قلاب شده استفاده کنیم قلاب کردن میتونه کمک کنه تا کاربرا انتظارهای روشنی در مورد چگونگی پیشرفت یک فرآیند یا تجربه داشته باشن. اینجا چند تکنیک برای انجام این کار هست: مقدارهای پیشفرض و پیشنهاد شده خوب: مقادیر پیشفرض عددیِ به خوبی انتخاب شده نه تنها کاربرا رو از تایپ نجات میدن، بلکه انتظارات رو برای چیزی که معمول یا غیر معمول هست تعیین میکنن. مقادیر پیشنهادی: در وبسایتهای غیرانتفاعی، پیشنهاد کردن یک مقدار کمک مالی میتونه کاربرا رو در مورد اینکه چقدر باید بدن هدایت کنه. در اپلیکیشنهای تحویل غذا، میتونید مقدارهای پیشنهادی برای مقدار انعام تعیین کنید. انتظارات دقیق رو در ابتدا تعیین کنید: در فرآیندها، به ویژه اونهایی که پیچیدهان مثل رندر کردن یک ویدیو یا آپلود کردن یک فایل بزرگ، ارائه یک برآورد زمان اولیه میتونه یک انتظار واقعبینانه تعیین کنه. قیمتهای اصلی رو با تخفیفهاشون نشون بدید: هنگام نمایش تخفیفها، نشون دادن قیمت اصلی در کنار قیمت تخفیفدار میتونه درک کاربر از ارزش کالا رو بهتر کنه. این میتونه معامله رو جذابتر نشون بده و احتمال خرید رو افزایش بده.«نکته #طراحی #هفتگی»#آموزش #UI #UX #رابط_کاربری #تجربه_کاربری
۴۱
قورباغه رو قورت بده! قورباغه رو قورت بده! ممکنه خنده دار به نظر بیاد اما این روش خندهدار ممکنه بهت کمک کنه تا کارهای سخت و چالشبرانگیز رو زودتر انجام بدی.تصور کن «قورباغه»ی تو سختترین کاریه که باید انجام بدی. اگه صبح زود یا قبل از شروع کار این کار رو انجام بدی، احساس موفقیت بزرگی میکنی و بقیه کارها خیلی راحتتر به نظر میان. 🥳اما این روش ممکنه برای همه مناسب نباشه، مخصوصاً اگه انرژی شما در زمانهای مختلف روز اوج بگیره.
در این صورت، بهتره کارها رو با ریتم طبیعی بدنت هماهنگ کنی. مثلاً، اگه بهترین زمان برای کار کردن عصرهاست، سعی کن کارهای سخت رو برای اون زمان بذاری. «نکته #طراحی #هفتگی»#آموزش #UX #تجربه_کاربری #مدیریت
۴
ضخامت (وزن) فونت ضخامت فونت به ضخامت خط در یک نوع فونتِ داده شده اشاره داره.میتونه از نازک، که گاهی به عنوان خط مویی (hairline) یا سبک (light) هم شناخته میشه، تا وزنهای خیلی سنگین مثل سیاه (Black) یا پررنگ (Bold) متغیر باشه. انتخاب ضخامت فونت نقش مهمی تو انتقال تأکید، حالت و خوانایی یک طراحی داره. در حالی که معمولی (regular) و پررنگ (bold) بیشترین وزنهای استفاده شده هستن، بسیاری از نوعفونتها (typefaces) طیف وسیعی از گزینهها رو ارائه میدن تا به طراحان انعطافپذیری در ایجاد یک رابط کاربری متوازن و جذاب بده.«نکته #طراحی #هفتگی»#آموزش #UI #رابط_کاربری #فونت #نوشته #تایپ
۴
حروف بزرگ ابتدایی (Drop Caps) حروف بزرگ ابتدایی، مثل یه تزیین قشنگ برای شروع یه فصل یا بخش جدید هستن. قبلاً، نویسندهها این حروف رو با دست مینوشتن، تا کتابها زیباتر و باارزشتر بشن. حتی بعد از اختراع چاپ، ناشران همچنان از حروف بزرگ ابتدایی دستکشیده (handdrawn) استفاده میکردن تا کتابها رو شبیه دستنوشتهها کنن و ارزششون رو بالا ببرن.حروف بزرگ ابتدایی میتونن به طراحی شما یه ظاهر زیبا و کلاسیک بدن. میتونین اونها رو در ابتدای پاراگراف اول یک مقاله، فصل کتاب یا بخش جدید قرار بدین. البته این ها تو زبان فارسی خیلی کاربردی ندارن و بیشتر در نوشته های لاتین استفاده می شن.
برای اینکه حروف بزرگ ابتدایی به خوبی با بقیه متن هماهنگ بشن، چند روش وجود داره:
• همسطح متن: میتونین حروف بزرگ ابتدایی رو هماندازه با بقیه متن قرار بدین و کلمات اول رو با حروف بزرگ کوچک (small capital) بنویسین.• داخل متن: میتونین حروف بزرگ ابتدایی رو به داخل متن ببرین تا دور حرف بپیچه.• کنار متن: میتونین حروف بزرگ ابتدایی رو در کنار متن قرار بدین تا بیرون از متن آویزون بمونه بدون اینکه وارد بلوک متن بشه.
نکته: بهتره از حروف بزرگ ابتدایی برای هر پاراگراف جدید استفاده نکنین. میتونین از تورفتگیها یا فاصله بین خطوط برای جدا کردن پاراگرافها استفاده کنین.حالا، یه نکته جالب: حروف بزرگ ابتدایی میتونن به متن شما یه حس تاریخی و قدیمی بدن. این روش طراحی خیلی قدیمی هست و از زمانهای خیلی دور استفاده میشده. اگه میخوای طراحی شما یه حس کلاسیک و سنتی داشته باشه، حروف بزرگ ابتدایی میتونن انتخاب خوبی باشن.
«نکته #طراحی #هفتگی»#آموزش #UI #رابط_کاربری #فونت #نوشته #تایپ۴
تصاویر رو درست انتخاب کن تا حالا شده بری یه سایت و عکسهایی ببینی که انگار با متن ربطی ندارن؟ مثلاً یه #عکس کلیشهای که هیچی رو نشون نمیده! اینجوری کاربرا گیج میشن.🤏
وقتی میخوای برای یه بخش یا موضوع خاص عکس انتخاب کنی، فقط به قشنگیش فکر نکن. 🤏عکس باید دقیقاً همون چیزی رو نشون بده که اون بخش دربارهشه. مثلاً اگه میخوای برای بخش «میوه» تو یه #سایت فروشگاهی عکس بذاری، عکس یه سبد گوجه فرنگی مناسب نیست. آخه همه که گوجه رو میوه نمیدونن!
بهتره از عکس سیب یا موز استفاده کنی که همه میدونن میوهان. اینطوری کاربرا دقیقاً میفهمن که تو اون بخش چی پیدا میکنن.خلاصه اینکه، عکسها باید مثل یه تابلو راهنما باشن که کاربرا رو به سمت درست هدایت کنن.
«نکته #طراحی #هفتگی»#آموزش #UI #رابط_کاربری #UX #تجربه_کاربری
۱
قصد و هدفت رو مشخص کن خیلیها تو برنامههای #منتوری، کلی چیز یاد میگیرن
و کلی #رشد میکنن. اما بعضی دیگه انگار هیچ تغییری نمیکنن. چرا؟ چون #انگیزه خیلی مهمه و این انگیزه هم از هدفهای واضح میاد. هر کسی تجربه متفاوتی از منتوری داره. چون نیازها و آرزوهای هر فردی منحصر به خودشه. پس قبل از شروع برنامه، باید هدفت رو مشخص کنی.هر کسی هدفی داره و انتظاراتی از منتوری داره.
مثلاً ممکنه کسی بخواد تو زمینه طراحی شغل پیدا کنه، از نوشتن به طراحی کوچ کنه، مهارتهای طراحیشو تقویت کنه، بهترین روشهای کار رو یاد بگیره، مهارتهای ارتباطی و مذاکرهشو بهتر کنه یا یه رزومه و پورتفولیوی قوی بسازه.وقتی هدفهای واضحی داشته باشی، منتورت میتونه بهتر کمکت کنه و راهنماییت کنه. پس قبل از شروع برنامه منتوری، حتما هدفهات رو مشخص کن.
«نکته #طراحی #هفتگی»#منتور #mentor #هدف #mentee #برنامه
۲
کمک در لحظه خطا وقتی یه خطا
پیش میاد، باید به #کاربر بگی مشکل چیه، چرا پیش اومده و چیکار باید بکنه. اگه مشکل پیچیدهتره، میتونی کاربر رو به بخش #پشتیبانی ارجاع بدی. مثلاً اگه کاربری نتونست یه دستگاه رو به اپلیکیشن
وصل کنه، میتونی اون رو به بخش سوالات متداول یا یه مقاله راهنما ارجاع بدی. اگه این مشکل قابل حل #آنلاین نیست، به کاربر اجازه بده با یه نماینده صحبت کنه یا یه راه حل جایگزین پیشنهاد بده.وقتی پیامهای #خطا رو مینویسی، همیشه فکر کن که کاربر بعدش باید چیکار کنه و چطور میتونی کار رو براش راحتتر کنی.
نکته حرفهای! گاهی اوقات، اضافه کردن راهنماییهای کوچک به فیلدهای ورودی میتونه از بروز خطا جلوگیری کنه و دیگه نیازی به پیامهای خطا نباشه.
«نکته #طراحی #هفتگی»#آموزش #تجربه_کاربری #UX
۱
منوی همبرگری حتماً تو خیلی از سایتها و اپلیکیشنها اون سه خط افقی رو دیدی که وقتی روش کلیک میکنی یه منو باز میشه. این سه خط کوچولو رو «منوی همبرگری»
میگن.اگه یه کم دقت کنی، میبینی که این سه خط شبیه یه همبرگر ساده هست!
به خاطر همین بهش میگن منوی همبرگری. بعضی وقتها هم ممکنه کنار این سه خط کلمه "منو" نوشته شده باشه یا یه علامت کوچولو باشه که نشون بده این قسمت قابل کلیکه.این نوع منو خیلی کاربردیه، مخصوصاً تو گوشیهای موبایل که صفحه کوچکی دارن. با استفاده از این منو میتونن کلی گزینه رو تو یه فضای خیلی کم جا بدن. یعنی وقتی روی این سه خط کلیک میکنی، یه فهرست از گزینههای مختلف مثل "خانه"، "درباره ما"، "تماس با ما" و... برات باز میشه.
«نکته #طراحی #هفتگی»#آموزش #تجربه_کاربری #UX #رابط_کاربری
تصویر به جای خط جداکننده (Divider)؟ چرا که نه!
تا حالا به این فکر کردی که چطور میشه بدون شلوغ کردن صفحه با کلی خط و مرز، بخشهای مختلف رو از هم جدا کرد؟تصاویر میتونن به عنوان یه جداکننده (Divider) فوقالعاده قوی در طراحی UI عمل کنن. اونا خیلی نرم و بیصدا، کاربر رو توی بخشهای مختلف محتوا هدایت میکنن و در عین حال، جذابیت بصری کل کار رو هم بالا میبرن. وقتی هوشمندانه از عکسها استفاده کنی، اونا نه تنها مرز بین بخشهای مختلف صفحه رو مشخص میکنن، بلکه کلی هم به زیبایی کل دیزاین کمک میکنن.مثلاً کجا؟توی یه چیدمان گالریطور (Gallery Layout)، خودِ تصاویر به طور طبیعی دارن نقش جداکننده رو بین آیتمها بازی میکنن؛ یعنی عملاً دیگه هیچ نیازی به خطوط یا فاصلههای اضافی برای جداسازی نیست! با این کار، محتوای بصری کاملاً مستقل و منسجم به نظر میرسه و یه تجربه کاربری روان، یکپارچه و عمیق (Immersive) به کاربر میده.
«نکته #طراحی #هفتگی»#آموزش #UI #رابط_کاربری
تصویر به جای خط جداکننده (Divider)؟ چرا که نه!تا حالا به این فکر کردی که چطور میشه بدون شلوغ کردن صفحه با کلی خط و مرز، بخشهای مختلف رو از هم جدا کرد؟
تصاویر میتونن به عنوان یه جداکننده (Divider) فوقالعاده قوی در طراحی UI عمل کنن. اونا خیلی نرم و بیصدا، کاربر رو توی بخشهای مختلف محتوا هدایت میکنن و در عین حال، جذابیت بصری کل کار رو هم بالا میبرن. وقتی هوشمندانه از عکسها استفاده کنی، اونا نه تنها مرز بین بخشهای مختلف صفحه رو مشخص میکنن، بلکه کلی هم به زیبایی کل دیزاین کمک میکنن.مثلاً کجا؟توی یه چیدمان گالریطور (Gallery Layout)، خودِ تصاویر به طور طبیعی دارن نقش جداکننده رو بین آیتمها بازی میکنن؛ یعنی عملاً دیگه هیچ نیازی به خطوط یا فاصلههای اضافی برای جداسازی نیست! با این کار، محتوای بصری کاملاً مستقل و منسجم به نظر میرسه و یه تجربه کاربری روان، یکپارچه و عمیق (Immersive) به کاربر میده. «نکته #طراحی #هفتگی»#آموزش #UI #رابط_کاربری
۳اگه مطالب کانال براتون مفیده ما رو به همکاران و دوستاتون معرفی کنید در صورت رسیدن اعضا به 1500 پاکت هدیه داریم.
در صورت رسیدن اعضا به 1500 پاکت هدیه داریم. ۵۲۱