تفاوت بین معماری اطلاعات و طراحی نویگیشن
وقتی حیوانی را میبینیم فقط پوست و مویش را میبینیم ولی اسکلت و استخوانهایی که حیوان را سرپا نگه داشتهاند را نمیتوان دید، این مثال رابطهی بین معماری اطلاعات و نویگیشن است.
بسیاری از افراد به اشتباه مفهوم معماری اطلاعات و نویگیشن را یکی میدانند، در حالی که معماری اطلاعات به طراحی نویگیشن کمک میکند و فراتر از نویگیشنهاست. میتوان گفت که نویگیشن مانند نوک کوه یخی است که روی معماری اطلاعات سوار شده است.
معماری اطلاعات از دو قسمت “شناسایی, تعریف محتوا و عملکرد محصول” و “ساختار و نامگذاری بین محتوا سایت” تشکیل شدهاست. معماری اطلاعات بخشی از UI نیست و به طور مستقیم بر UX تاثیر میگذارد. تجربه کاربر از هر آنچه که کاربر با آن روبرو میشود ساخته شده است و این در حالی است که کاربران ساختار وبسایت را نمیبینند اما میتوانند ساختارهای جداشده براساس نیازها و انتظاراتشان را تشخیص دهند.
توصیه میکنم از طریق لینک زیر در این مورد بیشتر مطالعه کنید:
https://bit.ly/dxgn1019
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فروزان فاضلی
#معماری_اطلاعات #تجربه_کاربر #نویگیشن
#navigation #IA
@Dexign فلسفه دیزاین
_________
وقتی حیوانی را میبینیم فقط پوست و مویش را میبینیم ولی اسکلت و استخوانهایی که حیوان را سرپا نگه داشتهاند را نمیتوان دید، این مثال رابطهی بین معماری اطلاعات و نویگیشن است.
بسیاری از افراد به اشتباه مفهوم معماری اطلاعات و نویگیشن را یکی میدانند، در حالی که معماری اطلاعات به طراحی نویگیشن کمک میکند و فراتر از نویگیشنهاست. میتوان گفت که نویگیشن مانند نوک کوه یخی است که روی معماری اطلاعات سوار شده است.
معماری اطلاعات از دو قسمت “شناسایی, تعریف محتوا و عملکرد محصول” و “ساختار و نامگذاری بین محتوا سایت” تشکیل شدهاست. معماری اطلاعات بخشی از UI نیست و به طور مستقیم بر UX تاثیر میگذارد. تجربه کاربر از هر آنچه که کاربر با آن روبرو میشود ساخته شده است و این در حالی است که کاربران ساختار وبسایت را نمیبینند اما میتوانند ساختارهای جداشده براساس نیازها و انتظاراتشان را تشخیص دهند.
توصیه میکنم از طریق لینک زیر در این مورد بیشتر مطالعه کنید:
https://bit.ly/dxgn1019
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فروزان فاضلی
#معماری_اطلاعات #تجربه_کاربر #نویگیشن
#navigation #IA
@Dexign فلسفه دیزاین
_________
Nielsen Norman Group
The Difference Between Information Architecture (IA) and Navigation
IA is the information backbone of the site; navigation refers to those elements in the UI that allow users to reach specific information on the site.
👍3❤1⚡1
نحوهی تعریف مساله در طراحی محصول
طراحی محصول اساساً در مورد یافتن راه حلی برای یک مشکل (یا مشکلاتی) است که کاربران با آن روبرو هستند. با این حال هر مسالهای نیاز به راه حل ندارد. اما چگونه بفهمیم که مساله شما مشکلی است که ارزش حل کردن را دارد یا نه؟ برای فهمیدن این موضوع، شما نه تنها باید مساله را شناسایی کنید، بلکه باید آن را چارچوب بندی کنید تا شما و همه اعضای تیمتان بتوانید آن را درک کنید.
👈هر چه یک مساله بهتر بیان شود، حل آن آسانتر خواهد بود.
در اینجا چارچوب سادهی پنج سوالی را توضیح میدهم که در این مورد به شما کمک خواهد کرد:
۱. مساله/مشکل چیست؟
پاسخ به این سوال به این موارد کمک خواهد کرد: مشخص شدن مساله
شما باید مساله خود را با تمرکز بر نقاط درد کاربر بیان کنید.
- از ارجاع به راه حلهای خاصی که دارید خودداری کنید. شما باید روی مساله تمرکز کنید نه راه حل.
- سعی کنید چند مساله را با هم ترکیب نکنید، حتی زمانی که آنها به هم مرتبط هستند. شما باید این چارچوب را به صورت جداگانه برای هر مساله اعمال کنید.
- مسائل را بر اساس میزان اهمیت آنها برای کاربران/بیزنس الویت بندی کنید.
۲. چه کسی این مساله/مشکل را تجربه میکند؟
پاسخ به این سوال به این موارد کمک خواهد کرد: شناسایی مخاطبان هدف
مخاطبان هدف و نیازهای آنها باید در جلو و مرکز فرآیند طراحی محصول شما باشند. شما باید درک کاملی از این که کاربران شما چه کسانی هستند و چه نقاط دردناکی دارند داشته باشید.
گاهی اوقات میتوانید چندین گروه از کاربران را پیدا کنید که تحت تأثیر یک مساله/مشکل قرار گرفتهاند و گروههای مختلف به طور متفاوتی تحت تأثیر قرار میگیرند. در این مورد، شما باید تأثیر آن بر هر گروه را به صورت جداگانه اندازهگیری کنید.
۳. چرا این مساله/مشکل پیش میآید؟
پاسخ به این سوال به این موارد کمک خواهد کرد: شناسایی عوامل محرک
کاربران در صورت مواجهه با این مساله/مشکل چه کارهایی را میخواهند انجام دهند؟ فهم این موضوع به شما کمک میکند مشکلات را به اهداف کاربر متصل کنید و سفر کاربر (و نقش محصول شما در زندگی کاربر) را بهتر درک کنید.
در ادامهی این مقاله میتوانید دو نکتهی بعدیِ این چارچوبِ پنج سوالی را به صورت کامل بخوانید.
https://bit.ly/dxgn1020
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: بهاره حاجوی
#تعریف_مسئله #راه_حل #ریشه_یابی
@Dexign فلسفه دیزاین
_________
طراحی محصول اساساً در مورد یافتن راه حلی برای یک مشکل (یا مشکلاتی) است که کاربران با آن روبرو هستند. با این حال هر مسالهای نیاز به راه حل ندارد. اما چگونه بفهمیم که مساله شما مشکلی است که ارزش حل کردن را دارد یا نه؟ برای فهمیدن این موضوع، شما نه تنها باید مساله را شناسایی کنید، بلکه باید آن را چارچوب بندی کنید تا شما و همه اعضای تیمتان بتوانید آن را درک کنید.
👈هر چه یک مساله بهتر بیان شود، حل آن آسانتر خواهد بود.
در اینجا چارچوب سادهی پنج سوالی را توضیح میدهم که در این مورد به شما کمک خواهد کرد:
۱. مساله/مشکل چیست؟
پاسخ به این سوال به این موارد کمک خواهد کرد: مشخص شدن مساله
شما باید مساله خود را با تمرکز بر نقاط درد کاربر بیان کنید.
- از ارجاع به راه حلهای خاصی که دارید خودداری کنید. شما باید روی مساله تمرکز کنید نه راه حل.
- سعی کنید چند مساله را با هم ترکیب نکنید، حتی زمانی که آنها به هم مرتبط هستند. شما باید این چارچوب را به صورت جداگانه برای هر مساله اعمال کنید.
- مسائل را بر اساس میزان اهمیت آنها برای کاربران/بیزنس الویت بندی کنید.
۲. چه کسی این مساله/مشکل را تجربه میکند؟
پاسخ به این سوال به این موارد کمک خواهد کرد: شناسایی مخاطبان هدف
مخاطبان هدف و نیازهای آنها باید در جلو و مرکز فرآیند طراحی محصول شما باشند. شما باید درک کاملی از این که کاربران شما چه کسانی هستند و چه نقاط دردناکی دارند داشته باشید.
گاهی اوقات میتوانید چندین گروه از کاربران را پیدا کنید که تحت تأثیر یک مساله/مشکل قرار گرفتهاند و گروههای مختلف به طور متفاوتی تحت تأثیر قرار میگیرند. در این مورد، شما باید تأثیر آن بر هر گروه را به صورت جداگانه اندازهگیری کنید.
۳. چرا این مساله/مشکل پیش میآید؟
پاسخ به این سوال به این موارد کمک خواهد کرد: شناسایی عوامل محرک
کاربران در صورت مواجهه با این مساله/مشکل چه کارهایی را میخواهند انجام دهند؟ فهم این موضوع به شما کمک میکند مشکلات را به اهداف کاربر متصل کنید و سفر کاربر (و نقش محصول شما در زندگی کاربر) را بهتر درک کنید.
در ادامهی این مقاله میتوانید دو نکتهی بعدیِ این چارچوبِ پنج سوالی را به صورت کامل بخوانید.
https://bit.ly/dxgn1020
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: بهاره حاجوی
#تعریف_مسئله #راه_حل #ریشه_یابی
@Dexign فلسفه دیزاین
_________
Medium
How to define the problem in product design
Product design is essentially about finding a solution to a problem (or problems) that users face. However, not every problem needs a…
👍9
رفتن به درون ذهن کاربر با Cultural Probe!
یوزابیلیتی تست یکی از بهترین راهها برای یافتن مشکلات محصول است اما کاربر در محیط آزمایشگاهی تسک مخصوصی را انجام میدهد و این باعث میشود تا از شرایط واقعی فاصله گرفته و میل به عملکرد بهتر منجر به پاسخهایی میشود که لزوما در واقعیت شکل نمیگیرد!
آیا بهتر نیست که بتوانیم درون ذهن کاربران را کاووش کنیم و انگیزه و رفتارهایشان را در بستری طبیعیتر مطالعه کنیم؟
با استفاده از متد cultural probe این مهم ممکن میشود.
این روش به شما امکان میدهد تا فراتر از مصاحبه و پرسش و پاسخهای معمول و یا مشاهده بروید که گاها ممکن است منجر به راهحلهایی شود که لزوما درست نیستند!
کالچرال پراب یا پویشگران فرهنگی چیست؟
در اینجا میخواهیم به بخشی از این روش که مربوط به تست کاربرد پذیری است بپردازیم.
دفترچه روزانه یکی از ابزارهایی است برای مستند کردن افکار کاربر در این متد استغاده میشود و اطلاعاتی نظیر چرایی و چگونگی ارتباط کاربر با محصول را به مدت یک هفته یا ۱۰ روز توسط کاربر ثبت میشود حتی میتوان به جای درخواست یادداشت با مشارکت کننده صحبت کنید تا اطلاعات مفیدی را از آنها دریافت کنید.
با پرسیدن سوالات به اطلاعاتی مانند این که کاربر چگونه با محصول ارتباط میگیرد؟ کاربر چه احساسی دارد؟ و دانستن اینکه چرا کاربر با قسمتی از محصول ارتباط میگیرد و با قسمتی نه به طراحی شما کمک خواهد کرد تا راهکارهای بهتری ارایه دهید. همچنین گاهی ممکن است کاربر بهگونهای از محصول استفاده کند که طراحان آنرا پیشبینی نکرده و به آن فکر نکردهاند!
نکات مهم:
۱. سعی کنید سوالات را مجدد بپرسید تا کاربر اطلاعات بیشتری به شما دهد. دستیابی به افکار کاربر ما را به سمت راهحلهای جدید پیش میبرد.
۲. به مشارکتکننده امکانات مختلفی مانند عکس، نوشتن و ترسیمکردن بدهید تا افکار خود را به هر روشی که راحتتر است مستند کند.
۳. سوالات دفترچه روزانه نباید زیاد باشد تا مشارکتکننده تشویق به انجام آن شود.
با تحلیل نتیجه پویشگران فرهنگی میتوان به الگوی رفتاری کاربران پی برد همچنین کمک میکند که نیازهای واقعی کاربر بررسی شود نه اینکه بگوید چه میخواهد.
متن کامل مقاله را در لینک زیر بخوانید:
https://bit.ly/dxgn1021
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: صهبا جابری
#تجربه_کاربر #کاربر_پژوهی #کاربرد_پذیری
@Dexign فلسفه دیزاین
_________
یوزابیلیتی تست یکی از بهترین راهها برای یافتن مشکلات محصول است اما کاربر در محیط آزمایشگاهی تسک مخصوصی را انجام میدهد و این باعث میشود تا از شرایط واقعی فاصله گرفته و میل به عملکرد بهتر منجر به پاسخهایی میشود که لزوما در واقعیت شکل نمیگیرد!
آیا بهتر نیست که بتوانیم درون ذهن کاربران را کاووش کنیم و انگیزه و رفتارهایشان را در بستری طبیعیتر مطالعه کنیم؟
با استفاده از متد cultural probe این مهم ممکن میشود.
این روش به شما امکان میدهد تا فراتر از مصاحبه و پرسش و پاسخهای معمول و یا مشاهده بروید که گاها ممکن است منجر به راهحلهایی شود که لزوما درست نیستند!
کالچرال پراب یا پویشگران فرهنگی چیست؟
در اینجا میخواهیم به بخشی از این روش که مربوط به تست کاربرد پذیری است بپردازیم.
دفترچه روزانه یکی از ابزارهایی است برای مستند کردن افکار کاربر در این متد استغاده میشود و اطلاعاتی نظیر چرایی و چگونگی ارتباط کاربر با محصول را به مدت یک هفته یا ۱۰ روز توسط کاربر ثبت میشود حتی میتوان به جای درخواست یادداشت با مشارکت کننده صحبت کنید تا اطلاعات مفیدی را از آنها دریافت کنید.
با پرسیدن سوالات به اطلاعاتی مانند این که کاربر چگونه با محصول ارتباط میگیرد؟ کاربر چه احساسی دارد؟ و دانستن اینکه چرا کاربر با قسمتی از محصول ارتباط میگیرد و با قسمتی نه به طراحی شما کمک خواهد کرد تا راهکارهای بهتری ارایه دهید. همچنین گاهی ممکن است کاربر بهگونهای از محصول استفاده کند که طراحان آنرا پیشبینی نکرده و به آن فکر نکردهاند!
نکات مهم:
۱. سعی کنید سوالات را مجدد بپرسید تا کاربر اطلاعات بیشتری به شما دهد. دستیابی به افکار کاربر ما را به سمت راهحلهای جدید پیش میبرد.
۲. به مشارکتکننده امکانات مختلفی مانند عکس، نوشتن و ترسیمکردن بدهید تا افکار خود را به هر روشی که راحتتر است مستند کند.
۳. سوالات دفترچه روزانه نباید زیاد باشد تا مشارکتکننده تشویق به انجام آن شود.
با تحلیل نتیجه پویشگران فرهنگی میتوان به الگوی رفتاری کاربران پی برد همچنین کمک میکند که نیازهای واقعی کاربر بررسی شود نه اینکه بگوید چه میخواهد.
متن کامل مقاله را در لینک زیر بخوانید:
https://bit.ly/dxgn1021
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: صهبا جابری
#تجربه_کاربر #کاربر_پژوهی #کاربرد_پذیری
@Dexign فلسفه دیزاین
_________
A List Apart
Inside Your Users’ Minds: The Cultural Probe
Drawing on the field of ethnography, Ruth Stalker-Firth introduces a method for studying user behavior and motivations outside the lab.
👍5
اشتباهات رایج در معماری اطلاعات
ساختار اطلاعات بد باعث اکثر شکستهای مستقیم کاربر میشود که در دو دسته ساختار اطلاعات و نوگیشین تقسيم میشوند. در حالت استاندارد و درست این دو باید از یکدیگر پشتیبانی کنند و با کمک جستجو بتوان پیچیدگیها، ناهماهنگیها و گزینههای پنهان را برای کاربر از بین برد.
در این مقاله به اشتباهات رایجی که در دنیای واقعی برای ما کمک کننده و مفید بوده اما در دنیای دیجیتال باعث گمراهی و گیج شدن کاربر میشود، پرداخته شده است. گاهی با اطلاعات سایت مانند باتلاق رفتار میشود و برای موارد منفرد هیچ ساختار قابل فهمی تعریف نمیشود و امکان مکان یابی را از کاربر میگیرد و یا بعضی محصولات را در چند دسته بندی قرار میدهند که باعث گیجی بیشتر کاربر میشود.
توصیه میکنم حتما این اشتباهات را مطالعه کنید تا تجربه کاربر بهتری به کاربران خود هدیه دهید.
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