امروز قصد داریم یه وب سایت معرفی کنیم که خیلی جالبه😀

کار Picular چیه؟ کارش اینه که مثلا تو بخش سرچ سایت مینویسی جنگل , و تمامی رنگ هایی که به جنگل مربوط میشه براتون میاره و میتونید ازشون استفاده کنید که واقعا جالبه , یه چیزی تو مایه های google image search هست ولی نتایج سرچ فقط رنگ هست 😃

وب سایت : picular.co

ممنون از دوست عزیز بابت معرفی سایت تو گروه iranUiUx
👤 @jughead79 🌺

#tip #learn #ux
🆔 @iranUiUx 👈مطالب بیشتر

تا کنون , به احتمال زیادی با فرم(form) هایی برخورد کرده اید که فیلدهای بی ربط داشتند و این باعث اذیت شما شده باشد!😢

فیلد هایی که اصلا نیازی بهشون نیست , این فیلد ها علاوه بر اینکه میتونن وقت شمارو برای طراحی و پیاده کردنش هدر بدهند , هزینه هارا نیز افزایش خواهند داد ; علاوه بر این , ممکن است کاربر , تجربه بدی از فرم شما(فرم ثبت نام , فرم ثبت خرید , ...) به دست اورد که ممکن است تاثیر منفی جبران ناپذیری را به کسب و کار شما وارد کند!

و تا جایی که میتونید سعی کنید تعداد فیلد هارو به حداعقل برسونید(فیلد های غیر ضروری را حذف کنید).

پس حتما در فرم های خود توجه زیادی به خرج بدید تا بعدا مشکلاتی تو کسب و کار شما به وجود نیاد 😀

#tip #learn #ux
🆔 @iranUiUx 👈مطالب بیشتر

فرم ها زبان ارتباط با کاربران هستند , باید توی تمام فیلد ها ذکر گردد که کاربران باید چه چیزی را وارد کنند , و باید به گونه ای باشد که کاربران بعد از پر کردن فیلد ها , بدانند که مثلا فیلد دوم مربوط به چه چیزی هست!

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

#tip #learn #ux
🆔 @iranUiUx 👈مطالب بیشتر

گیف بالارو حتما ببینید, خیلی جالبه👌

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

از انیمیشن های کوچیک هم برای نمایش متن خطا استفاده کنید تا حس بدی رو به کاربر منتقل نکنه👍

#tip #learn #ux #gif
🆔 @iranUiUx 👈مطالب بیشتر

انیمیشن زیبا برای Show/Hide Password 😍

طراحی شده توسط Claudio Scotto

#tip #learn #ux #gif
🆔 @iranUiUx 👈مطالب بیشتر

امروز قصد داریم یه وب سایت معرفی کنیم که خیلی جالبه😀

کار وب سایت uigradients چی هست؟ از اسمش هم پیداست که این سایت برای شما گرادینت های مختلفی ارائه میده و شما میتونید کد رنگ گرادینت رو تو طراحی های خودتون استفاده کنید😄

وب سایت : uigradients.com

ممنون از دوست عزیز بابت معرفی سایت
👤 @bug_fucker 🌺

#tip #learn #ui #ux #tool
🆔 @iranUiUx 👈مطالب بیشتر

در این پست قصد داریم برسی کنیم که چه اندازه ای برای باتن ها مناسب هست😉

امروزه برخی از توسعه دهنده ها وقتی میخوان اندازه دکمه ای رو انتخاب کنن , نمیدونن چه اندازه ای مناسب تره , برای همین تحقیقاتی صورت گرفته که باتن هارو در 3 اندازه مرتب کرده اند :
42 پیکسل(اولویت کم)
60 پیکسل(اولویت متوسط)
72 پیکسل(اولویت زیاد)

بیشترین دقت انتخاب در دکمه هایی از اندازه 42 پیکسل تا 72 پیکسل هستش که اندازه 60 پیکسل , متوسط بین انهاست.

برای درک بیشتر به مثال بعدی دقت کنید

#tip #learn #ui #ux
🆔 @iranUiUx 👈مطالب بیشتر

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

بدین ترتیب اگر اولویت بندی را رعایت کنید , کاربران میدانند که کدام اقدامات را انجام دهند تا به نتیجه مطلوب خودشون برسند!

به مثال بالا دقت کنید.
توی این مثال از اولویت بندی دکمه ها به خوبی استفاده شده است.
اولویت زیاد : 72 پیکسل
اولویت متوسط : 60 پیکسل
اولویت کم : 42 پیکسل

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

#tip #learn #ui #ux
🆔 @iranUiUx 👈مطالب بیشتر

به جای اینکه از کاربر بپرسید "ایا شما مطمعن هستید که میخواهید ..." , یک علامت سوال در پایان عنوان دیالوگ قرار دهید.
برای مثال , عنوان "?Delete Account" نشان دهنده "ایا شما مطمعن هستید که میخواهید حساب کاربری خود را حذف کنید؟" است ولی با کلمات کمتر!

همچنین به جای استفاده از جمله "If you delete your account, you will permanently lose your profile, messages, and photos," از لیست چیزهایی که از دست خواهد داد استفاده کنید , چون بعضی از کاربران حوصله خواندن متن طولانی را ندارند ولی لیست را سریع تر میتوانند بخوانند!

که در مثال بالا تعداد کلمات را از 25 کلمه به 9کلمه کاهش داده ایم تا کاربر سریع تر نتیجه را بداند و تصمیم خود را بگیرد.

