تایپوگرافی در طراحی
تایپوگرافی ابزاریست که در آن طراحان قادر به برقراری ارتباط با کاربر هستند.
فقط انتخاب یک فونت خوب تایپوگرافی نیست، تایپوگرافی باید با عناصر طراحی ترکیب شود تا تعادل کلی زیبایی شناختی ایجاد کند. یکی از مهم ترین تکنیکها برای ارتباط موثر محتوا، استفاده از سلسله مراتب تایپوگرافی است. سلسله مراتب تایپوگرافی به خواننده نشان میدهد که روی کدام اطلاعات باید تمرکز کند.
تایپفیس
تایپ فیس با مجموعهای از فونتهای مرتبط تعریف میشود. افراد از چندین دستگاه، اندازه صفحه نمایش و رزولوشن به وب سایت شما دسترسی خواهند داشت. لازم است یک تایپ فیس انتخاب کنید که در اندازهها، وزنها و محیطهای مختلف به خوبی کار کند تا خوانایی و قابلیت استفاده را آسان کند. به عنوان مثال، اپل تایپ فیس خود را به نام سان فرانسیسکو ایجاد کرده است. این فونت به گونهای طراحی شده است که هم در اندازههای کوچک و هم در اندازههای بزرگ بسیار خوانا باشد.
سایز فونت
اندازه فونت برای دستگاههای مختلف متفاوت است. وقتی صحبت از خوانایی میشود، حداقل اندازه فونت قابل قبول که توسط WCAG (راهنمای دسترسی به محتوای وب) تعریف شده است، ۱۸pt است.
ارتفاع خط
ارتفاع بهینه خط تضمین میکند که خطوط متن فاصله کافی بین آنها برای رسیدن به سطح مناسبی از خوانایی دارند. WCAG به ما در این مورد کمک میکند، بهتر است که ارتفاع خط ۱.۵x اندازه فونت باشد.
مثال: اگر متن ۱۸px باشد، آنگاه ارتفاع خط باید ۲۷px (۱۸ * ۱.۵)باشد.
فاصله پارگراف
مشابه ارتفاع خط، ضریب جادویی ۲x است (دو برابر اندازه فونت). به عنوان مثال، اگر اندازه فونت ۱۸px باشد، قبل از اینکه به پاراگراف بعدی منتهی شود، باید یک فضای ۳۶px وجود داشته باشد.
متوسط طول متن را به اندازه عرض کامل صفحه نمایش در نظر نگیرید. قاعده خوب حفظ حدود ۶۰ کاراکتر در هر خط است. هر چیز دیگری خواننده را برای مدت طولانی در دنبال کردن متن با مشکل مواجه می کند.
کنتراست
روشهای تایپوگرافی زیادی برای افزایش سطح کنتراست وجود دارد. ما میتوانیم از رنگ و وزن بصری برای تاکید بر تایپوگرافی استفاده کنیم.
فضای سفید (فضای منفی)
فضاهای منفی به ما فضای تنفسی میدهند.از فضای منفی به طور موثر استفاده کنید و طرحهای درهم ریخته را مرتب کنید.
برای مطالعه کامل مقاله میتوانید به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1016
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربر
@Dexign فلسفه دیزاین
_________
تایپوگرافی ابزاریست که در آن طراحان قادر به برقراری ارتباط با کاربر هستند.
فقط انتخاب یک فونت خوب تایپوگرافی نیست، تایپوگرافی باید با عناصر طراحی ترکیب شود تا تعادل کلی زیبایی شناختی ایجاد کند. یکی از مهم ترین تکنیکها برای ارتباط موثر محتوا، استفاده از سلسله مراتب تایپوگرافی است. سلسله مراتب تایپوگرافی به خواننده نشان میدهد که روی کدام اطلاعات باید تمرکز کند.
تایپفیس
تایپ فیس با مجموعهای از فونتهای مرتبط تعریف میشود. افراد از چندین دستگاه، اندازه صفحه نمایش و رزولوشن به وب سایت شما دسترسی خواهند داشت. لازم است یک تایپ فیس انتخاب کنید که در اندازهها، وزنها و محیطهای مختلف به خوبی کار کند تا خوانایی و قابلیت استفاده را آسان کند. به عنوان مثال، اپل تایپ فیس خود را به نام سان فرانسیسکو ایجاد کرده است. این فونت به گونهای طراحی شده است که هم در اندازههای کوچک و هم در اندازههای بزرگ بسیار خوانا باشد.
سایز فونت
اندازه فونت برای دستگاههای مختلف متفاوت است. وقتی صحبت از خوانایی میشود، حداقل اندازه فونت قابل قبول که توسط WCAG (راهنمای دسترسی به محتوای وب) تعریف شده است، ۱۸pt است.
ارتفاع خط
ارتفاع بهینه خط تضمین میکند که خطوط متن فاصله کافی بین آنها برای رسیدن به سطح مناسبی از خوانایی دارند. WCAG به ما در این مورد کمک میکند، بهتر است که ارتفاع خط ۱.۵x اندازه فونت باشد.
مثال: اگر متن ۱۸px باشد، آنگاه ارتفاع خط باید ۲۷px (۱۸ * ۱.۵)باشد.
فاصله پارگراف
مشابه ارتفاع خط، ضریب جادویی ۲x است (دو برابر اندازه فونت). به عنوان مثال، اگر اندازه فونت ۱۸px باشد، قبل از اینکه به پاراگراف بعدی منتهی شود، باید یک فضای ۳۶px وجود داشته باشد.
متوسط طول متن را به اندازه عرض کامل صفحه نمایش در نظر نگیرید. قاعده خوب حفظ حدود ۶۰ کاراکتر در هر خط است. هر چیز دیگری خواننده را برای مدت طولانی در دنبال کردن متن با مشکل مواجه می کند.
کنتراست
روشهای تایپوگرافی زیادی برای افزایش سطح کنتراست وجود دارد. ما میتوانیم از رنگ و وزن بصری برای تاکید بر تایپوگرافی استفاده کنیم.
فضای سفید (فضای منفی)
فضاهای منفی به ما فضای تنفسی میدهند.از فضای منفی به طور موثر استفاده کنید و طرحهای درهم ریخته را مرتب کنید.
برای مطالعه کامل مقاله میتوانید به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1016
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربر
@Dexign فلسفه دیزاین
_________
Medium
Typography in design
Hey buddies! I decided to illustrate you all how typography can influence the perception of one single word.
👍6⚡1
قابلیت کشف و قابلیت یافتن (Discoverability & Findability)
افراد یا برای یافتن چیزی وارد یک وبسایت میشوند و یا در وبسایت با محصول یا فیچری مواجه میشوند. اینکه کاربر بتواند به راحتی محتوایی را در قسمت مورد نظر خود پیدا کند را “قابلیت یافتن “ و به راحتی مواجه شدن با محتوا یا عملکرد جدیدی که از آن بیاطلاع است، را “قابلیت کشف” میگویند.
هر دوی این موارد بسیار مهماند و راههای مختلفی برای تست هرکدام وجود دارد.
برای اندازه گیری “قابلیت یافتن” میتوان در تست کاربرد پذیری از کاربران خواست تا چیزی را پیدا کنند اما برای” تست کشف پذیری” نمیتوان مستقیم پیدا کردن چیزی را از کاربر خواست زیرا هدف، کشف فیچر یا آن محصول مورد نظر توسط خود کاربر است بنابراین در تست کاربردپذیری تنها باید منتظر ماند که آیا کاربر متوجه محصول مورد نظر ما میشود یا خیر. راه دیگر برای تست قابلیت کشف، استفاده از آنالیز دادهها است، اگر دادهها نشان دهند که کاربرها از فیچری استفاده نمیکنند، نشان دهنده آن است که یا قابل استفاده نیست و یا طراحی بصری و نویگیشن به گونهای نبوده که کاربر متوجه آن فیچر یا صفحه شود.
طراحی برای” قابلیت کشف” درباره نحوه قرارگیری محتوا و فیچرها در مکان هایی که مردم دوست دارند ببینند مثل بالای صفحه و یا در نزدیکی المانی بصری و طراحی برای “قابلیت یافتن” درباره قرارگیری محتوا و فیچرها در مکان هایی ست که مردم انتظار دارند ببینند.
پیشنهاد می کنم وارد لینک زیر شده و درباره این موضوع بیشتر مطالعه کنید:
https://bit.ly/dxgn1017
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #معماری_اطلاعات #IA
@Dexign فلسفه دیزاین
_________
افراد یا برای یافتن چیزی وارد یک وبسایت میشوند و یا در وبسایت با محصول یا فیچری مواجه میشوند. اینکه کاربر بتواند به راحتی محتوایی را در قسمت مورد نظر خود پیدا کند را “قابلیت یافتن “ و به راحتی مواجه شدن با محتوا یا عملکرد جدیدی که از آن بیاطلاع است، را “قابلیت کشف” میگویند.
هر دوی این موارد بسیار مهماند و راههای مختلفی برای تست هرکدام وجود دارد.
برای اندازه گیری “قابلیت یافتن” میتوان در تست کاربرد پذیری از کاربران خواست تا چیزی را پیدا کنند اما برای” تست کشف پذیری” نمیتوان مستقیم پیدا کردن چیزی را از کاربر خواست زیرا هدف، کشف فیچر یا آن محصول مورد نظر توسط خود کاربر است بنابراین در تست کاربردپذیری تنها باید منتظر ماند که آیا کاربر متوجه محصول مورد نظر ما میشود یا خیر. راه دیگر برای تست قابلیت کشف، استفاده از آنالیز دادهها است، اگر دادهها نشان دهند که کاربرها از فیچری استفاده نمیکنند، نشان دهنده آن است که یا قابل استفاده نیست و یا طراحی بصری و نویگیشن به گونهای نبوده که کاربر متوجه آن فیچر یا صفحه شود.
طراحی برای” قابلیت کشف” درباره نحوه قرارگیری محتوا و فیچرها در مکان هایی که مردم دوست دارند ببینند مثل بالای صفحه و یا در نزدیکی المانی بصری و طراحی برای “قابلیت یافتن” درباره قرارگیری محتوا و فیچرها در مکان هایی ست که مردم انتظار دارند ببینند.
پیشنهاد می کنم وارد لینک زیر شده و درباره این موضوع بیشتر مطالعه کنید:
https://bit.ly/dxgn1017
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #معماری_اطلاعات #IA
@Dexign فلسفه دیزاین
_________
Nielsen Norman Group
Findability vs. Discoverability (Video)
Locating features or content on a website or in an app happen in two different ways: finding (users look for the item) and discovering (users come across the item). Both are important, but require different user research techniques to evaluate.
👍8
ساختار یک پورتفولیوی خوب
میتوان گفت پورتفولیو سلاح اصلی جنگ است که همه طراحان باید آن را داشته باشند.
پورتفولیو مهم است زیرا اولین راه ارتباطی شما با استخدام کنندگان میشود. اگر پورتفولیوی خوبی دارید، در حال حاضر یک قدم جلوتر هستید.
پورتفولیو تنها به عنوان جایی برای اثبات شما به عنوان یک طراح نیست، بلکه نحوهی تفکر شما به عنوان یک طراح را نیز نشان میدهد.
از آن جایی که این موضوع برای حرفه یک طراح بسیار مهم است، این نمونه کارها را نمی توان به طور سرسری و بیهدف ساخت.
من دربارهی این که چگونه و چه چیزی باعث میشود یک سری نمونه کارهای UI/UX فوراً بهطور خودکار تأیید شوند توضیح خواهم داد.
بیایید این موارد را قدم به قدم بررسی کنیم:
اگر از شما بپرسند که جنبههای مهم پورتفولیو UI/UX چیست، پاسخ این است 👇
ـ مدل فکری
- حل مساله
- فرآیند طراحی
سه موضوع فوق مواردی هستند که استخدام کنندگان بیشتر به آن نگاه میکنند. با این ۳ مورد در نمونه کارهای UX شما، استخدام کنندگان میتوانند به تواناییهای شما به عنوان یک طراح اطمینان داشته باشند. جدا از ۳ موردی که قبلاً ذکر شد، داستان سرایی نیز یک جنبه مهم است تا نمونه کارهای UX شما خوب به نظر برسد.
👈 اما چگونه میتوان یک پورتفولیوی خوب با داستانسرایی خوبی ساخت؟
زمینه سازی
داستان سرایی خود را با ارائهی زمینهی پروژهای که روی آن کار میکنید شروع کنید. شما میتوانید در پورتفولیوی خود به این شکل توضیح دهید:
نام پروژه
شرح مختصری از پروژه
اهداف پروژه
نه تنها از سمت پروژه توضیح دهید، بلکه میتوانید توضیح دهید که مسئولیتهای شما در پروژه چیست و چه چیزهایی را ارائه میدهید.
شفاف کردن صورت مساله
در مرحلهی بعدی میتوانید شروع کنید به گفتن این که چه مشکلی را میخواهید حل کنید. بگویید مشکل از کجا میآید و چرا میخواهید این مشکل را حل کنید.
بعد از این اکنون نوبت مرحلهای است که نشان دهید چگونه فکر میکنید. در این قسمت مراحل طراحی را که طی کردهاید نشان خواهید داد. چگونه این مراحل را توضیح دهیم؟
در ادامهی این مقاله میتوانید تمامی توصیههای نویسنده را دربارهی ایجاد یک پورتفولیوی خوب به صورت کامل بخوانید.
https://bit.ly/dxgn1018
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
@Dexign فلسفه دیزاین
_________
میتوان گفت پورتفولیو سلاح اصلی جنگ است که همه طراحان باید آن را داشته باشند.
پورتفولیو مهم است زیرا اولین راه ارتباطی شما با استخدام کنندگان میشود. اگر پورتفولیوی خوبی دارید، در حال حاضر یک قدم جلوتر هستید.
پورتفولیو تنها به عنوان جایی برای اثبات شما به عنوان یک طراح نیست، بلکه نحوهی تفکر شما به عنوان یک طراح را نیز نشان میدهد.
از آن جایی که این موضوع برای حرفه یک طراح بسیار مهم است، این نمونه کارها را نمی توان به طور سرسری و بیهدف ساخت.
من دربارهی این که چگونه و چه چیزی باعث میشود یک سری نمونه کارهای UI/UX فوراً بهطور خودکار تأیید شوند توضیح خواهم داد.
بیایید این موارد را قدم به قدم بررسی کنیم:
اگر از شما بپرسند که جنبههای مهم پورتفولیو UI/UX چیست، پاسخ این است 👇
ـ مدل فکری
- حل مساله
- فرآیند طراحی
سه موضوع فوق مواردی هستند که استخدام کنندگان بیشتر به آن نگاه میکنند. با این ۳ مورد در نمونه کارهای UX شما، استخدام کنندگان میتوانند به تواناییهای شما به عنوان یک طراح اطمینان داشته باشند. جدا از ۳ موردی که قبلاً ذکر شد، داستان سرایی نیز یک جنبه مهم است تا نمونه کارهای UX شما خوب به نظر برسد.
👈 اما چگونه میتوان یک پورتفولیوی خوب با داستانسرایی خوبی ساخت؟
زمینه سازی
داستان سرایی خود را با ارائهی زمینهی پروژهای که روی آن کار میکنید شروع کنید. شما میتوانید در پورتفولیوی خود به این شکل توضیح دهید:
نام پروژه
شرح مختصری از پروژه
اهداف پروژه
نه تنها از سمت پروژه توضیح دهید، بلکه میتوانید توضیح دهید که مسئولیتهای شما در پروژه چیست و چه چیزهایی را ارائه میدهید.
شفاف کردن صورت مساله
در مرحلهی بعدی میتوانید شروع کنید به گفتن این که چه مشکلی را میخواهید حل کنید. بگویید مشکل از کجا میآید و چرا میخواهید این مشکل را حل کنید.
بعد از این اکنون نوبت مرحلهای است که نشان دهید چگونه فکر میکنید. در این قسمت مراحل طراحی را که طی کردهاید نشان خواهید داد. چگونه این مراحل را توضیح دهیم؟
در ادامهی این مقاله میتوانید تمامی توصیههای نویسنده را دربارهی ایجاد یک پورتفولیوی خوب به صورت کامل بخوانید.
https://bit.ly/dxgn1018
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
@Dexign فلسفه دیزاین
_________
👍6
تفاوت بین معماری اطلاعات و طراحی نویگیشن
وقتی حیوانی را میبینیم فقط پوست و مویش را میبینیم ولی اسکلت و استخوانهایی که حیوان را سرپا نگه داشتهاند را نمیتوان دید، این مثال رابطهی بین معماری اطلاعات و نویگیشن است.
بسیاری از افراد به اشتباه مفهوم معماری اطلاعات و نویگیشن را یکی میدانند، در حالی که معماری اطلاعات به طراحی نویگیشن کمک میکند و فراتر از نویگیشنهاست. میتوان گفت که نویگیشن مانند نوک کوه یخی است که روی معماری اطلاعات سوار شده است.
معماری اطلاعات از دو قسمت “شناسایی, تعریف محتوا و عملکرد محصول” و “ساختار و نامگذاری بین محتوا سایت” تشکیل شدهاست. معماری اطلاعات بخشی از 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