اشتباهات رایج در معماری اطلاعات
ساختار اطلاعات بد باعث اکثر شکستهای مستقیم کاربر میشود که در دو دسته ساختار اطلاعات و نوگیشین تقسيم میشوند. در حالت استاندارد و درست این دو باید از یکدیگر پشتیبانی کنند و با کمک جستجو بتوان پیچیدگیها، ناهماهنگیها و گزینههای پنهان را برای کاربر از بین برد.
در این مقاله به اشتباهات رایجی که در دنیای واقعی برای ما کمک کننده و مفید بوده اما در دنیای دیجیتال باعث گمراهی و گیج شدن کاربر میشود، پرداخته شده است. گاهی با اطلاعات سایت مانند باتلاق رفتار میشود و برای موارد منفرد هیچ ساختار قابل فهمی تعریف نمیشود و امکان مکان یابی را از کاربر میگیرد و یا بعضی محصولات را در چند دسته بندی قرار میدهند که باعث گیجی بیشتر کاربر میشود.
توصیه میکنم حتما این اشتباهات را مطالعه کنید تا تجربه کاربر بهتری به کاربران خود هدیه دهید.
https://bit.ly/dxgn1022
گردآورنده: فروزان فاضلی
(زمان حدودی مطالعه: ۱۰ دقیقه)
#تجربه_کاربر #معماری_اطلاعات #IA
@Dexign فلسفه دیزاین
_________
ساختار اطلاعات بد باعث اکثر شکستهای مستقیم کاربر میشود که در دو دسته ساختار اطلاعات و نوگیشین تقسيم میشوند. در حالت استاندارد و درست این دو باید از یکدیگر پشتیبانی کنند و با کمک جستجو بتوان پیچیدگیها، ناهماهنگیها و گزینههای پنهان را برای کاربر از بین برد.
در این مقاله به اشتباهات رایجی که در دنیای واقعی برای ما کمک کننده و مفید بوده اما در دنیای دیجیتال باعث گمراهی و گیج شدن کاربر میشود، پرداخته شده است. گاهی با اطلاعات سایت مانند باتلاق رفتار میشود و برای موارد منفرد هیچ ساختار قابل فهمی تعریف نمیشود و امکان مکان یابی را از کاربر میگیرد و یا بعضی محصولات را در چند دسته بندی قرار میدهند که باعث گیجی بیشتر کاربر میشود.
توصیه میکنم حتما این اشتباهات را مطالعه کنید تا تجربه کاربر بهتری به کاربران خود هدیه دهید.
https://bit.ly/dxgn1022
گردآورنده: فروزان فاضلی
(زمان حدودی مطالعه: ۱۰ دقیقه)
#تجربه_کاربر #معماری_اطلاعات #IA
@Dexign فلسفه دیزاین
_________
Nielsen Norman Group
Top 10 Information Architecture (IA) Mistakes
Structure and navigation must support each other and integrate with search and across subsites. Complexity, inconsistency, hidden options, and clumsy UI mechanics prevent users from finding what they need.
👍1
چرا دسترسی پذیری رنگها در طراحی مهم است؟
شروع کار روی پروژهای جدید همیشه هیجان انگیز است: انجام تحقیقات، درک هدف، انتخاب پالت رنگ و توسعه ایدهها.
با این حال، در هر مرحله باید مراقب باشید تا چیزهایی را که ممکن است جزئی به نظر برسند، اما برای بخش زیادی از افراد و کاربرانی که برای آنها کار می کنید ضروری هستند را رها نکنید.
یکی از این موارد دسترسی پذیری است.
دسترسیپذیری را می توان به عنوان قابلیت دسترسی و بهرهمندی از یک سیستم در نظر گرفت. با این حال، تحقیق و توسعه در حوزه دسترس پذیری مزایایی را برای همه به ارمغان می آورد.
دسترسی پذیری رنگها در طراحی
دسترسی پذیری موضوعی است که حوزههای نامحدودی را در بر می گیرد، اما چیزی که امروز میخواهیم روی آن تمرکز کنم این است که چگونه دسترسی پذیری یک وب سایت یا یک اپلیکیشن را از طریق استفاده از پالت رنگ مناسب بهبود بخشیم.
قابلیت دسترسی پذیری رنگها (Color Accessibility) افراد مبتلا به اختلالات بینایی یا نقصان بینایی رنگی را قادر میسازد تا تجربیات دیجیتال را به صورت بدون نقص تجربه کنند.
حال این سوال در ذهن ایجاد میشود که چگونه میتوانیم پروژههای خود را قابل دسترستر کنیم؟ خوشبختانه پلاگینهای متعددی وجود دارند که به ما در انتخاب بهترین رنگها کمک میکنند. معروفترین و کارآمدترین آن ها Stark است که برای Sketch، Adobe Xd، و Figma در دسترس است.
ما این موضوع را با گفتن این که طراحی و دسترسی پذیری دست به دست هم میدهند، معرفی کردیم. اما دسترسی پذیری نه تنها طراحی را در بر میگیرد بلکه دسترسی پذیری به معنای بهرهوری است. ما به عنوان طراح، باید این جهان را به بهترین شکل آن بهبود بخشیم.
https://bit.ly/dxgn1026
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فاطمه عبداللهی
#تجربه_کاربر #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
شروع کار روی پروژهای جدید همیشه هیجان انگیز است: انجام تحقیقات، درک هدف، انتخاب پالت رنگ و توسعه ایدهها.
با این حال، در هر مرحله باید مراقب باشید تا چیزهایی را که ممکن است جزئی به نظر برسند، اما برای بخش زیادی از افراد و کاربرانی که برای آنها کار می کنید ضروری هستند را رها نکنید.
یکی از این موارد دسترسی پذیری است.
دسترسیپذیری را می توان به عنوان قابلیت دسترسی و بهرهمندی از یک سیستم در نظر گرفت. با این حال، تحقیق و توسعه در حوزه دسترس پذیری مزایایی را برای همه به ارمغان می آورد.
دسترسی پذیری رنگها در طراحی
دسترسی پذیری موضوعی است که حوزههای نامحدودی را در بر می گیرد، اما چیزی که امروز میخواهیم روی آن تمرکز کنم این است که چگونه دسترسی پذیری یک وب سایت یا یک اپلیکیشن را از طریق استفاده از پالت رنگ مناسب بهبود بخشیم.
قابلیت دسترسی پذیری رنگها (Color Accessibility) افراد مبتلا به اختلالات بینایی یا نقصان بینایی رنگی را قادر میسازد تا تجربیات دیجیتال را به صورت بدون نقص تجربه کنند.
حال این سوال در ذهن ایجاد میشود که چگونه میتوانیم پروژههای خود را قابل دسترستر کنیم؟ خوشبختانه پلاگینهای متعددی وجود دارند که به ما در انتخاب بهترین رنگها کمک میکنند. معروفترین و کارآمدترین آن ها Stark است که برای Sketch، Adobe Xd، و Figma در دسترس است.
ما این موضوع را با گفتن این که طراحی و دسترسی پذیری دست به دست هم میدهند، معرفی کردیم. اما دسترسی پذیری نه تنها طراحی را در بر میگیرد بلکه دسترسی پذیری به معنای بهرهوری است. ما به عنوان طراح، باید این جهان را به بهترین شکل آن بهبود بخشیم.
https://bit.ly/dxgn1026
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فاطمه عبداللهی
#تجربه_کاربر #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
Medium
Why is Color Accessibility important in Design?
It’s always exciting to start working on a new project: doing research, understanding the target, choosing a color palette, developing…
👍7⚡1
استفاده از ChatGPT برای UX Writing
به طور کلی ChatGPT برای بخشهای مربوط به UX Writing بسیار مفید است، اما چند جنبه منفی نیز دارد، مانند تمایل به نوشتن پاراگرافهای طولانی، حتی در مواردی که به یک جمله کوتاه نیاز دارند .
همچنین ChatGPT گرایش به پاسخهای یکنواخت دارد که مشکل ساز است زیرا افراد خواندن متون طولانی را دوست ندارند، به خصوص اگر این متون بسیار یکنواخت نوشته شده باشند، و در نهایت ChatGPT میتواند پاسخهای نامربوط برای برخی از سؤالات ارائه دهد.
چت GPT نمی تواند جایگزین نویسندگان UX شود (حداقل در حال حاضر). برای استفاده حداکثری از این ابزار، به دانش و مهارتهای مرتبط در UX Writing نیاز دارید، زیرا یک نویسنده UX باید خروجیهایی را که ابزار ارائه میدهد تعدیل و دقیق کند.
در این مقاله به بررسی ۹ سناریو محبوب زیر پرداخته میشود:
۱. برچسب دکمه Call to action
۲. پیام سفارش داده شده است
۳. دعوت به بررسی یک محصول
۴. رمز عبور اشتباه است
۵. پیام کالا در انبار موجود نیست
۶. پیام تخفیف
۷. سیاست بازگشت محصول
۸. عضویت در خبرنامه
۹. بخش پرسش و پاسخ
برای مطالعه کامل مقابه به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1027
(زمان حدودی مطالعه :۸ دقیقه)
گرد آورنده :آنالی فخرالدینی
#هوش_مصنوعی
@Dexign فلسفه دیزاین
_________
به طور کلی ChatGPT برای بخشهای مربوط به UX Writing بسیار مفید است، اما چند جنبه منفی نیز دارد، مانند تمایل به نوشتن پاراگرافهای طولانی، حتی در مواردی که به یک جمله کوتاه نیاز دارند .
همچنین ChatGPT گرایش به پاسخهای یکنواخت دارد که مشکل ساز است زیرا افراد خواندن متون طولانی را دوست ندارند، به خصوص اگر این متون بسیار یکنواخت نوشته شده باشند، و در نهایت ChatGPT میتواند پاسخهای نامربوط برای برخی از سؤالات ارائه دهد.
چت GPT نمی تواند جایگزین نویسندگان UX شود (حداقل در حال حاضر). برای استفاده حداکثری از این ابزار، به دانش و مهارتهای مرتبط در UX Writing نیاز دارید، زیرا یک نویسنده UX باید خروجیهایی را که ابزار ارائه میدهد تعدیل و دقیق کند.
در این مقاله به بررسی ۹ سناریو محبوب زیر پرداخته میشود:
۱. برچسب دکمه Call to action
۲. پیام سفارش داده شده است
۳. دعوت به بررسی یک محصول
۴. رمز عبور اشتباه است
۵. پیام کالا در انبار موجود نیست
۶. پیام تخفیف
۷. سیاست بازگشت محصول
۸. عضویت در خبرنامه
۹. بخش پرسش و پاسخ
برای مطالعه کامل مقابه به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1027
(زمان حدودی مطالعه :۸ دقیقه)
گرد آورنده :آنالی فخرالدینی
#هوش_مصنوعی
@Dexign فلسفه دیزاین
_________
Medium
Using ChatGPT for UX Writing
Exploring 9 popular scenarios
👍10👌1🤝1
استفاده از ChatGPT برای تحقیقات کاربر
در این مقاله، به اینکه آیا ChatGPT میتواند برای تحقیقات کاربر و بازار مفید باشد یا خیر پرداخته شده است. برای مشخصتر کردن این موضوع، از ChatGPT برای انجام تحقیقاتی برای برنامه تلفن همراه رزرو هتل جدید با تمرکز بر بازار ایالات متحده استفاده شده است .
چت GPT نمیتواند به عنوان یک جایگزین کامل برای محققان کاربر انسانی استفاده شود، هرچند این ابزار بهترین دستیار دیجیتالی است که میتواند برخی از فعالیتهای تحقیقاتی را سرعت بخشد.
* این مقاله به صورت ویدئویی نیز موجود است.
همچنین این مقاله استفاده از هوش مصنوعی در۴ فعالیت مشترک تحقیقاتی کاربر را توضیح داده است که شامل :
۱. تجزیه و تحلیل رقبا
۲. تعریف معیارهای کلیدی کسب و کار
۳. شناسایی کاربران خود و رفتار آنها
۴. دستیابی به مخاطبان هدف برای بینش
برای مطالعه کامل مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1028
(زمان حدودی مطالعه: ۱۰ دقیقه)
گرد آورنده: آنالی فخرالدینی
#هوش_مصنوعی
@Dexign فلسفه دیزاین
_________
در این مقاله، به اینکه آیا ChatGPT میتواند برای تحقیقات کاربر و بازار مفید باشد یا خیر پرداخته شده است. برای مشخصتر کردن این موضوع، از ChatGPT برای انجام تحقیقاتی برای برنامه تلفن همراه رزرو هتل جدید با تمرکز بر بازار ایالات متحده استفاده شده است .
چت GPT نمیتواند به عنوان یک جایگزین کامل برای محققان کاربر انسانی استفاده شود، هرچند این ابزار بهترین دستیار دیجیتالی است که میتواند برخی از فعالیتهای تحقیقاتی را سرعت بخشد.
* این مقاله به صورت ویدئویی نیز موجود است.
همچنین این مقاله استفاده از هوش مصنوعی در۴ فعالیت مشترک تحقیقاتی کاربر را توضیح داده است که شامل :
۱. تجزیه و تحلیل رقبا
۲. تعریف معیارهای کلیدی کسب و کار
۳. شناسایی کاربران خود و رفتار آنها
۴. دستیابی به مخاطبان هدف برای بینش
برای مطالعه کامل مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1028
(زمان حدودی مطالعه: ۱۰ دقیقه)
گرد آورنده: آنالی فخرالدینی
#هوش_مصنوعی
@Dexign فلسفه دیزاین
_________
Medium
Using ChatGPT for User Research
Applying AI to 4 common user research activities
🔥4❤🔥1
سلام روزتون به خیر!
کلمات و جملات از اصلیترین عناصر تشکیلدهنده یک محصول چاپی یا دیجیتال هستند که بخش بزرگی از انتقال مفاهیم به مخاطب را برعهده دارند. تایپوگرافی ابزار یک طراح به منظور طراحی نحوه ارائه این کلمات و جملات است که موجب توجه بیشتر و درک بهتر مخاطب نسبت به مطلب (ارتباط بهتر با مخاطب) میشود.
در این جلسه از دکستاک، قصد داریم که با نگاهی به کتاب عناصر سبک تایپوگرافی، نوشته طراح تایپ کانادایی، رابرت برینگهورست، درباره تایپوگرافی ، لیاوت و تناسب، نحوه استفاده از فونتها و انتخاب و ترکیب فونت برای صفحه نمایش صحبت کنیم.
زمان برگزاری جلسه:
دوشنبه ۲۲ اسفند ساعت ۱۷:۳۰ تا ۱۹:۳۰
لینک ثبتنام:
https://eseminar.tv/wb96665
به امید دیدار ✨
@Dexign فلسفه دیزاین
_________
کلمات و جملات از اصلیترین عناصر تشکیلدهنده یک محصول چاپی یا دیجیتال هستند که بخش بزرگی از انتقال مفاهیم به مخاطب را برعهده دارند. تایپوگرافی ابزار یک طراح به منظور طراحی نحوه ارائه این کلمات و جملات است که موجب توجه بیشتر و درک بهتر مخاطب نسبت به مطلب (ارتباط بهتر با مخاطب) میشود.
در این جلسه از دکستاک، قصد داریم که با نگاهی به کتاب عناصر سبک تایپوگرافی، نوشته طراح تایپ کانادایی، رابرت برینگهورست، درباره تایپوگرافی ، لیاوت و تناسب، نحوه استفاده از فونتها و انتخاب و ترکیب فونت برای صفحه نمایش صحبت کنیم.
زمان برگزاری جلسه:
دوشنبه ۲۲ اسفند ساعت ۱۷:۳۰ تا ۱۹:۳۰
لینک ثبتنام:
https://eseminar.tv/wb96665
به امید دیدار ✨
@Dexign فلسفه دیزاین
_________
🔥2👍1👌1
ترند های بصری ۲۰۲۳
در مسیرکاری ما همیشه به روز بودن مهم بوده و لازم است در دیزاینهای خود به ترندها توجه کنیم و از استفاده دیزاینهای قدیمی و از کار افتاده جلوگیری کنیم. هرسال ترندهایی معرفی میشود که بعضی از آنها باقی ماندند یا تکامل یافتند و به چیزی خاص تر تبدیل شدند، بعضیها از بین رفته اند و بعضیها بازگشت بزرگی در صنعت داشتهاند.
۱- اولين المان ترند در سال جديد که امروزه در طراحی های زیادی دیده میشود و کاربران دوست دارند تا در المانهای گرافیکی حس زنده بودن را بگیرند موشنها هستند. این موشنها شامل میکرواینتراکش ها و یا موشن تمام صفحه میشود.
۲-طراحی مینیمال : این مدل طراحی در سالهای متوالی در ترندها بوده و پیش بینی میشود که باقی بماند و در صورت طراحی مینیمال طرح شما تا سالها ترند و به روز خواهد ماند.
۳-استفاده از گرادینتهای نرم و چند رنگ: گرادینت شفق قطبی، فرم ها و اشکال با گرادینت متفاوت و رنگارنگ در پس زمینه که حس قوی و پر جنب و جوشی را القا میکند.
۴-طراحی تک رنگ یا استفاده از کنتراست بالا: کنتراست بالا باعث تحرک تمرکز در آن قسمت میشود و به لطف دید خوب عناصر و متن، رابط را کاملاً در دسترس قرار می دهد، مگر اینکه در کنتراست زیاده روی کنید و باعث خستگی چشم شوید.
۵-استفاده از دارک مود: در گذشته دارک مود یک آپشن بود اما امروزه بسیار گسترده شده و برندهای بسیاری به این سمت رفتهاند.
۶- عناصر مرواریدی و کریستالی و انعكاس آنها در واقعیت که شاید بتوان گفت این استایل برگرفته از استایل شیشه مورفیسم و تکامل یافته آن است.
۷-استفاده از تایپوگرافیکهای غولآسا
۸-طراحی به سبک مجلههای دهه ۸۰ و ۹۰ و قدیمی
توصیه میکنم حتما از لینک زیر به مقاله سر بزنید تا هر مورد را نمونهای که قرارداده شده ببینید.
https://bit.ly/dxgn2029
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فروزان فاضلی
#UI
#طراحی_رابط_کاربر #ترندهای_طراحی
@Dexign فلسفه دیزاین
_________
در مسیرکاری ما همیشه به روز بودن مهم بوده و لازم است در دیزاینهای خود به ترندها توجه کنیم و از استفاده دیزاینهای قدیمی و از کار افتاده جلوگیری کنیم. هرسال ترندهایی معرفی میشود که بعضی از آنها باقی ماندند یا تکامل یافتند و به چیزی خاص تر تبدیل شدند، بعضیها از بین رفته اند و بعضیها بازگشت بزرگی در صنعت داشتهاند.
۱- اولين المان ترند در سال جديد که امروزه در طراحی های زیادی دیده میشود و کاربران دوست دارند تا در المانهای گرافیکی حس زنده بودن را بگیرند موشنها هستند. این موشنها شامل میکرواینتراکش ها و یا موشن تمام صفحه میشود.
۲-طراحی مینیمال : این مدل طراحی در سالهای متوالی در ترندها بوده و پیش بینی میشود که باقی بماند و در صورت طراحی مینیمال طرح شما تا سالها ترند و به روز خواهد ماند.
۳-استفاده از گرادینتهای نرم و چند رنگ: گرادینت شفق قطبی، فرم ها و اشکال با گرادینت متفاوت و رنگارنگ در پس زمینه که حس قوی و پر جنب و جوشی را القا میکند.
۴-طراحی تک رنگ یا استفاده از کنتراست بالا: کنتراست بالا باعث تحرک تمرکز در آن قسمت میشود و به لطف دید خوب عناصر و متن، رابط را کاملاً در دسترس قرار می دهد، مگر اینکه در کنتراست زیاده روی کنید و باعث خستگی چشم شوید.
۵-استفاده از دارک مود: در گذشته دارک مود یک آپشن بود اما امروزه بسیار گسترده شده و برندهای بسیاری به این سمت رفتهاند.
۶- عناصر مرواریدی و کریستالی و انعكاس آنها در واقعیت که شاید بتوان گفت این استایل برگرفته از استایل شیشه مورفیسم و تکامل یافته آن است.
۷-استفاده از تایپوگرافیکهای غولآسا
۸-طراحی به سبک مجلههای دهه ۸۰ و ۹۰ و قدیمی
توصیه میکنم حتما از لینک زیر به مقاله سر بزنید تا هر مورد را نمونهای که قرارداده شده ببینید.
https://bit.ly/dxgn2029
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فروزان فاضلی
#UI
#طراحی_رابط_کاربر #ترندهای_طراحی
@Dexign فلسفه دیزاین
_________
Medium
2023 visual design trends guide
The rise of motion design, parallax, immersion, contrasting UI styles, imitations and more
👍10👎2👌2🙏1
📣🚨📣
آخرین مهلت ثبتنام دورههای آکادمی دیزاین با قیمتهای سال ۱۴۰۱
https://dexignacademy.com/enroll
@Dexign فلسفه دیزاین
_________
آخرین مهلت ثبتنام دورههای آکادمی دیزاین با قیمتهای سال ۱۴۰۱
https://dexignacademy.com/enroll
@Dexign فلسفه دیزاین
_________
❤2
مدل های ذهنی کاربران را برای معماری اطلاعات بهتر کشف کنید
بخش مهمی از ایجاد تجربه کاربری آسان و خوب، سازماندهی اطلاعات براساس مدل ذهنی کاربران است تا بتوانند انچه را که میخواهند به راحتی پیدا کنند. بیشتر اوقات محتوا براساس آنچه که برای بیزینس منطقی است سازماندهی میشود و یکی از راههای دستیابی به مدل ذهنی کاربر “مرتبسازی کارت یا cart sorting است.
مرتبسازی کارت به دو صورت انجام میگیرد:
مرتبسازی بصورت باز که در این حالت کاربر به صورت آزادانه کارتها را دسته بندی و نامگذاری میکند. و مرتبسازی بصورت بسته که کاربر فقط باید کارتها را در دستههایی که شما مشخص کردهاید قرار دهد که هر کدام نیز میتوانند به صورت تعديل شده یا تعديل نشده انجام داد، به این شکل که تنها از کاربر بخواهید تا مرتبسازی انجام دهد و یا در هنگام مرتبسازی از کاربر سوال بپرسید و دلایل انتخابهایش را متوجه شوید تا دستهبندیها دقيقتر و درستتر انجام شوند.
این مقاله علاوه بر پرداختن به مرتبسازی باز و تشریح مراحل، به معایب و مزایای مدلها نیز پرداخته است.
https://bit.ly/dxgn1024
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #معماری_اطلاعات
#IA #card_sorting
@Dexign فلسفه دیزاین
_________
بخش مهمی از ایجاد تجربه کاربری آسان و خوب، سازماندهی اطلاعات براساس مدل ذهنی کاربران است تا بتوانند انچه را که میخواهند به راحتی پیدا کنند. بیشتر اوقات محتوا براساس آنچه که برای بیزینس منطقی است سازماندهی میشود و یکی از راههای دستیابی به مدل ذهنی کاربر “مرتبسازی کارت یا cart sorting است.
مرتبسازی کارت به دو صورت انجام میگیرد:
مرتبسازی بصورت باز که در این حالت کاربر به صورت آزادانه کارتها را دسته بندی و نامگذاری میکند. و مرتبسازی بصورت بسته که کاربر فقط باید کارتها را در دستههایی که شما مشخص کردهاید قرار دهد که هر کدام نیز میتوانند به صورت تعديل شده یا تعديل نشده انجام داد، به این شکل که تنها از کاربر بخواهید تا مرتبسازی انجام دهد و یا در هنگام مرتبسازی از کاربر سوال بپرسید و دلایل انتخابهایش را متوجه شوید تا دستهبندیها دقيقتر و درستتر انجام شوند.
این مقاله علاوه بر پرداختن به مرتبسازی باز و تشریح مراحل، به معایب و مزایای مدلها نیز پرداخته است.
https://bit.ly/dxgn1024
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #معماری_اطلاعات
#IA #card_sorting
@Dexign فلسفه دیزاین
_________
Nielsen Norman Group
Card Sorting: Uncover Users' Mental Models for Better Information Architecture
Card sorting is a UX research technique in which users organize topics into groups. Use it to create an IA that suits your users' expectations.
👍2
استفاده از گرید در طراحی
گریدها به طراحان کمک میکنند تا طرح بندی منسجمی ایجاد کنند و به کاربران نهایی اجازه میدهند تا به راحتی از آنها استفاده کنند. یک گرید خوب با اندازهها و جهت گیریهای مختلف صفحه نمایش همسان میشود و سازگاری بین پلتفرمها را تضمین میکند.
گرید از ستونها، فاصلهها (شیارها) و حاشیهها تشکیل شده است که ساختاری برای چیدمان عناصر در یک صفحه فراهم میکند.
ستونها:
ستونها بیشتر قسمتهای گرید را تشکیل میدهند. عناصر و محتوا در ستونها قرار میگیرند. برای سازگاری با هر اندازه صفحه نمایش، عرض ستونها عموما به جای مقادیر ثابت با درصد تعریف میشوند و تعداد ستونها متفاوت خواهد بود. به عنوان مثال، یک گرید در موبایل ممکن است ۴ ستون و گریدی در دسکتاپ ممکن است ۱۲ ستون داشته باشد.
فاصلهها (شیارها):
گواتر(شیارها) فضای بین ستونها است که عناصر و محتوا را از ستون های مختلف جدا میکند. پهنای گواترها مقادیر ثابتی هستند. برای مثال، گواترهای عریضتر برای صفحات نمایش بزرگتر مناسبند، در حالی که گواترهای کوچکتر برای صفحات نمایش کوچکتر مانند موبایل مناسب هستند.
حاشیهها:
حاشیهها به قسمتهای بیرونی چپ و راست صفحه نمایش اشاره دارد. محتوایی در حاشیه گرید قرار داده نمیشود.
مزایا گرید:
-طراحان می توانند با سرعت بیشتری محتوا را به خوبی در کنار هم قرار دهند.
-کاربران به راحتی میتوانند محتوای مبتنی بر گرید را مشاهده و استفاده کنند.
نتیجهگیری:
گریدها نه تنها ساختاری برای طراحان فراهم میکنند که براساس آن چیدمانها را پایه گذاری کنند، بلکه خوانایی و قابلیت استفاده را برای کاربران نهایی بهبود میبخشند. از یک سیستم گرید خوب استفاده کنید که به راحتی با اندازههای مختلف صفحه نمایش سازگار میشود.
https://bit.ly/dxgn2030
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربر
@Dexign فلسفه دیزاین
_________
گریدها به طراحان کمک میکنند تا طرح بندی منسجمی ایجاد کنند و به کاربران نهایی اجازه میدهند تا به راحتی از آنها استفاده کنند. یک گرید خوب با اندازهها و جهت گیریهای مختلف صفحه نمایش همسان میشود و سازگاری بین پلتفرمها را تضمین میکند.
گرید از ستونها، فاصلهها (شیارها) و حاشیهها تشکیل شده است که ساختاری برای چیدمان عناصر در یک صفحه فراهم میکند.
ستونها:
ستونها بیشتر قسمتهای گرید را تشکیل میدهند. عناصر و محتوا در ستونها قرار میگیرند. برای سازگاری با هر اندازه صفحه نمایش، عرض ستونها عموما به جای مقادیر ثابت با درصد تعریف میشوند و تعداد ستونها متفاوت خواهد بود. به عنوان مثال، یک گرید در موبایل ممکن است ۴ ستون و گریدی در دسکتاپ ممکن است ۱۲ ستون داشته باشد.
فاصلهها (شیارها):
گواتر(شیارها) فضای بین ستونها است که عناصر و محتوا را از ستون های مختلف جدا میکند. پهنای گواترها مقادیر ثابتی هستند. برای مثال، گواترهای عریضتر برای صفحات نمایش بزرگتر مناسبند، در حالی که گواترهای کوچکتر برای صفحات نمایش کوچکتر مانند موبایل مناسب هستند.
حاشیهها:
حاشیهها به قسمتهای بیرونی چپ و راست صفحه نمایش اشاره دارد. محتوایی در حاشیه گرید قرار داده نمیشود.
مزایا گرید:
-طراحان می توانند با سرعت بیشتری محتوا را به خوبی در کنار هم قرار دهند.
-کاربران به راحتی میتوانند محتوای مبتنی بر گرید را مشاهده و استفاده کنند.
نتیجهگیری:
گریدها نه تنها ساختاری برای طراحان فراهم میکنند که براساس آن چیدمانها را پایه گذاری کنند، بلکه خوانایی و قابلیت استفاده را برای کاربران نهایی بهبود میبخشند. از یک سیستم گرید خوب استفاده کنید که به راحتی با اندازههای مختلف صفحه نمایش سازگار میشود.
https://bit.ly/dxgn2030
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربر
@Dexign فلسفه دیزاین
_________
Nielsen Norman Group
Using Grids in Interface Designs
Grids help designers create cohesive layouts, allowing end users to easily scan and use interfaces. A good grid adapts to various screen sizes and orientations, ensuring consistency across platforms.
👍9
نقش رنگ در طراحی رابط کاربری
رنگ یکی از عناصر مهم طراحی رابط کاربری (UI) است چرا که توانایی تاثیرگذاری بر عملکرد و قابلیت استفاده از محصول را دارد. وقتی از رنگ به طور موثر استفاده شود، میتواند به راهنمای کاربران از طریق محصول و جذابتر کردن آن محصول از نظر بصری کمک کند. در این مقاله به بررسی راههای مختلف استفاده از رنگ در طراحی رابط کاربری و چگونگی استفاده موثر از آن برای بهبود تجربه کاربری خواهیم پرداخت.
یکی از وظایف اصلی رنگ در طراحی رابط کاربری کمک به تمایز بین عناصر مختلف روی صفحه نمایش است. به عنوان مثال، استفاده از رنگهای مختلف برای دکمهها یا دیگر عناصر تعاملی میتواند درک هدف و نحوه تعامل با آنها را برای کاربران آسانتر کند. به طور مشابه، استفاده از رنگ از طریق برجسته کردن اطلاعات مهم یا جداسازی بصری بخشهای مختلف رابط کاربری میتواند به کاربران کمک کند.
علاوه بر استفادههای کاربردی رنگ، می توان از آن برای ایجاد یک حالت یا فضای خاص در محصول نیز استفاده کرد.
لازم به ذکر است که انتخاب رنگ نباید به صورت دل خواه باشد، بلکه باید بر اساس یک پالت رنگی باشد. پالت رنگ مجموعهای از رنگها است که به طور هماهنگ با هم کار میکنند و می توانند شامل یک رنگ بندی اولیه، رنگ بندی ثانویه و رنگهای برجسته باشند. علاوه بر جنبههای کاربردی و احساسی رنگها، طراحان باید دسترس پذیری را نیز در هنگام استفاده از رنگ در طراحی رابط کاربری در نظر بگیرند. این به معنای اطمینان از قابل استفاده بودن و قابل درک بودن محصول توسط کاربران با اختلالات بینایی است. به عنوان مثال، استفاده از کنتراست کافی بین رنگ های متن و پس زمینه می تواند به بهبود خوانایی برای کاربران با دید پایین کمک کند.
در مجموع، رنگ ابزاری قدرتمند در طراحی رابط کاربری است و میتواند برای متمایز کردن عناصر، ایجاد یک حالت و بهبود دسترسی پذیری مورد استفاده قرار گیرد.
https://bit.ly/dxgn2031
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربر #رنگ
@Dexign فلسفه دیزاین
_________
رنگ یکی از عناصر مهم طراحی رابط کاربری (UI) است چرا که توانایی تاثیرگذاری بر عملکرد و قابلیت استفاده از محصول را دارد. وقتی از رنگ به طور موثر استفاده شود، میتواند به راهنمای کاربران از طریق محصول و جذابتر کردن آن محصول از نظر بصری کمک کند. در این مقاله به بررسی راههای مختلف استفاده از رنگ در طراحی رابط کاربری و چگونگی استفاده موثر از آن برای بهبود تجربه کاربری خواهیم پرداخت.
یکی از وظایف اصلی رنگ در طراحی رابط کاربری کمک به تمایز بین عناصر مختلف روی صفحه نمایش است. به عنوان مثال، استفاده از رنگهای مختلف برای دکمهها یا دیگر عناصر تعاملی میتواند درک هدف و نحوه تعامل با آنها را برای کاربران آسانتر کند. به طور مشابه، استفاده از رنگ از طریق برجسته کردن اطلاعات مهم یا جداسازی بصری بخشهای مختلف رابط کاربری میتواند به کاربران کمک کند.
علاوه بر استفادههای کاربردی رنگ، می توان از آن برای ایجاد یک حالت یا فضای خاص در محصول نیز استفاده کرد.
لازم به ذکر است که انتخاب رنگ نباید به صورت دل خواه باشد، بلکه باید بر اساس یک پالت رنگی باشد. پالت رنگ مجموعهای از رنگها است که به طور هماهنگ با هم کار میکنند و می توانند شامل یک رنگ بندی اولیه، رنگ بندی ثانویه و رنگهای برجسته باشند. علاوه بر جنبههای کاربردی و احساسی رنگها، طراحان باید دسترس پذیری را نیز در هنگام استفاده از رنگ در طراحی رابط کاربری در نظر بگیرند. این به معنای اطمینان از قابل استفاده بودن و قابل درک بودن محصول توسط کاربران با اختلالات بینایی است. به عنوان مثال، استفاده از کنتراست کافی بین رنگ های متن و پس زمینه می تواند به بهبود خوانایی برای کاربران با دید پایین کمک کند.
در مجموع، رنگ ابزاری قدرتمند در طراحی رابط کاربری است و میتواند برای متمایز کردن عناصر، ایجاد یک حالت و بهبود دسترسی پذیری مورد استفاده قرار گیرد.
https://bit.ly/dxgn2031
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربر #رنگ
@Dexign فلسفه دیزاین
_________
Medium
The Role of Color in UI Design
Color is a crucial element of UI (user interface) design as it has the ability to influence the mood, functionality, and usability of a…
🙏4❤1
۱۵ پلاگین ضروری برای طراحان UX/UI در سال ۲۰۲۳
در این مطلب، ما ۱۵ پلاگین ضروری فیگما را برای سال ۲۰۲۳معرفی میکنیم که به شما کمک میکند بهرهوری خود را افزایش دهید و طرحهایتان را بهبود بخشید. این پلاگینها که به بخشی حیاتی از جعبه ابزار خلاقیت شما تبدیل میشوند شامل ابزارهایی مثل آیکنپکها یا پلاگینهایی هستند که به شما در ایجاد گرادیانتها و انیمیشنهای شگفتانگیز کمک میکنند. بنابراین بدون هیچ مقدمهای، بیایید نگاهی دقیقتر به این ۱۵ پلاگین بیندازیم.
۱. Deck 2.0
یک راه حل عالی برای طراحانی است که می خواهند طرحهای خود در فیگما را به ارائههای پاورپوینت قابل ویرایش تبدیل کنند. با Deck که از متن و اشکال اصلی پشتیبانی میکند، میتوانید به سرعت طرحهای خود را به قالب ارائه تبدیل کنید. لایههای پشتیبانی نشده به طور خودکار به تصاویر تبدیل میشوند.
۲. Image Tracer
یک پلاگین قوی برای تبدیل سریع تصاویر پیکسلی به وکتور است. شما میتوانید عکسهای خود را به تصاویری با مقیاس بیپایان تبدیل کنید که تمام جزئیات و وضوح اصلی خود را تنها با چند کلیک حفظ میکند. چه طراح، هنرمند یا فقط فردی باشید که به دنبال تبدیل تصاویر به وکتور هستید، Image Tracer پلاگینی ضروری برای جعبه ابزار شما است.
۳. Autoname
پلاگینی که به شما کمک میکند با تغییر نام خودکار تمام لایههای فایل طراحی خود در زمانتان صرفه جویی کنید. این پلاگین از هوش مصنوعی برای نامگذاری دقیق و کارآمد همه لایههای شما با یک کلیک استفاده میکند و نیاز به تلاش طاقتفرسای انسان را از بین میبرد. بنابراین، اگر از تغییر نام دستی لایهها خسته شدهاید و میخواهید کارایی گردش کار خود را بهبود بخشید، Autoname را امتحان کنید.
۴. Color Blind
پلاگین مفیدی است که به شما این امکان را میدهد تا به روشهای مختلف بتوانید طرحهای خود از دید کسانی که دارای کور رنگی هستند بررسی کنید. این پلاگین به ویژه برای طراحان و توسعه دهندگانی مفید است که میخواهند مطمئن شوند کارشان برای همهی افراد قابل دسترسی است.
در ادامهی این مقاله میتوانید با ۱۱ پلاگین معرفی شدهی دیگر آشنا شوید.
لینک مقاله:
https://bit.ly/dxgn2032
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: بهاره حاجوی
#پلاگین#ابزار#فیگما
@Dexign فلسفه دیزاین
_________
در این مطلب، ما ۱۵ پلاگین ضروری فیگما را برای سال ۲۰۲۳معرفی میکنیم که به شما کمک میکند بهرهوری خود را افزایش دهید و طرحهایتان را بهبود بخشید. این پلاگینها که به بخشی حیاتی از جعبه ابزار خلاقیت شما تبدیل میشوند شامل ابزارهایی مثل آیکنپکها یا پلاگینهایی هستند که به شما در ایجاد گرادیانتها و انیمیشنهای شگفتانگیز کمک میکنند. بنابراین بدون هیچ مقدمهای، بیایید نگاهی دقیقتر به این ۱۵ پلاگین بیندازیم.
۱. Deck 2.0
یک راه حل عالی برای طراحانی است که می خواهند طرحهای خود در فیگما را به ارائههای پاورپوینت قابل ویرایش تبدیل کنند. با Deck که از متن و اشکال اصلی پشتیبانی میکند، میتوانید به سرعت طرحهای خود را به قالب ارائه تبدیل کنید. لایههای پشتیبانی نشده به طور خودکار به تصاویر تبدیل میشوند.
۲. Image Tracer
یک پلاگین قوی برای تبدیل سریع تصاویر پیکسلی به وکتور است. شما میتوانید عکسهای خود را به تصاویری با مقیاس بیپایان تبدیل کنید که تمام جزئیات و وضوح اصلی خود را تنها با چند کلیک حفظ میکند. چه طراح، هنرمند یا فقط فردی باشید که به دنبال تبدیل تصاویر به وکتور هستید، Image Tracer پلاگینی ضروری برای جعبه ابزار شما است.
۳. Autoname
پلاگینی که به شما کمک میکند با تغییر نام خودکار تمام لایههای فایل طراحی خود در زمانتان صرفه جویی کنید. این پلاگین از هوش مصنوعی برای نامگذاری دقیق و کارآمد همه لایههای شما با یک کلیک استفاده میکند و نیاز به تلاش طاقتفرسای انسان را از بین میبرد. بنابراین، اگر از تغییر نام دستی لایهها خسته شدهاید و میخواهید کارایی گردش کار خود را بهبود بخشید، Autoname را امتحان کنید.
۴. Color Blind
پلاگین مفیدی است که به شما این امکان را میدهد تا به روشهای مختلف بتوانید طرحهای خود از دید کسانی که دارای کور رنگی هستند بررسی کنید. این پلاگین به ویژه برای طراحان و توسعه دهندگانی مفید است که میخواهند مطمئن شوند کارشان برای همهی افراد قابل دسترسی است.
در ادامهی این مقاله میتوانید با ۱۱ پلاگین معرفی شدهی دیگر آشنا شوید.
لینک مقاله:
https://bit.ly/dxgn2032
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: بهاره حاجوی
#پلاگین#ابزار#فیگما
@Dexign فلسفه دیزاین
_________
Medium
15 Must-Have Figma Plugins for UX/UI Designers in 2023
let’s take a closer look at 15 must-have Figma plugins for UX/UI designers in 2023.
❤14🔥4👌4👍1🍓1
نکاتی از روشهای مصاحبه جهت شناخت بهتر کاربر
نویسنده در این مقاله به نکاتی درباره ۵ مدل روش تحقیقات کاربر با کیس استادی میپردازد که ما در اینجا به سه روش از آنها خواهیم پرداخت.
۱. مصاحبه نیمه ساختاریافته
انجام این مدل مصاحبهها به جونیور ریسرچر کمک میکند تا از اهداف اصلی تحقیق دور نشود و در عین حال که سوالات از پیش تعیین شده اما منعطف است و آمادگی شنیدن داستانهای آنها را نیز دارد.
روش انجام:
- راهنمای مصاحبه را از قبل آماده کنید.
- در ابتدا خود را معرفی کنید و جوی دوستانه ایجاد کنید.
- قبل از انجام مصاحبه اجازه درخواست ضبط جلسه را بدهید تا چیزی را از قلم نیندازید.
تمام موراد ضبط شده و یادداشتهای خود را سازماندهی کنید و به همه دادهها مخصوصاً تجربیات و داستانها بها دهید تا به یافتن مسیرهای جدید و شگفتانگیر کمک کند.
۲. تحقیقات زمینهای
با افرادی که در حیطهی محصول شما کار میکنند ارتباط بگیرید و به طور مستقیم آنها را در حین کار با محصول و همچنین در کارهای روزانه و مدل زندگیشان مشاهده کنید تا به درک عمیقتری نسبت به مدل ارتباطی آنها با محصول برسید.
روش انجام:
- شرکتکنندگانی را انتخاب کنید که مستقیما با محصول یا فعالیتهایی که میخواهید مشاهده کنید در ارتباطند.
- روزانه چند ساعت را به مشاهده آنها بپردازید.
- نحوه کار آنها را یادداشت کنید، اصطلاحات فنی را بیاموزید، اشیا و ابزارهایی که حین تعامل با محصول استفاده میکنند و نحوه تعاملشان با این ابزارها را مستند کنید.
مشاهدات و یادداشتها میتواند به درک نحوه کار افراد، فرهنگ کاری و فعالیتهایشان و نیز به درک عمیقتر فضای کاری و تعامل کمک کند.
۳. کاووشگران فرهنگی
این روش با ابزارهایی که در اختیار شرکتکنندگان قرار میدهد میتواند به مدل ذهنی آنها نزدیک شود و به ویژه برای زمانی مناسب است که فاصله فرهنگی و جغرافیایی بین طراح و جامعه هدف زیاد است.
روش انجام:
- ابزارها و فعالیتهایی که میخواهید مشارکتکننده انجام دهد را به گونهای پیدا کنید که در راستای هدف تحقیقاتی شما باشد و به درک بهتر مدل زندگی آنها کمک کند.
- کیتها را طراحی کنید. اما نه آنقدر شیک که مشارکتکننده احساس راحتی نداشته باشد!
- همه فعالیتهایی که قرار است انجام شود را شرح دهید.
- جلساتی ترتیب دهید تا نظرات بیشتری دریافت کنید و تجربیات مشارکتکننده را از انجام کیت بشنوید.
اطلاعات جمعآوری شده از این روش به منظور درک عمیقتر از شرکتکنندگان و الهام بخشیدن به مسیرهای جدید طراحی کمک کننده است.
متن کامل مقاله را در لینک زیر بخوانید:
https://bit.ly/dxgn1033
گردآورنده: صهبا جابری
(زمان حدودی مطالعه: ۶ دقیقه)
#تجربه_کاربری #مصاحبه #کیس_استادی
@Dexign فلسفه دیزاین
_________
نویسنده در این مقاله به نکاتی درباره ۵ مدل روش تحقیقات کاربر با کیس استادی میپردازد که ما در اینجا به سه روش از آنها خواهیم پرداخت.
۱. مصاحبه نیمه ساختاریافته
انجام این مدل مصاحبهها به جونیور ریسرچر کمک میکند تا از اهداف اصلی تحقیق دور نشود و در عین حال که سوالات از پیش تعیین شده اما منعطف است و آمادگی شنیدن داستانهای آنها را نیز دارد.
روش انجام:
- راهنمای مصاحبه را از قبل آماده کنید.
- در ابتدا خود را معرفی کنید و جوی دوستانه ایجاد کنید.
- قبل از انجام مصاحبه اجازه درخواست ضبط جلسه را بدهید تا چیزی را از قلم نیندازید.
تمام موراد ضبط شده و یادداشتهای خود را سازماندهی کنید و به همه دادهها مخصوصاً تجربیات و داستانها بها دهید تا به یافتن مسیرهای جدید و شگفتانگیر کمک کند.
۲. تحقیقات زمینهای
با افرادی که در حیطهی محصول شما کار میکنند ارتباط بگیرید و به طور مستقیم آنها را در حین کار با محصول و همچنین در کارهای روزانه و مدل زندگیشان مشاهده کنید تا به درک عمیقتری نسبت به مدل ارتباطی آنها با محصول برسید.
روش انجام:
- شرکتکنندگانی را انتخاب کنید که مستقیما با محصول یا فعالیتهایی که میخواهید مشاهده کنید در ارتباطند.
- روزانه چند ساعت را به مشاهده آنها بپردازید.
- نحوه کار آنها را یادداشت کنید، اصطلاحات فنی را بیاموزید، اشیا و ابزارهایی که حین تعامل با محصول استفاده میکنند و نحوه تعاملشان با این ابزارها را مستند کنید.
مشاهدات و یادداشتها میتواند به درک نحوه کار افراد، فرهنگ کاری و فعالیتهایشان و نیز به درک عمیقتر فضای کاری و تعامل کمک کند.
۳. کاووشگران فرهنگی
این روش با ابزارهایی که در اختیار شرکتکنندگان قرار میدهد میتواند به مدل ذهنی آنها نزدیک شود و به ویژه برای زمانی مناسب است که فاصله فرهنگی و جغرافیایی بین طراح و جامعه هدف زیاد است.
روش انجام:
- ابزارها و فعالیتهایی که میخواهید مشارکتکننده انجام دهد را به گونهای پیدا کنید که در راستای هدف تحقیقاتی شما باشد و به درک بهتر مدل زندگی آنها کمک کند.
- کیتها را طراحی کنید. اما نه آنقدر شیک که مشارکتکننده احساس راحتی نداشته باشد!
- همه فعالیتهایی که قرار است انجام شود را شرح دهید.
- جلساتی ترتیب دهید تا نظرات بیشتری دریافت کنید و تجربیات مشارکتکننده را از انجام کیت بشنوید.
اطلاعات جمعآوری شده از این روش به منظور درک عمیقتر از شرکتکنندگان و الهام بخشیدن به مسیرهای جدید طراحی کمک کننده است.
متن کامل مقاله را در لینک زیر بخوانید:
https://bit.ly/dxgn1033
گردآورنده: صهبا جابری
(زمان حدودی مطالعه: ۶ دقیقه)
#تجربه_کاربری #مصاحبه #کیس_استادی
@Dexign فلسفه دیزاین
_________
Medium
UX Research: Interviewing and probes
Methods for interviewing your users and getting to know them better.
👍3👌1
تست درختی
«همپوشانی دستههای اطلاعاتی» و «قرار گرفتن در دستههای گیج کننده» دو مورد از رایجترین مشکلات در طراحی هستند که شناختهشدهترین تکنیک برای رسیدن به آنها card sorting یا مرتبسازی کارتهاست که قبلتر به آن پرداختهایم اما لازم است پس از مرتبسازی کارت و فهمیدن مدل ذهنی کاربر و پیشنهاد دستهبندی ارزیابی شود.
برای ارزیابی دستههای پیشنهادی از تست درختی یا tree testing استفاده میکنیم. این تست میتواند بسیار مفید باشد زیرا سلسله مراتب و دستهبندیها را بر اساس نحوه عملکرد آنها در یک سناریوی واقعی ارزیابی می کند و میتوان قبل از پیاده سازی و داشتن هزینه مالی و زمانی عملکرد آن را ارزیابی کرد. همچنین از آنجایی که کاربران با منویی ارتباط برقرار میکنند که کاملاً فاقد استایل و محتوای بصری است درنتیجه تجربه به طور قابل توجهی با تعامل طراحی کامل متفاوت است و تمرکز بر روی دستهها و سطوح خواهد بود.
این مقاله به صورت کامل به نحوه انجام و ابزارهای مناسب انجام تست درختی، پرداخته است:
https://bit.ly/dxgn1034
مطالب پیشین در رابطه با مرتبسازی کارت:
https://t.iss.one/Dexign/652
https://t.iss.one/Dexign/1047
گردآورنده: فروزان فاضلی
(زمان حدودی مطالعه: ۷ دقیقه)
#تجربه_کاربر #معماری_اطلاعات #IA #tree_test #تست_درختی
@Dexign فلسفه دیزاین
_________
«همپوشانی دستههای اطلاعاتی» و «قرار گرفتن در دستههای گیج کننده» دو مورد از رایجترین مشکلات در طراحی هستند که شناختهشدهترین تکنیک برای رسیدن به آنها card sorting یا مرتبسازی کارتهاست که قبلتر به آن پرداختهایم اما لازم است پس از مرتبسازی کارت و فهمیدن مدل ذهنی کاربر و پیشنهاد دستهبندی ارزیابی شود.
برای ارزیابی دستههای پیشنهادی از تست درختی یا tree testing استفاده میکنیم. این تست میتواند بسیار مفید باشد زیرا سلسله مراتب و دستهبندیها را بر اساس نحوه عملکرد آنها در یک سناریوی واقعی ارزیابی می کند و میتوان قبل از پیاده سازی و داشتن هزینه مالی و زمانی عملکرد آن را ارزیابی کرد. همچنین از آنجایی که کاربران با منویی ارتباط برقرار میکنند که کاملاً فاقد استایل و محتوای بصری است درنتیجه تجربه به طور قابل توجهی با تعامل طراحی کامل متفاوت است و تمرکز بر روی دستهها و سطوح خواهد بود.
این مقاله به صورت کامل به نحوه انجام و ابزارهای مناسب انجام تست درختی، پرداخته است:
https://bit.ly/dxgn1034
مطالب پیشین در رابطه با مرتبسازی کارت:
https://t.iss.one/Dexign/652
https://t.iss.one/Dexign/1047
گردآورنده: فروزان فاضلی
(زمان حدودی مطالعه: ۷ دقیقه)
#تجربه_کاربر #معماری_اطلاعات #IA #tree_test #تست_درختی
@Dexign فلسفه دیزاین
_________
Nielsen Norman Group
Tree Testing: Fast, Iterative Evaluation of Menu Labels and Categories
Follow these tips to effectively evaluate a site’s navigation hierarchy and to avoid common design mistakes.
👍3👌1
۴ روش برای شناسایی علل مشکلات وبسایت
اگر کاربر نتواند محصول را پیدا کند آن را نمیخرد و به سرعت وبسایت را ترک میکند و این یکی از دلایل شکست کسب و کاراهاست.
هنگامی که کاربر نتواند جز استفاده از جستجو محتوایی را پیدا کند و یا زمانی که محتوای درون سایت به صفحات مهم که ماموریت و هدفی مهم دارند نپردازد میتوان گفت که سایت قابلیت یافتن و کشف را ندارد.
زمانی که کاربران بتوانند به راحتی محتوای مورد نظر خود را پیدا کنند میگوییم سایت قابلیت یافتن دارد و زمانی که بتواند به راحتی با محتوا یا عملکر جدید مواجه شود درحالی که از آن اطلاعی نداشته است، میگوییم سایت قابلیت کشف دارد.
هنگامی که بازدیدکنندگان سایت به طور معمول برای محتوایی جستجو میکنند که باید به راحتی از طریق مرور پیدا شود یا زمانی که ترافیک درون سایت به صفحات مهم ماموریتی وجود ندارد، سایت ممکن است از قابلیت یافتن و کشف کم رنج ببرد.
در این مقاله به ۴ تست پرداخته که میتوان این دو قابلیت را در وبسایت تست و اندازه گرفت. این ۴ تست شامل تست درختی،مرتب سازی کارت به صورت بسته، تست کلیلک click testing و تست کاربردپذیریست که به ما در فمیدن علت مشکلات در زمینه بصری(UI) ، معماری اطلاعات (IA) کمک میکند.
این ۴ تست را میتوان به سرعت راه اندازی کرد ، همزمان اجرا کرد و از راه دور انجام داد بنابراین، ترکیب دو یا چند مورد از این تستها یک سرمایهگذاری پولی و زمانی خوب است، زیرا میتواند به شما کمک کند تا علت مشکلات خود را شناسایی کنید و ریسک سرمایهگذاری در یک راه حل گران قیمت را کاهش دهید.
توصیه میکنم از لینک زیر به مقاله سر بزند تا اطلاعات بیشتری کسب کنید:
https://bit.ly/dxgn1035
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #معماری_اطلاعات #IA
@Dexign فلسفه دیزاین
_________
اگر کاربر نتواند محصول را پیدا کند آن را نمیخرد و به سرعت وبسایت را ترک میکند و این یکی از دلایل شکست کسب و کاراهاست.
هنگامی که کاربر نتواند جز استفاده از جستجو محتوایی را پیدا کند و یا زمانی که محتوای درون سایت به صفحات مهم که ماموریت و هدفی مهم دارند نپردازد میتوان گفت که سایت قابلیت یافتن و کشف را ندارد.
زمانی که کاربران بتوانند به راحتی محتوای مورد نظر خود را پیدا کنند میگوییم سایت قابلیت یافتن دارد و زمانی که بتواند به راحتی با محتوا یا عملکر جدید مواجه شود درحالی که از آن اطلاعی نداشته است، میگوییم سایت قابلیت کشف دارد.
هنگامی که بازدیدکنندگان سایت به طور معمول برای محتوایی جستجو میکنند که باید به راحتی از طریق مرور پیدا شود یا زمانی که ترافیک درون سایت به صفحات مهم ماموریتی وجود ندارد، سایت ممکن است از قابلیت یافتن و کشف کم رنج ببرد.
در این مقاله به ۴ تست پرداخته که میتوان این دو قابلیت را در وبسایت تست و اندازه گرفت. این ۴ تست شامل تست درختی،مرتب سازی کارت به صورت بسته، تست کلیلک click testing و تست کاربردپذیریست که به ما در فمیدن علت مشکلات در زمینه بصری(UI) ، معماری اطلاعات (IA) کمک میکند.
این ۴ تست را میتوان به سرعت راه اندازی کرد ، همزمان اجرا کرد و از راه دور انجام داد بنابراین، ترکیب دو یا چند مورد از این تستها یک سرمایهگذاری پولی و زمانی خوب است، زیرا میتواند به شما کمک کند تا علت مشکلات خود را شناسایی کنید و ریسک سرمایهگذاری در یک راه حل گران قیمت را کاهش دهید.
توصیه میکنم از لینک زیر به مقاله سر بزند تا اطلاعات بیشتری کسب کنید:
https://bit.ly/dxgn1035
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #معماری_اطلاعات #IA
@Dexign فلسفه دیزاین
_________
Nielsen Norman Group
Low Findability and Discoverability: Four Testing Methods to Identify the Causes
Use IA- and UI-focused user research to determine if low findability and discoverability are caused by site information architecture or navigation design.
👍2👌2❤1
چرا روانشناسی انسان مهمترین جنبهی طراحی تجربه کاربری است؟
طراحی تجربه کاربری چیست؟
استفاده از طراحی برای بهتر کردن تجربه کلی انسانها هنگام استفاده از یک محصول، جایی که محصول یک کالا، خدمات یا ویژگی است.
برخی از اهداف طراحی تجربه کاربری از ساخت یک محصول:
- قابل استفاده بودن (هدف واضح برای یک محصول)
- مفید بودن (محصول باید هدف را برآورده کند)
- لذت بخش بودن (کاربران باید تجربه مثبت داشته باشند)
- عادلانه بودن (محصول با توجه به نیازهای افراد از طبقات مختلف طراحی شده
باشد)
نقش روانشناسی انسان
هدف نهایی از طراحیهای ما چیست؟ برای چه کسی طراحی میکنیم؟
ما برای انسانها طراحی میکنیم تا مشکلات انسانها را حل کنیم و در نهایت زندگی همنوعمان را آسان کنیم.
بنابراین، درک نحوه تفکر، رفتار و تصمیم انسانها اصل نهایی طراحی است.
برخی از نکات اولیه در مورد روانشناسی انسان که به ایجاد یک تجربه کاربری عالی کمک میکنند عبارتند از:
۱. ما دوست نداریم زیاد تلاش کنیم
انسانها کارگران باهوشی هستند. ما سعی میکنیم راه کمترین تلاش را برای به پایان رساندن یک کار پیدا کنیم. به عنوان طراحان تجربه کاربری، طراحیهای ما باید مستقیم، بدون پیچیدگی و کمزحمت باشد.
۲. ما با طرحهای آشنا راحتتر هستیم
از آن جایی که ما به استفاده از برنامهها و وبسایتهای خاص عادت داریم، اگر طرحهای مشابه را در محصولات جدید ببینیم، احساس راحتی و درک بیشتری میکنیم.
۳. ما تمرکز بسیار کمی داریم
گزینههای بسیار زیاد برای انتخاب، باعث سردرگمی کاربر میشود و به طور غیرضروری همه چیز را پیچیده میکند. برای یک طراح تجربه کاربری بسیار مهم است که سلسله مراتب واضحی به عناصر مختلف بدهد تا گزینههای مهم فراخوانی را که نیاز به توجه بیشتر کاربر دارند برجسته کند.
در ادامهی این مقاله میتوانید ۴ نکتهی دیگر در مورد روانشناسی انسان و کاربرد آن در تجربه کاربری را مطالعه کنید:
https://bit.ly/dxgn1036
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: بهاره حاجوی
#روانشناسی #عادت #مدل_ذهنی
@Dexign فلسفه دیزاین
_________
طراحی تجربه کاربری چیست؟
استفاده از طراحی برای بهتر کردن تجربه کلی انسانها هنگام استفاده از یک محصول، جایی که محصول یک کالا، خدمات یا ویژگی است.
برخی از اهداف طراحی تجربه کاربری از ساخت یک محصول:
- قابل استفاده بودن (هدف واضح برای یک محصول)
- مفید بودن (محصول باید هدف را برآورده کند)
- لذت بخش بودن (کاربران باید تجربه مثبت داشته باشند)
- عادلانه بودن (محصول با توجه به نیازهای افراد از طبقات مختلف طراحی شده
باشد)
نقش روانشناسی انسان
هدف نهایی از طراحیهای ما چیست؟ برای چه کسی طراحی میکنیم؟
ما برای انسانها طراحی میکنیم تا مشکلات انسانها را حل کنیم و در نهایت زندگی همنوعمان را آسان کنیم.
بنابراین، درک نحوه تفکر، رفتار و تصمیم انسانها اصل نهایی طراحی است.
برخی از نکات اولیه در مورد روانشناسی انسان که به ایجاد یک تجربه کاربری عالی کمک میکنند عبارتند از:
۱. ما دوست نداریم زیاد تلاش کنیم
انسانها کارگران باهوشی هستند. ما سعی میکنیم راه کمترین تلاش را برای به پایان رساندن یک کار پیدا کنیم. به عنوان طراحان تجربه کاربری، طراحیهای ما باید مستقیم، بدون پیچیدگی و کمزحمت باشد.
۲. ما با طرحهای آشنا راحتتر هستیم
از آن جایی که ما به استفاده از برنامهها و وبسایتهای خاص عادت داریم، اگر طرحهای مشابه را در محصولات جدید ببینیم، احساس راحتی و درک بیشتری میکنیم.
۳. ما تمرکز بسیار کمی داریم
گزینههای بسیار زیاد برای انتخاب، باعث سردرگمی کاربر میشود و به طور غیرضروری همه چیز را پیچیده میکند. برای یک طراح تجربه کاربری بسیار مهم است که سلسله مراتب واضحی به عناصر مختلف بدهد تا گزینههای مهم فراخوانی را که نیاز به توجه بیشتر کاربر دارند برجسته کند.
در ادامهی این مقاله میتوانید ۴ نکتهی دیگر در مورد روانشناسی انسان و کاربرد آن در تجربه کاربری را مطالعه کنید:
https://bit.ly/dxgn1036
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: بهاره حاجوی
#روانشناسی #عادت #مدل_ذهنی
@Dexign فلسفه دیزاین
_________
Medium
Why Human Psychology is the most important aspect of UX Design?
Role of Pyschology in UX
👍5❤4
الگوهای طراحی رابط کاربری چیست؟
الگوهای طراحی رابط کاربری (UI) راه حلهایی برای مشکلات رایج طراحی در طراحی رابط کاربری هستند.
هر الگوی طراحی رابط کاربری هدف خاصی دارد و با درک چگونگی و زمان استفاده از آنها، میتوانید رابطهایی ایجاد کنید که هم سازگار و هم کارآمد باشند. الگوهای طراحی رابط کاربری یک زبان مشترک برای طراحان رابط کاربری و یک سازگاری بنیادی برای کاربران فراهم میکند.
شما با الگوهای طراحی رابط کاربری چه مشکلات طراحی را می توانید حل کنید؟
الگوهای طراحی رابط کاربری یک راه حل مشخص برای مشکلات رایج طراحی فراهم میکنند و میتوانند به طراحان کمک کنند تا طراحیهای کارآمدتر و موثرتری ایجاد کنند. این راه حلها کمک میکنند که یک محصول جدید را از ابتدا طراحی کنید یا محصول موجود را بهبود دهید.
نمونههایی از الگوهای رایج طراحی رابط کاربری
از مولفههایی مانند کادر جستجو، دکمهها گرفته تا کل قالبها و چیدمانهای صفحه، الگوهای طراحی رابط کاربری هنگام ایجاد تجربه کاربری دوست داشتنی و لذت بخش ضروری هستند.
علاوه بر مواردی که پیش تر به آن ها اشاره کردیم، برخی از الگوهای رایج طراحی رابط کاربری که ممکن است با آن ها آشنا باشید عبارتند از:
Navigation bar:
نویگیشن بارها با قابلیت جابه جایی کاربر در اپلیکیشن یا وبسایت سر و کار دارد و اغلب در بالا و پایین صفحه دیده میشوند.
Breadcrumbs:
بردکرامها به کاربر اجازه میدهند در وبسایت یا اپها نحوه جریان صفحات را درک کند.
Dropdown menu (منوی کشویی):
لیستی از گزینههایی که تنها زمانی نمایان میشوند که کاربر روی آنها کلیک میکند یا نشانگر موس را روی آنها حرکت میدهد.
مزایای استفاده از الگوهای رابط کاربری
جریان طراحی کارآمدتر
استفاده از الگوهای رابط کاربری میتواند به شما در صرفه جویی زمان و انرژی، در هنگام طراحی کمک کند.
سازگاری، بدون اختراع مجدد چرخ
الگوهای طراحی رابط کاربری ایجاد شدهاند تا طراحان مجبور نباشند زمان زیادی را صرف تکرار همان فرایندهای خلاقانه کنند، اما هنوز هم متناسب با موارد استفاده مختلف سازگار هستند.
نکات کلیدی
الگوهای طراحی رابط کاربری میتوانند به طراحان کمک کنند تا طراحیهای رابط کاربری کارآمدتر و موثرتری ایجاد کنند.
با استفاده از الگوهای طراحی، طراحان میتوانند از سازگاری در سراسر یک محصول اطمینان حاصل کنند.
کتابخانههای الگوی طراحی رابط کاربری زیادی در اینترنت وجود دارند که میتوانید از آنها به عنوان نقطه شروع استفاده کنید و سپس آنها را متناسب با نیازهای خاص خود تطبیق دهید.
برای مطالعه کامل مقابه به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1037
(زمان حدودی مقاله: ۶ دقیقه)
گردآوردنده: فاطمه عبداللهی
#رابط_کاربر
@Dexign فلسفه دیزاین
_________
الگوهای طراحی رابط کاربری (UI) راه حلهایی برای مشکلات رایج طراحی در طراحی رابط کاربری هستند.
هر الگوی طراحی رابط کاربری هدف خاصی دارد و با درک چگونگی و زمان استفاده از آنها، میتوانید رابطهایی ایجاد کنید که هم سازگار و هم کارآمد باشند. الگوهای طراحی رابط کاربری یک زبان مشترک برای طراحان رابط کاربری و یک سازگاری بنیادی برای کاربران فراهم میکند.
شما با الگوهای طراحی رابط کاربری چه مشکلات طراحی را می توانید حل کنید؟
الگوهای طراحی رابط کاربری یک راه حل مشخص برای مشکلات رایج طراحی فراهم میکنند و میتوانند به طراحان کمک کنند تا طراحیهای کارآمدتر و موثرتری ایجاد کنند. این راه حلها کمک میکنند که یک محصول جدید را از ابتدا طراحی کنید یا محصول موجود را بهبود دهید.
نمونههایی از الگوهای رایج طراحی رابط کاربری
از مولفههایی مانند کادر جستجو، دکمهها گرفته تا کل قالبها و چیدمانهای صفحه، الگوهای طراحی رابط کاربری هنگام ایجاد تجربه کاربری دوست داشتنی و لذت بخش ضروری هستند.
علاوه بر مواردی که پیش تر به آن ها اشاره کردیم، برخی از الگوهای رایج طراحی رابط کاربری که ممکن است با آن ها آشنا باشید عبارتند از:
Navigation bar:
نویگیشن بارها با قابلیت جابه جایی کاربر در اپلیکیشن یا وبسایت سر و کار دارد و اغلب در بالا و پایین صفحه دیده میشوند.
Breadcrumbs:
بردکرامها به کاربر اجازه میدهند در وبسایت یا اپها نحوه جریان صفحات را درک کند.
Dropdown menu (منوی کشویی):
لیستی از گزینههایی که تنها زمانی نمایان میشوند که کاربر روی آنها کلیک میکند یا نشانگر موس را روی آنها حرکت میدهد.
مزایای استفاده از الگوهای رابط کاربری
جریان طراحی کارآمدتر
استفاده از الگوهای رابط کاربری میتواند به شما در صرفه جویی زمان و انرژی، در هنگام طراحی کمک کند.
سازگاری، بدون اختراع مجدد چرخ
الگوهای طراحی رابط کاربری ایجاد شدهاند تا طراحان مجبور نباشند زمان زیادی را صرف تکرار همان فرایندهای خلاقانه کنند، اما هنوز هم متناسب با موارد استفاده مختلف سازگار هستند.
نکات کلیدی
الگوهای طراحی رابط کاربری میتوانند به طراحان کمک کنند تا طراحیهای رابط کاربری کارآمدتر و موثرتری ایجاد کنند.
با استفاده از الگوهای طراحی، طراحان میتوانند از سازگاری در سراسر یک محصول اطمینان حاصل کنند.
کتابخانههای الگوی طراحی رابط کاربری زیادی در اینترنت وجود دارند که میتوانید از آنها به عنوان نقطه شروع استفاده کنید و سپس آنها را متناسب با نیازهای خاص خود تطبیق دهید.
برای مطالعه کامل مقابه به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1037
(زمان حدودی مقاله: ۶ دقیقه)
گردآوردنده: فاطمه عبداللهی
#رابط_کاربر
@Dexign فلسفه دیزاین
_________
Medium
What Are UI Design Patterns?
User interface (UI) design patterns are reusable solutions to common design problems in user interface design.
👏3👌3👍1🙏1
نقشه راه برای آزمایش (Roadmapping for experimentation)
«نکاتی در مورد برنامه ریزی و و تنظیم و سازماندهی مورد نیاز برای یک خروجی موفق»
- سازماندهی کنید (Be organized)
تمام وظایف طوفان فکری (فعالیتها، ایدهها) و مواد مرجع (دادهها، KPI ها، نقشههای راه) خود را در یک مکان ذخیره کنید.
یکی دیگر از بخشهای سازماندهی این است که مطمئن شوید زمانی را برای تیم تعیین کردهاید تا فرآیند را طی کند.
- فعالیتها را به طور موثر برنامه ریزی کنید (Plan activities (effectively
طوفان فکری خاموش داشته باشید به طوریکه یکروز قبل از جلسات کارها را با شرکت کنندگان در میان بگذارید و بخواهید که آنها را در زمان تکمیل کنند .وقتی روی همگرایی و تصمیم تمرکز کنید بحث سازنده خواهد بود .
- به تنهایی پیش نروید (Don’t go it alone)
تیم را تگ کنید و روی وظایف، دستورات و دستورالعملها کار کنید تا برای شرکتکنندگان معنا پیدا کند.
- در نهایت، یک کلمه در مورد دادهها (Lastly, a word on data)
مفروضات حیاتی برای برنامه خود را تعیین کنید و برای آزمایش آنها تلاش کنید. استفاده از هوش جمعی و تجربه یک تیم محصول ماهر ارزش دارد.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1038
(زمان حدودی مطالعه: ۶ دقیقه)
گرد آورنده: آنالی فخرالدینی
#تجربه_نویسی #راه_حل
@Dexign فلسفه دیزاین
_________
«نکاتی در مورد برنامه ریزی و و تنظیم و سازماندهی مورد نیاز برای یک خروجی موفق»
- سازماندهی کنید (Be organized)
تمام وظایف طوفان فکری (فعالیتها، ایدهها) و مواد مرجع (دادهها، KPI ها، نقشههای راه) خود را در یک مکان ذخیره کنید.
یکی دیگر از بخشهای سازماندهی این است که مطمئن شوید زمانی را برای تیم تعیین کردهاید تا فرآیند را طی کند.
- فعالیتها را به طور موثر برنامه ریزی کنید (Plan activities (effectively
طوفان فکری خاموش داشته باشید به طوریکه یکروز قبل از جلسات کارها را با شرکت کنندگان در میان بگذارید و بخواهید که آنها را در زمان تکمیل کنند .وقتی روی همگرایی و تصمیم تمرکز کنید بحث سازنده خواهد بود .
- به تنهایی پیش نروید (Don’t go it alone)
تیم را تگ کنید و روی وظایف، دستورات و دستورالعملها کار کنید تا برای شرکتکنندگان معنا پیدا کند.
- در نهایت، یک کلمه در مورد دادهها (Lastly, a word on data)
مفروضات حیاتی برای برنامه خود را تعیین کنید و برای آزمایش آنها تلاش کنید. استفاده از هوش جمعی و تجربه یک تیم محصول ماهر ارزش دارد.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1038
(زمان حدودی مطالعه: ۶ دقیقه)
گرد آورنده: آنالی فخرالدینی
#تجربه_نویسی #راه_حل
@Dexign فلسفه دیزاین
_________
Medium
Roadmapping for experimentation
Need to build an experimentation roadmap and don’t know how? You are in the right place!
👍5👌2
نیمنگاهی به این ۷ گرایش طراحی UX/UI که در سال 2023 داشته باشید!
در این پست وبلاگ، نگاهی به چند روند طراحی UX/UI میاندازیم که بر اساس تحرکات صنعت، رفتارهای فعلی کاربران و پیش بینیهای کارشناسان در این زمینه، طراحی UX/UI را در سال 2023 شکل میدهد.
۱- افزایش استفاده از هوش مصنوعی در طول فرآیند طراحی
هوش مصنوعی که زمانی صرفاً تازگی داشت، اکنون در آستانه تبدیل شدن به یک ابزار اصلی برای بهبود کارایی و فرآیند است. در نوامبر 2022 ,ChatGPTراه اندازی شد و فوراً با ترکیبی «هوشمندانه» هوش مصنوعی با یک چت بات، موجی در دنیای طراحی محصول ایجاد کرد.
۲- تاثیر هوش مصنوعی بر فرآیند طراحی
هوش مصنوعی در فرآیند طراحی جدید نیست و بسیاری از ابزارهای مجهز به هوش مصنوعی مدتهاست که به جریان اصلی تبدیل شدهاند .با این حال، همانطور که طراحان تجربه شروع به ترکیب هوش مصنوعی در زمینههای مختلف فرآیند طراحی می کنند، انتظار داریم که شاهد تغییراتی در گفتگوها در مورد هدف و ارزش نقشهای خاص باشیم.
۳- تجربیات شخصی بیشتر
طراحی خوب به یک انتظار اصلی تبدیل شده است و شرکتها اکنون به دنبال راههایی هستند تا محصولات دیجیتال خود را از رقبا متمایز کنند. به طور قابل پیشبینی، این به معنای ایجاد یک تجربه هدفمندتر و شخصی سازی شده برای هر کاربر است تا احساس کند که کل تجربه برای نیازهای فردی آنها طراحی شده است.
۴- گسترش شکاف: استانداردسازی در مقابل اکتشاف
طراحان نگران «تصمیم اشتباه گرفتن» هستند و علاقه کمتری به بررسی مسائل دارند. اینگونه استانداردسازی بر اکتشاف تأثیر می گذارد.
۵- افزایش علاقه طراحان UX به"All in One"
ما شاهد شیوههای استخدام محافظهکارانهتر هستیم، شرکتهایی که به دنبال طراحان باتجربهتر هستند و استفاده از تخصص خود در خارج از طراحی UX خواه کدنویسی، تحقیق و ... به شما کمک میکند در هنگام مصاحبه شغلی از دیگران متمایز شوید.
۶- تقاضای جدید برای نقش های طراحی محصول Niche
حوزه طراحی UX به رشد و بلوغ خود ادامه می دهد. بخشی از این رشد شامل ظهور نقشهای خاص در طراحی UX است. محققان UX، UX Writers و Content Designers سه عنوان شغلی هستند که انتظار داریم در چند سال آینده شاهد آنها باشیم.
۷- فرصت های کار از راه دور
موقعیتهای شغلی از راه دور (یا ترکیبی) جدید هستند. در نتیجه، میتوان انتظار داشت شاهد تمرکز بیشتر بر تعادل زندگی کاری و مزایایی که شرکتها برای تشویق به راه دور به نسبت حضوری بودن ارائه میدهند، باشیم.
https://bit.ly/dxgn1039
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: آنالی فخرالدینی
#ترندهای_طراحی #تجربه_کاربر #رابط_کاربر #AI #هوش_مصنوعی
@Dexign فلسفه دیزاین
_________
در این پست وبلاگ، نگاهی به چند روند طراحی UX/UI میاندازیم که بر اساس تحرکات صنعت، رفتارهای فعلی کاربران و پیش بینیهای کارشناسان در این زمینه، طراحی UX/UI را در سال 2023 شکل میدهد.
۱- افزایش استفاده از هوش مصنوعی در طول فرآیند طراحی
هوش مصنوعی که زمانی صرفاً تازگی داشت، اکنون در آستانه تبدیل شدن به یک ابزار اصلی برای بهبود کارایی و فرآیند است. در نوامبر 2022 ,ChatGPTراه اندازی شد و فوراً با ترکیبی «هوشمندانه» هوش مصنوعی با یک چت بات، موجی در دنیای طراحی محصول ایجاد کرد.
۲- تاثیر هوش مصنوعی بر فرآیند طراحی
هوش مصنوعی در فرآیند طراحی جدید نیست و بسیاری از ابزارهای مجهز به هوش مصنوعی مدتهاست که به جریان اصلی تبدیل شدهاند .با این حال، همانطور که طراحان تجربه شروع به ترکیب هوش مصنوعی در زمینههای مختلف فرآیند طراحی می کنند، انتظار داریم که شاهد تغییراتی در گفتگوها در مورد هدف و ارزش نقشهای خاص باشیم.
۳- تجربیات شخصی بیشتر
طراحی خوب به یک انتظار اصلی تبدیل شده است و شرکتها اکنون به دنبال راههایی هستند تا محصولات دیجیتال خود را از رقبا متمایز کنند. به طور قابل پیشبینی، این به معنای ایجاد یک تجربه هدفمندتر و شخصی سازی شده برای هر کاربر است تا احساس کند که کل تجربه برای نیازهای فردی آنها طراحی شده است.
۴- گسترش شکاف: استانداردسازی در مقابل اکتشاف
طراحان نگران «تصمیم اشتباه گرفتن» هستند و علاقه کمتری به بررسی مسائل دارند. اینگونه استانداردسازی بر اکتشاف تأثیر می گذارد.
۵- افزایش علاقه طراحان UX به"All in One"
ما شاهد شیوههای استخدام محافظهکارانهتر هستیم، شرکتهایی که به دنبال طراحان باتجربهتر هستند و استفاده از تخصص خود در خارج از طراحی UX خواه کدنویسی، تحقیق و ... به شما کمک میکند در هنگام مصاحبه شغلی از دیگران متمایز شوید.
۶- تقاضای جدید برای نقش های طراحی محصول Niche
حوزه طراحی UX به رشد و بلوغ خود ادامه می دهد. بخشی از این رشد شامل ظهور نقشهای خاص در طراحی UX است. محققان UX، UX Writers و Content Designers سه عنوان شغلی هستند که انتظار داریم در چند سال آینده شاهد آنها باشیم.
۷- فرصت های کار از راه دور
موقعیتهای شغلی از راه دور (یا ترکیبی) جدید هستند. در نتیجه، میتوان انتظار داشت شاهد تمرکز بیشتر بر تعادل زندگی کاری و مزایایی که شرکتها برای تشویق به راه دور به نسبت حضوری بودن ارائه میدهند، باشیم.
https://bit.ly/dxgn1039
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: آنالی فخرالدینی
#ترندهای_طراحی #تجربه_کاربر #رابط_کاربر #AI #هوش_مصنوعی
@Dexign فلسفه دیزاین
_________
Medium
7 UX/UI Design Trends to Watch for in 2023
From AI integration to increased personalization, here are a few of the UX/UI design trends we’re looking forward to in 2023.
👍10👌2
مسیر یک دیزاینر
دیزاینر شدن مسیریست پر از فراز و نشیب، یادگیری و رشد.
در این گفتگوی زنده به میزبانی نیلوفر جمالی طراح تجربه کاربری، میخواهیم یک گفتگوی دوستانه درباره مسیر شغلی دیزاین با کسری قویدل، راهبر طراحی محصول کافه بازار، داشته باشیم و از تجربیات سالهای فعالیتش در این حوزه استفاده کنیم.
لایو روز دوشنبه، ۴ اردیبهشت ساعت ۱۹ الی ۲۰ در صفحه اینستاگرام آکادمی دیزاین برگزار خواهد شد.
نوتیفیکیشن صفحه را روشن کرده و با ما همراه باشید.
https://instagram.com/dexignacademy?igshid=YmMyMTA2M2Y=
#طراح_محصول #طراح_تجربه_کاربری #دیزاین #دیزاینر #تجربه_کاربری #design
@Dexign فلسفه دیزاین
_________
دیزاینر شدن مسیریست پر از فراز و نشیب، یادگیری و رشد.
در این گفتگوی زنده به میزبانی نیلوفر جمالی طراح تجربه کاربری، میخواهیم یک گفتگوی دوستانه درباره مسیر شغلی دیزاین با کسری قویدل، راهبر طراحی محصول کافه بازار، داشته باشیم و از تجربیات سالهای فعالیتش در این حوزه استفاده کنیم.
لایو روز دوشنبه، ۴ اردیبهشت ساعت ۱۹ الی ۲۰ در صفحه اینستاگرام آکادمی دیزاین برگزار خواهد شد.
نوتیفیکیشن صفحه را روشن کرده و با ما همراه باشید.
https://instagram.com/dexignacademy?igshid=YmMyMTA2M2Y=
#طراح_محصول #طراح_تجربه_کاربری #دیزاین #دیزاینر #تجربه_کاربری #design
@Dexign فلسفه دیزاین
_________
👍5⚡2❤2
ده روش برای بهبود تجربه کاربری اپلیکیشن
ایجاد یک طراحی UX قانع کننده برای طراحان UX موبایل یک اولویت است. مخصوصاً برای شرکتهایی که mobile-first هستند، زیرا تجربه اپلیکیشن کاربر اصلیترین روش تعامل مشتریان با یک برند است. UX ضعیف باعث حذف نصب برنامه میشود. به همین دلیل مهم است که برنامه خود را به شکلی طراحی کنید تا مطمئن شوید که قابل استفاده و از نظر بصری لذت بخش است.
طراحی عالی یک اپلیکیشن موبایل باید بر اساس اصول مینیمالیسم کاربردی باشد: گرافیک لاکونیک، فضای کافی بین عناصر و یک طرح رنگی هماهنگ.
۱-طراحی اپلیکیشن خود را ساده نگه دارید
شما باید یک رویکرد طراحی مینیمالیستی برای ایجاد یک اپلیکیشن موبایل ساده و بسیار کاربردی داشته باشید.
اصل مینیمالیسم این است که همه چیز را بسیار ساده نگه دارید. با این حال، "بسیار ساده" به این معنی نیست که طراحی باید خسته کننده، ابتدایی یا یکنواخت باشد.
این یعنی:
-حداقل بار شناختی
-قابلیت استفاده را به حداکثر برسانید
-حداقل اقدامات
-منطق همه اعمال
-اقدامات و طراحی ساده
۲-برنامه خود را بصری و سازگار کنید
محتوا و ویژگیهای منحصر به فرد تنها زمانی مفید است که کاربران شما بتوانند آنها را پیدا کنند. رابط باید کاربران را مرحله به مرحله هدایت کند، زیرا هر چه کاربر کمتر به نحوه استفاده از برنامه شما فکر کند، بهتر است.
۳-تعامل با برنامه شما
طراحی نویگیشن تنها با درک تعامل کاربر با یک دستگاه تلفن همراه امکان پذیر است. وظایف برنامههای مختلف نیاز به روشهای متفاوتی برای تعامل دارند. همچنین، افراد بسته به موقعیت، گوشی را به صورت متفاوتی در دست میگیرند.
۴-تکنیک محو کردن
برای اینکه عناصر مهم رابط حتی در نور ضعیف واضح و خوانده شوند، باید از اصول کنتراست استفاده کرد.
۵-طراحی فرم موبایل
هدف شما کاهش تلاش کاربر برای ورودی در هنگام پر کردن فرم است. انجام کار را تا حد امکان برای کاربران آسان کنید و استفاده از تکمیل خودکار و کاهش تعداد فیلدهایی را که کاربر باید پر کند در نظر بگیرید.
در اینجا چند نکته وجود دارد:
-فرم های بزرگ را در چندین صفحه تقسیم کنید تا مرحله به مرحله پر شوند.
-فقط اطلاعات لازم را در فرم ها اضافه کنید.
-برای سرعت بخشیدن و ساده کردن فرآیند پر کردن، از دکمههای پیشنهاد خودکار، «به جلو» و «بازگشت» استفاده کنید.
-از نوارهای اسکرول استفاده نکنید.
۶-بازخورد مستقیم جمع آوری کنید
مهم ترین گام، درک نیازهای کاربر است. یکی از راههای جمعآوری بازخورد، نظرسنجی درون برنامهای است.همچنین، به نظرات در Google Play یا Appstore توجه کنید. پس از تجزیه و تحلیل بازخورد، اطلاعاتی دریافت خواهید کرد که به شما کمک میکند تصمیم بگیرید چه چیزی را تغییر دهید و بهبود دهید.
۷-متن
متون در برنامه باید مختصر، ساده و خوانا باشند.
۸-افزایش سرعت
طبق تحقیقات Google/SOASTA، اگر زمان بارگزاری برنامه بیش از ۵ ثانیه طول بکشد، نرخ خروج از برنامه شما را افزایش می دهد. میتوانید با بارگذاری دادهها، بهینهسازی تصاویر، کدهای روشنکننده، کاهش افزونهها، استفاده از حافظه پنهان، بهروزرسانی منظم برنامهتان و غیره، سرعت را افزایش دهید.
۹-ارائه کمک به کاربر
ارائه کمک به کاربر یک عنصر ساده اما نادیده گرفته شده از تجربه کاربر است. بنابراین دسترسی کاربران به گزینههای راهنما و پشتیبانی را آسان کنید. شما باید راههای متعددی را برای دریافت پشتیبانی به کاربران ارائه دهید، مانند پرسشهای متداول خود-سرویس، پشتیبانی زنده از طریق کلیک برای تماس، رباتهای چت، دکمههای پشتیبانی مشتری و غیره.
۱۰-تست برنامه مناسب
بهترین راه برای بررسی قابلیت استفاده از برنامه، آزمایش آن با کاربرانتان است. به کاربران اجازه دهید از نسخه آزمایشی برنامه استفاده کنند و بازخورد ارزشمند خود را ارائه دهند تا بتوانید قبل از انتشار برنامه خود را بهبود بخشید.
https://bit.ly/dxgn1040
(زمان حدودی مطالعه ۱۵ دقیقه)
گردآورنده: آنالی فخرالدینی
#تجربه_کاربری #UX
@Dexign فلسفه دیزاین
_________
ایجاد یک طراحی UX قانع کننده برای طراحان UX موبایل یک اولویت است. مخصوصاً برای شرکتهایی که mobile-first هستند، زیرا تجربه اپلیکیشن کاربر اصلیترین روش تعامل مشتریان با یک برند است. UX ضعیف باعث حذف نصب برنامه میشود. به همین دلیل مهم است که برنامه خود را به شکلی طراحی کنید تا مطمئن شوید که قابل استفاده و از نظر بصری لذت بخش است.
طراحی عالی یک اپلیکیشن موبایل باید بر اساس اصول مینیمالیسم کاربردی باشد: گرافیک لاکونیک، فضای کافی بین عناصر و یک طرح رنگی هماهنگ.
۱-طراحی اپلیکیشن خود را ساده نگه دارید
شما باید یک رویکرد طراحی مینیمالیستی برای ایجاد یک اپلیکیشن موبایل ساده و بسیار کاربردی داشته باشید.
اصل مینیمالیسم این است که همه چیز را بسیار ساده نگه دارید. با این حال، "بسیار ساده" به این معنی نیست که طراحی باید خسته کننده، ابتدایی یا یکنواخت باشد.
این یعنی:
-حداقل بار شناختی
-قابلیت استفاده را به حداکثر برسانید
-حداقل اقدامات
-منطق همه اعمال
-اقدامات و طراحی ساده
۲-برنامه خود را بصری و سازگار کنید
محتوا و ویژگیهای منحصر به فرد تنها زمانی مفید است که کاربران شما بتوانند آنها را پیدا کنند. رابط باید کاربران را مرحله به مرحله هدایت کند، زیرا هر چه کاربر کمتر به نحوه استفاده از برنامه شما فکر کند، بهتر است.
۳-تعامل با برنامه شما
طراحی نویگیشن تنها با درک تعامل کاربر با یک دستگاه تلفن همراه امکان پذیر است. وظایف برنامههای مختلف نیاز به روشهای متفاوتی برای تعامل دارند. همچنین، افراد بسته به موقعیت، گوشی را به صورت متفاوتی در دست میگیرند.
۴-تکنیک محو کردن
برای اینکه عناصر مهم رابط حتی در نور ضعیف واضح و خوانده شوند، باید از اصول کنتراست استفاده کرد.
۵-طراحی فرم موبایل
هدف شما کاهش تلاش کاربر برای ورودی در هنگام پر کردن فرم است. انجام کار را تا حد امکان برای کاربران آسان کنید و استفاده از تکمیل خودکار و کاهش تعداد فیلدهایی را که کاربر باید پر کند در نظر بگیرید.
در اینجا چند نکته وجود دارد:
-فرم های بزرگ را در چندین صفحه تقسیم کنید تا مرحله به مرحله پر شوند.
-فقط اطلاعات لازم را در فرم ها اضافه کنید.
-برای سرعت بخشیدن و ساده کردن فرآیند پر کردن، از دکمههای پیشنهاد خودکار، «به جلو» و «بازگشت» استفاده کنید.
-از نوارهای اسکرول استفاده نکنید.
۶-بازخورد مستقیم جمع آوری کنید
مهم ترین گام، درک نیازهای کاربر است. یکی از راههای جمعآوری بازخورد، نظرسنجی درون برنامهای است.همچنین، به نظرات در Google Play یا Appstore توجه کنید. پس از تجزیه و تحلیل بازخورد، اطلاعاتی دریافت خواهید کرد که به شما کمک میکند تصمیم بگیرید چه چیزی را تغییر دهید و بهبود دهید.
۷-متن
متون در برنامه باید مختصر، ساده و خوانا باشند.
۸-افزایش سرعت
طبق تحقیقات Google/SOASTA، اگر زمان بارگزاری برنامه بیش از ۵ ثانیه طول بکشد، نرخ خروج از برنامه شما را افزایش می دهد. میتوانید با بارگذاری دادهها، بهینهسازی تصاویر، کدهای روشنکننده، کاهش افزونهها، استفاده از حافظه پنهان، بهروزرسانی منظم برنامهتان و غیره، سرعت را افزایش دهید.
۹-ارائه کمک به کاربر
ارائه کمک به کاربر یک عنصر ساده اما نادیده گرفته شده از تجربه کاربر است. بنابراین دسترسی کاربران به گزینههای راهنما و پشتیبانی را آسان کنید. شما باید راههای متعددی را برای دریافت پشتیبانی به کاربران ارائه دهید، مانند پرسشهای متداول خود-سرویس، پشتیبانی زنده از طریق کلیک برای تماس، رباتهای چت، دکمههای پشتیبانی مشتری و غیره.
۱۰-تست برنامه مناسب
بهترین راه برای بررسی قابلیت استفاده از برنامه، آزمایش آن با کاربرانتان است. به کاربران اجازه دهید از نسخه آزمایشی برنامه استفاده کنند و بازخورد ارزشمند خود را ارائه دهند تا بتوانید قبل از انتشار برنامه خود را بهبود بخشید.
https://bit.ly/dxgn1040
(زمان حدودی مطالعه ۱۵ دقیقه)
گردآورنده: آنالی فخرالدینی
#تجربه_کاربری #UX
@Dexign فلسفه دیزاین
_________
Medium
Mobile UX: 10 Best Practices That Will Help You Improve App User Experience
We live in a digital world, and the number of mobile app downloads worldwide has constantly been increasing from 2016 onward, surpassing…
❤3👍1