Instagram story viewer> @notebyzahra> Posts

زهرا صبوری | Product Designer

@notebyzahra

876

followers

226

following

.product designer
.freelancer
.business management student
- DM for new project.

POSTS STORIES REELS TAGGED

روز ششم از چالش ۱۰ روز، ۱۰ اشتباه رایج UX 🚀

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

هر وقفه‌ای باعث تغییر تمرکز و افزایش Cognitive Load می‌شه و ممکنه کاربر رو از ادامه مسیر منصرف کنه.

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

UX خوب یعنی بدونیم چه زمانی باید توجه کاربر رو جلب کنیم و چه زمانی نباید مزاحمش بشیم. 👀

#UX #ProductDesign #UserExperience #UXMistakes #Interruption taken in Tehran, Iran by @notebyzahra

150

27

10 days ago

فرض کن وارد صفحه‌ی یه محصول شدی که می‌خوای بخری.

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

تو فقط دنبال یه چیزی می‌گردی:
«بالاخره برای خرید باید کجا رو بزنم؟»

مشکل کمبود اطلاعات نیست؛ مشکل اینه که همه‌ی اطلاعات دارن برای توجه تو رقابت می‌کنن.

اینجاست که Visual Hierarchy اهمیت پیدا می‌کنه.

Hierarchy یعنی با اندازه، وزن فونت، رنگ، Contrast، فاصله و جای عناصر به چشم کاربر مسیر بدیم:

اول این → بعد این → اگر خواستی، این

مثلاً توی یه صفحه‌ی محصول، قیمت و CTA اصلی می‌تونن توجه بیشتری بگیرن و جزئیاتی مثل اطلاعات تکمیلی، گزینه‌های ثانویه و توضیحات در لایه‌های بعدی قرار بگیرن.

چون وقتی همه‌چی مهم به نظر برسه، عملاً هیچ‌چیز مهم نیست.

Good hierarchy guides attention. 👀

Day 05/10 — UX Mistakes

#VisualHierarchy #UXDesign #ProductDesign #UIDesign #userexperience taken in Tehran, Iran by @notebyzahra

129

28

a month ago

هرچی فیلد بیشتر، اطلاعات بیشتر؟ شاید.
تجربه بهتر؟ لزوماً نه. 👀

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

فقط چیزی رو بپرس که برای همین مرحله لازمه.

بقیه؟ وقتی واقعاً بهش نیاز داشتی.

Ask less. Get users moving.

Day 04/10 — UX Mistakes

#FormUX #UXDesign #ProductDesign #UIUX taken in Tehran, Iran by @notebyzahra

148

50

a month ago

🧡

Error Message فقط برای این نیست که به کاربر بگیم «یه مشکلی پیش اومده».

وقتی کاربر با خطا مواجه می‌شه، مسیرش متوقف شده و چیزی که واقعاً نیاز داره اینه که بفهمه:
🔹 چه اتفاقی افتاده؟
🔹 چرا اتفاق افتاده؟
🔹 و مهم‌تر از همه، الان باید چیکار کنه؟
———
یک Error خوب، کاربر رو توی بن‌بست رها نمی‌کنه؛
بهش مسیر برگشت می‌ده.⁩

#ux taken in Tehran, Iran by @notebyzahra

144

28

a month ago

🩵
تا حالا فقط برای اینکه یه چیزی رو ببینی، مجبور شدی اول Sign up کنی؟ 👀

این دقیقاً همون Forced Sign-upـه.

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

کاربر اول باید بفهمه:
«این محصول چه ارزشی برام داره؟»

بعد ازش بخوایم:
«حالا ثبت‌نام کن.»

نه برعکس. :)

البته همیشه Sign-up اجباری اشتباه نیست؛ گاهی برای عملکرد اصلی محصول ضروریه. مسئله اینه که کِی و چرا از کاربر می‌خوایمش. taken in Tehran, Iran by @notebyzahra

155

25

2 months ago

Does it look clickable? 👀
اگه نه، احتمالاً یه جای کار می‌لنگه!

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

و یه اصل ساده:
Don’t make users guess. ✨ taken in Tehran, Iran by @notebyzahra

257

50

2 months ago

پس سلام. taken in Tehran, Iran by @notebyzahra

200

102

2 months ago

[ فروشگاه بله ]

محصول جذاب و دوست‌داشتنی‌ای که توی چندماه تجربه‌م که در "پیام‌رسان بله" مشغول بودم متولد شد.
تو این کیس استادی صفر تا صد فرایند به بلوغ رسیدن این محصول رو می‌تونید ببینید.
برای مشاهده کامل این کیس‌استادی به صفحه Behance یا dribbbleسر بزنید.
• behance.net/zahrasabouri
• dribbble.com/zahraasabouri

پی‌نوشت:
حضور در بله برای من بسیار رشددهنده و پر از مزیت بود.
آشنایی با تیم فوق‌العاده فعال و باهوش و اهل تعاملی که مملو از خلاقیت و مصداق بارز راهی خواهم ساخت بودن.
حضور در تیم طراحی بله خصوصا مصطفی فرهمند عزیز ( @mim.farahmand ) که همیشه در طول فرایندهایی که طی میشد کنارم بود.
و فروشگاه بله که برام خیلی عزیزه و دوست دارم روز به‌ روز رشد و ترقی‌ش رو شاهد باشم.

#ui #ux #product #product_design #shop #bale_messenger #casestudy #figma #icon #category #کیس_استادی #فروشگاه_بله #طراحی_تجربه_کاربری #طراحی_رابط_کاربری #تجربه_کاربری #رابط_کاربری #تحلیل #کامپوننت #ریدیزاین #فیگما #آیکون #دسته_بندی taken in Tehran, Iran by @notebyzahra

196

71

3 years ago

• coat #shopping application!
‌
‌
‌
#ui #ux #app #application #shop #coat #userinterface #userexperience #design #creative #concept taken in Tehran, Iran by @notebyzahra

212

112

5 years ago

●
▪︎ Mountain Tour⛰
▪︎ website
.
.
.
#uxui #ux #uidesign #ui #uxdesign #fitness #web #design #designer #website #mountain #mountain_tour #tour #select #tourism #home taken in Tehran, Iran by @notebyzahra

168

45

5 years ago

🎬📍
• film application consept
• #zahrasabouri
_______
#movie #film #ui #uiux #uidesign
#ux #uxdesign #userexperience #userinterface #leontheprofessional #spiderman #madmax #application taken in Tehran, Iran by @notebyzahra

187

79

5 years ago

▪️
🔘 -Sport Club
🔘 -Dark theme
.
.
.
#uxui #ux #uidesign #ui #uxdesign #makeen #sport #sport_club #fitness #app #design #designer taken in Tehran, Iran by @notebyzahra

174

54

6 years ago