#tip #learn #ui #ux
🆔 @iranUiUx 👈مطالب بیشتر

در این بخش به بعضی از مهم ترین کاربردهای استفاده از آیکون ها اشاره میکنیم :

1 ) آیکونها یک راه حل خوب برای کاهش محتوای متنهای طولانی هستند و به طور استراتژیک میتوانند آنها را خواناتر و قابل فهم تر کنند .

2 ) برای تمام کاربران مفهوم یکسانی دارند و برخلاف متون ، نیازی به ترجمه به زبانهای مختلف ندارند ‌.

3 ) بصورت بصری میتوانند جذابیت طراحی را افزایش دهند ‌.

4 ) به سرعت قابل تشخیص هستند .

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

و اگر به درستی مورد استفاده قرار بگیرند میتوانند در تعامل رابطه ی کاربری ، تاثیر قابل توجهی داشته باشند .

#tip #learn #ui #ux
🆔 @iranUiUx 👈مطالب بیشتر

قبل از اینکه تصمیم بگیرید برای یک فیلد از فرمتان ، از یک Select Menu استفاده کنید بهتر است از خودتان بپرسید که :

آیا کاربران بدون مراجعه به فهرست option های آن ، اطلاعات خود را می دانند یا خیر ؟

اگر جواب سوالتان مثبت بود ، بهتر است که بجای پیاده سازی یک Select Menu از یک Auto Complete Field استفاده کنید ، چرا که کاربران در چنین مواقعی نیازی به اسکن و مرور لیست های طولانی option ها ندارند .

#tip #learn #ui #ux

🆔 @iranUiUx 👈 مطالب بیشتر

هنگامی که کاربری قصد دارد حساب کاربری خود را حذف کند , بهتر است از کاربر درخواست کنید که برای حذف حساب کاربری خود , در یک فیلد جمله ای مانند delete account را بنویسد تا بتواند اکانت خود را حذف کند, زیرا این کار کاربران را از عملی که انجام میدهند , بیشتر اگاه میسازد. 😀

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

#⃣ #tip #learn #ui #ux

🆔 @iranUiUx 👈مطالب بیشتر

احتمالا خیلی از طراحان رابط کاربری تازه کار در طول روز , درگیر انتخاب رنگ برای بخش های مختلف رابط کاربری وب سایت خود هستند 😓

با استفاده از اطلاعات عکس بالا , برای بخش های مختلف وب سایت خودتون , راحت تر میتونید رنگ هارو انتخاب و استفاده کنید 😬

#⃣ #tip #learn #ui #ux

🆔 @iranUiUx | iranUiUx.com

برای همراهان عزیز iranUiUx , پست روانشناسی رنگ ها رو اماده کردیم تا رنگ ها رو بهتر انتخاب کنید ☺️🌺

⬅️ مشاهده در اینستاگرام

لایک , کامنت و فالو کردن یادتون نره😉

#⃣ #tip #learn #ui #ux #color

🆔 @iranUiUx | iranUiUx.com

خیلی از افراد در هنگام ایجاد سایه به مشکل برمیخورن , توی این اموزش (Ui tip) قصد داریم به صورت تصویری یاد بدیم که چطوری سایه هارو به خوبی ایجاد کنید😉

میتونید این اموزش رو توی پیج اینستاگرام iranUiUx مشاهده کنید😎

✅ مشاهده اموزش

#⃣ #tip #learn #ui #ux

🆔 @iranUiUx | iranUiUx.com

معرفی کلیدهای میانبر adobe xd در سیستم عامل مک | بخش اول

میتونید این اموزش رو توی پیج اینستاگرام iranUiUx مشاهده کنید😎

✅ مشاهده مطلب

#⃣ #tip #learn #ui #ux

🆔 @iranUiUx | iranUiUx.com

معرفی کلیدهای میانبر adobe xd در سیستم عامل مک | بخش دوم(بخش پایانی)

میتونید این مطلب رو توی پیج اینستاگرام iranUiUx مشاهده کنید😎

✅ مشاهده مطلب

به اشتراک بزارید

#⃣ #tip #learn #ui #ux

🆔 @iranUiUx | iranUiUx.com

احتمالا تا کنون تلاش کردید که سایه های مناسب و خوبی رو برای دکمه ها ایجاد کنید، ولی نتیجه خوبی نگرفتید، با نکته های اموزشی که تو این پست قرار گرفته، میتونید سایه های خوبی رو ایجاد کنید 😌

✅ مشاهده مطلب

#⃣ #tip #learn #ui #ux

🆔 @iranUiUx | iranUiUx.com

10 کتاب طراحی تجربه کاربری برای تازه‌کارها - بخش اول

ممکن هست دنبال کتابی باشید تا دانش خود را در زمینه تجربه کاربری ارتقا دهید، ایران یوآی یوایکس برایتان 10 کتاب تجربه کاربری معرفی می‌کند تا دانش خود را ارتقا دهید ☺️

✅ مشاهده مطلب

#⃣ #tip #learn #ux

🆔 @iranUiUx | iranUiUx.com

10 کتاب طراحی تجربه کاربری برای تازه‌کارها - بخش دوم و پایانی

ممکن هست دنبال کتابی باشید تا دانش خود را در زمینه تجربه کاربری ارتقا دهید، ایران یوآی یوایکس برایتان 10 کتاب تجربه کاربری معرفی می‌کند تا دانش خود را ارتقا دهید ☺️

✅ مشاهده مطلب

#⃣ #tip #learn #ux

🆔 @iranUiUx | iranUiUx.com