طراحی رابط کاربری
طراحی رابط کاربری (UI) فرآیندی است که طراحان برای ایجاد رابط در نرمافزار یا دستگاههای رایانهای با تمرکز بر ظاهر یا سبک استفاده میکنند. هدف طراحان ایجاد رابطهایی است که استفاده از آنها برای کاربران آسان و لذت بخش باشد.
رابطهای کاربری در سه قالب ارائه می شوند:
- رابطهای گرافیکی کاربر (GUI) Graphical user interfaces
مثلا دسکتاپ کامپیوتر یک رابط کاربری گرافیکی است.
- رابطهای کنترلشده صوتی (VUI) Voice-controlled interfaces
سیری در آیفون و الکسا در دستگاههای آمازون
- رابط های مبتنی بر ژست (VR) Gesture-based interfaces
به عنوان مثال، در بازیهای واقعیت مجازی (VR).
کاربران به سرعت طرحها را قضاوت میکنند و به قابلیت استفاده و دوست داشتنی بودن اهمیت میدهند. آنها به طراحی شما اهمیت نمیدهند، بلکه به انجام راحت کارها و با حداقل تلاش اهمیت میدهند. بنابراین، طراحی شما باید «نامرئی» باشد.
طراحی خوب طراحی احساسی است. کاربران احساسات خوب را با برندهایی مرتبط میکنند که در همه سطوح با آنها صحبت میکنند و جادوی تجربههای لذتبخش و یکپارچه را زنده نگه میدارند. Airbnb نمونهای از طراحی خوب است.
برای ارائه رابط کاربری چشمگیر، بهتر است این دستورالعملها را رعایت کنید:
- دکمه ها یا عناصر دیگر را قابل پیش بینی کنید.
- رابطها را ساده و نامرئی نگه دارید.
- به چشم و توجه کاربر در مورد چیدمان احترام بگذارید.
- از بازخورد، برای پاسخها یا اقدامات کاربران استفاده کنید.
- از الگوهای طراحی رابط کاربری مناسب برای کمک به راهنمایی کاربران استفاده کنید.
- ثبات برند را حفظ کنید.
از آنجایی که بهترین رابط، بدون رابط بودن است، شما باید مستقیمترین، در دسترسترین، راحتترین کنترل و بهترین تجربه را به کاربران ارائه دهید، تا جایی که فراموش کنند از طراحی شما استفاده میکنند.
بنابراین، از خود بپرسید "آیا می توانم کارها را ساده تر کنم؟"
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر
#UI
@Dexign فلسفه دیزاین
______
طراحی رابط کاربری (UI) فرآیندی است که طراحان برای ایجاد رابط در نرمافزار یا دستگاههای رایانهای با تمرکز بر ظاهر یا سبک استفاده میکنند. هدف طراحان ایجاد رابطهایی است که استفاده از آنها برای کاربران آسان و لذت بخش باشد.
رابطهای کاربری در سه قالب ارائه می شوند:
- رابطهای گرافیکی کاربر (GUI) Graphical user interfaces
مثلا دسکتاپ کامپیوتر یک رابط کاربری گرافیکی است.
- رابطهای کنترلشده صوتی (VUI) Voice-controlled interfaces
سیری در آیفون و الکسا در دستگاههای آمازون
- رابط های مبتنی بر ژست (VR) Gesture-based interfaces
به عنوان مثال، در بازیهای واقعیت مجازی (VR).
کاربران به سرعت طرحها را قضاوت میکنند و به قابلیت استفاده و دوست داشتنی بودن اهمیت میدهند. آنها به طراحی شما اهمیت نمیدهند، بلکه به انجام راحت کارها و با حداقل تلاش اهمیت میدهند. بنابراین، طراحی شما باید «نامرئی» باشد.
طراحی خوب طراحی احساسی است. کاربران احساسات خوب را با برندهایی مرتبط میکنند که در همه سطوح با آنها صحبت میکنند و جادوی تجربههای لذتبخش و یکپارچه را زنده نگه میدارند. Airbnb نمونهای از طراحی خوب است.
برای ارائه رابط کاربری چشمگیر، بهتر است این دستورالعملها را رعایت کنید:
- دکمه ها یا عناصر دیگر را قابل پیش بینی کنید.
- رابطها را ساده و نامرئی نگه دارید.
- به چشم و توجه کاربر در مورد چیدمان احترام بگذارید.
- از بازخورد، برای پاسخها یا اقدامات کاربران استفاده کنید.
- از الگوهای طراحی رابط کاربری مناسب برای کمک به راهنمایی کاربران استفاده کنید.
- ثبات برند را حفظ کنید.
از آنجایی که بهترین رابط، بدون رابط بودن است، شما باید مستقیمترین، در دسترسترین، راحتترین کنترل و بهترین تجربه را به کاربران ارائه دهید، تا جایی که فراموش کنند از طراحی شما استفاده میکنند.
بنابراین، از خود بپرسید "آیا می توانم کارها را ساده تر کنم؟"
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر
#UI
@Dexign فلسفه دیزاین
______
The Interaction Design Foundation
What is User Interface (UI) Design? — updated 2025
User interface (UI) design is the process designers use to build easy-to-use and pleasurable interfaces in software or computerized devices.
👍7❤3⚡2
رابطه بین طراحی سرویس و طراحی UX
در دهه گذشته، خدمات دیجیتال به بخش رایجی از زندگی روزمره ما تبدیل شده است.
این روزها، شرکتهای دیجیتال خالص به طور موثر تجربیات خدمات دیجیتال معناداری را ارائه میدهند. شرکتهایی مانند اپل از این آموختهها برای بهبود تجربه خدمات فیزیکی خود از طریق طرحهایی مانند فروشگاه اپل استفاده کردهاند.
در مقایسه، بسیاری از کسبوکارهای سنتی برای مدرنسازی خدمات تلفنی یا فروشگاهی خود با مشکل مواجه شدهاند و از دیجیتال فقط به عنوان تمرین کاهش هزینه سلف سرویس استفاده میکنند، نه وسیلهای برای ایجاد یک تجربه خدماتی عمیقتر و صمیمیتر.
به دلیل هم مرز بودن با سایر رشتهها، رایج ترین تعاریف از طراحی سرویس، شامل اتخاذ رویکردی جامع برای طراحی تعاملاتی است که در طول سفر مشتری رخ میدهد، با در نظر گرفتن بخشهای تجاری، بازیگران، پلتفرمها و نقاط تماس.
مقایسه طراحی UX و طراحی خدمات
هنگام طراحی محصولات و خدمات دیجیتال، طراحان UX ملزم به اتخاذ رویکردی جامع برای کار خود هستند، که اغلب شامل حفاری عمیقتر در زمینه گستردهتر مشکل و چگونگی ارتباط راهحل با سازمان گستردهتر، اهداف تجاری آن و تجربه مشتری نهایی است.
همانطور که الیل سارینن گفته است:
"همیشه یک چیز را با در نظر گرفتن آن در زمینه بعدی بزرگتر طراحی کنید - یک صندلی در یک اتاق، یک اتاق در یک خانه، یک خانه در یک محیط، یک محیط در یک طرح شهری."
طراحان UX خوب همیشه به زمینه نگاه میکنند. این ناگزیر به این معنی است که از صفحه نمایش خارج شوید تا بفهمید که چگونه محصولات در دنیای واقعی استفاده میشوند. طراحان خدمات اغلب نیاز دارند تا جزئیات یک نقطه لمس دیجیتال را برای ایجاد مشخصات معنادار که میتواند به یک طراح UX تحویل دهد، بررسی کنند.
با ظهور خدمات دیجیتال، مرزهای بین رشتهها و نقش طراح به طور فزایندهای مبهم میشود. همانطور که طراحی خدمات بیشتر به صورت دیجیتالی متمرکز میشود و پروژه های UX بیشتر و بیشتر خدمات گرا میشوند، فضایی مشترک بین رشته ها نیز پدیدار میشود.
همانطور که الیل سارینن گفته است ...
"همیشه یک چیز را با در نظر گرفتن آن در زمینه بعدی بزرگتر طراحی کنید - یک صندلی در یک اتاق، یک اتاق در یک خانه، یک خانه در یک محیط، یک محیط در یک طرح شهری."
ادامه مقاله را در اینجا مطالعه کنید.
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: امیرحسین معظمی
#طراحی_محصول #تجربه_کاربر
#UX
@Dexign فلسفه دیزاین
______
در دهه گذشته، خدمات دیجیتال به بخش رایجی از زندگی روزمره ما تبدیل شده است.
این روزها، شرکتهای دیجیتال خالص به طور موثر تجربیات خدمات دیجیتال معناداری را ارائه میدهند. شرکتهایی مانند اپل از این آموختهها برای بهبود تجربه خدمات فیزیکی خود از طریق طرحهایی مانند فروشگاه اپل استفاده کردهاند.
در مقایسه، بسیاری از کسبوکارهای سنتی برای مدرنسازی خدمات تلفنی یا فروشگاهی خود با مشکل مواجه شدهاند و از دیجیتال فقط به عنوان تمرین کاهش هزینه سلف سرویس استفاده میکنند، نه وسیلهای برای ایجاد یک تجربه خدماتی عمیقتر و صمیمیتر.
به دلیل هم مرز بودن با سایر رشتهها، رایج ترین تعاریف از طراحی سرویس، شامل اتخاذ رویکردی جامع برای طراحی تعاملاتی است که در طول سفر مشتری رخ میدهد، با در نظر گرفتن بخشهای تجاری، بازیگران، پلتفرمها و نقاط تماس.
مقایسه طراحی UX و طراحی خدمات
هنگام طراحی محصولات و خدمات دیجیتال، طراحان UX ملزم به اتخاذ رویکردی جامع برای کار خود هستند، که اغلب شامل حفاری عمیقتر در زمینه گستردهتر مشکل و چگونگی ارتباط راهحل با سازمان گستردهتر، اهداف تجاری آن و تجربه مشتری نهایی است.
همانطور که الیل سارینن گفته است:
"همیشه یک چیز را با در نظر گرفتن آن در زمینه بعدی بزرگتر طراحی کنید - یک صندلی در یک اتاق، یک اتاق در یک خانه، یک خانه در یک محیط، یک محیط در یک طرح شهری."
طراحان UX خوب همیشه به زمینه نگاه میکنند. این ناگزیر به این معنی است که از صفحه نمایش خارج شوید تا بفهمید که چگونه محصولات در دنیای واقعی استفاده میشوند. طراحان خدمات اغلب نیاز دارند تا جزئیات یک نقطه لمس دیجیتال را برای ایجاد مشخصات معنادار که میتواند به یک طراح UX تحویل دهد، بررسی کنند.
با ظهور خدمات دیجیتال، مرزهای بین رشتهها و نقش طراح به طور فزایندهای مبهم میشود. همانطور که طراحی خدمات بیشتر به صورت دیجیتالی متمرکز میشود و پروژه های UX بیشتر و بیشتر خدمات گرا میشوند، فضایی مشترک بین رشته ها نیز پدیدار میشود.
همانطور که الیل سارینن گفته است ...
"همیشه یک چیز را با در نظر گرفتن آن در زمینه بعدی بزرگتر طراحی کنید - یک صندلی در یک اتاق، یک اتاق در یک خانه، یک خانه در یک محیط، یک محیط در یک طرح شهری."
ادامه مقاله را در اینجا مطالعه کنید.
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: امیرحسین معظمی
#طراحی_محصول #تجربه_کاربر
#UX
@Dexign فلسفه دیزاین
______
Clearleft
The Relationship Between Service Design and UX Design - Part 1
With the rise of Digital Services, the boundaries between the disciplines of Service Design and UX Design–and the role of the designer–are becoming…
👍5❤2
استفاده از نظریه گشتالت در طراحی رابط کاربری
گشتالت کلمهای آلمانی است که "کل یکپارچه" ترجمه میشود.
هم در هنرهای تجسمی و هم در روانشناسی، هدف اصول گشتالت یافتن برخی عناصر مشترک و وارد کردن نظم ساختاری در محیط آشفته و پر سر و صدای انسانی است.
اصول گشتالت و کاربردهای آن در طراحی، در ۳ مرحله تعریف می شوند...
قانون تقارن و عدم تقارن
ترکیب متقارن شامل قرار دادن عناصر در یک ترکیب برابر است، نه منحرف کردن دید. در مقابل، ترکیب نامتقارن زمانی است که عناصر به روش خاصی قرار میگیرند که چشم را به عنصری خاص هدایت میکند.
با انتخاب درست چیدمانها از طریق تقارن و عدم تقارن، میتوانیم تعادل، طراحی پویا و یا اطلاعات مورد نیاز را برجسته کنیم.
قانون تداوم
قانون تداوم توضیح میدهد که چگونه ذهن انسان به طور ناخودآگاه خطوط بصری یا عناصری را دنبال میکند که به عنوان یک جهت ثابت در کنار هم قرار میگیرند. این به طراحان اجازه میدهد تا کاربر را به طور نامحسوس به سمت اهداف خاص هدایت کنند و در عین حال تأثیر قابل توجهی بر روی کاربر بگذارند.
قانون شکل / رابطه زمینه
رابطهی بین پیش زمینه و پس زمینه مکمل یکدیگرند. چشم انسان تمایل دارد بین دو رنگ مختلف در یک تصویر به عنوان پیش زمینه و پس زمینه تمایز قائل شود. معمولاً جسم یا نقطه کانونی پیش زمینه در نظر گرفته میشود و بقیه پس زمینه.
قوانین گشتالت در رسیدن به هدف رابط کاربری کمک و امکان انتقال سریع و آسان اطلاعات را فراهم میکنند. یک طراحی خوب مخاطبان را گیج نمیکند و آنها را از نظر بصری به بهترین وجه راهنمایی میکند. این حس، نظم و انضباط طراحی UI را در کاربر القا میکند.
برای مطالعه ادامه مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر
#UI
@Dexign فلسفه دیزاین
______
گشتالت کلمهای آلمانی است که "کل یکپارچه" ترجمه میشود.
هم در هنرهای تجسمی و هم در روانشناسی، هدف اصول گشتالت یافتن برخی عناصر مشترک و وارد کردن نظم ساختاری در محیط آشفته و پر سر و صدای انسانی است.
اصول گشتالت و کاربردهای آن در طراحی، در ۳ مرحله تعریف می شوند...
قانون تقارن و عدم تقارن
ترکیب متقارن شامل قرار دادن عناصر در یک ترکیب برابر است، نه منحرف کردن دید. در مقابل، ترکیب نامتقارن زمانی است که عناصر به روش خاصی قرار میگیرند که چشم را به عنصری خاص هدایت میکند.
با انتخاب درست چیدمانها از طریق تقارن و عدم تقارن، میتوانیم تعادل، طراحی پویا و یا اطلاعات مورد نیاز را برجسته کنیم.
قانون تداوم
قانون تداوم توضیح میدهد که چگونه ذهن انسان به طور ناخودآگاه خطوط بصری یا عناصری را دنبال میکند که به عنوان یک جهت ثابت در کنار هم قرار میگیرند. این به طراحان اجازه میدهد تا کاربر را به طور نامحسوس به سمت اهداف خاص هدایت کنند و در عین حال تأثیر قابل توجهی بر روی کاربر بگذارند.
قانون شکل / رابطه زمینه
رابطهی بین پیش زمینه و پس زمینه مکمل یکدیگرند. چشم انسان تمایل دارد بین دو رنگ مختلف در یک تصویر به عنوان پیش زمینه و پس زمینه تمایز قائل شود. معمولاً جسم یا نقطه کانونی پیش زمینه در نظر گرفته میشود و بقیه پس زمینه.
قوانین گشتالت در رسیدن به هدف رابط کاربری کمک و امکان انتقال سریع و آسان اطلاعات را فراهم میکنند. یک طراحی خوب مخاطبان را گیج نمیکند و آنها را از نظر بصری به بهترین وجه راهنمایی میکند. این حس، نظم و انضباط طراحی UI را در کاربر القا میکند.
برای مطالعه ادامه مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر
#UI
@Dexign فلسفه دیزاین
______
Medium
Use of Gestalt Theory in UI Design
The whole is other than the sum of the parts — Kurt Koffka.
👍8
مشکل “درست” برای حل کردن چیست؟
ما اکثر محصولاتی که مشکلی را برای ما حل میکنند، نمیخریم، همچنین در مورد بسیاری از محصولاتی که زندگی ما را به نحوی بهبود میبخشند، شناختی نداریم.
به عنوان طراح، ما با این سوال و عواقب حل مشکل اشتباه مواجه هستیم.
اما مشکل "درست" چیست و چگونه می توانیم آن را شناسایی کنیم؟
مشکل زمانی پیش میآید که شما هدفی داشته باشید اما ندانید چگونه به آن هدف میرسید!
موضوع حل مشکل مناسب معمولا زمانی مطرح می شود که تیمی به دنبال راهاندازی یک محصول جدید است. از خود میپرسیم «مشکل درست برای حل چیست» زیرا حل مشکل «درست» میتواند منجر به طراحی محصولی مطلوب و سودآور شود.
حل مشکل «درست» بیشتر در مورد توانمند ساختن افراد برای انجام کاری است که قبلاً قصد داشتهاند انجام دهند، اما برای انجام آن تلاش نمیکنند یا توان حل مشکل را ندارند.
تقاضای مشتری از کجا میآید؟
اینکه تقاضا از کجا میآید، برای درک اینکه چه چیزی حل یک مشکل را ممکن میکند، کلید اصلی است.
تقاضا مجموعهای از لحظات و سناریوهایی است که من را در موقعیتی قرار میدهد که میخواستم کار بخصوصی را انجام دهم اما این کار را نکردم یا برایش تلاش کردهام و نتیجه نگرفتهام.
برای اینکه یک مشکل به تقاضا تبدیل شود، باید چرخهای تکراری را بشکند. تقاضا به این دلیل ایجاد میشود که چیزی تغییر کرده است و کاری که قبلا انجام میدادم دیگر جواب نمیدهد. باید آن علت و معلول دومینویی وجود داشته باشد که تقاضا را کاتالیز کند.
«پرسشها فضاهایی در ذهن هستند که راهحلها در آن قرار میگیرند»
کلایتون کریستنسن
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#تجربه_کاربر #حل_مسئله
#UX
@Dexign فلسفه دیزاین
______
ما اکثر محصولاتی که مشکلی را برای ما حل میکنند، نمیخریم، همچنین در مورد بسیاری از محصولاتی که زندگی ما را به نحوی بهبود میبخشند، شناختی نداریم.
به عنوان طراح، ما با این سوال و عواقب حل مشکل اشتباه مواجه هستیم.
اما مشکل "درست" چیست و چگونه می توانیم آن را شناسایی کنیم؟
مشکل زمانی پیش میآید که شما هدفی داشته باشید اما ندانید چگونه به آن هدف میرسید!
موضوع حل مشکل مناسب معمولا زمانی مطرح می شود که تیمی به دنبال راهاندازی یک محصول جدید است. از خود میپرسیم «مشکل درست برای حل چیست» زیرا حل مشکل «درست» میتواند منجر به طراحی محصولی مطلوب و سودآور شود.
حل مشکل «درست» بیشتر در مورد توانمند ساختن افراد برای انجام کاری است که قبلاً قصد داشتهاند انجام دهند، اما برای انجام آن تلاش نمیکنند یا توان حل مشکل را ندارند.
تقاضای مشتری از کجا میآید؟
اینکه تقاضا از کجا میآید، برای درک اینکه چه چیزی حل یک مشکل را ممکن میکند، کلید اصلی است.
تقاضا مجموعهای از لحظات و سناریوهایی است که من را در موقعیتی قرار میدهد که میخواستم کار بخصوصی را انجام دهم اما این کار را نکردم یا برایش تلاش کردهام و نتیجه نگرفتهام.
برای اینکه یک مشکل به تقاضا تبدیل شود، باید چرخهای تکراری را بشکند. تقاضا به این دلیل ایجاد میشود که چیزی تغییر کرده است و کاری که قبلا انجام میدادم دیگر جواب نمیدهد. باید آن علت و معلول دومینویی وجود داشته باشد که تقاضا را کاتالیز کند.
«پرسشها فضاهایی در ذهن هستند که راهحلها در آن قرار میگیرند»
کلایتون کریستنسن
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#تجربه_کاربر #حل_مسئله
#UX
@Dexign فلسفه دیزاین
______
Medium
What is the “right” problem to solve?
And where does customer demand come from?
👍10
هر آنچه که باید در مورد فاصله گذاری و چیدمان بدانید
کلید هر طراحی عالی سازماندهی اطلاعات آن است. روشهای فاصله گذاری و شبکههای چیدمان ساختار، سلسله مراتب و ریتم را در طراحی شما تعریف میکنند. فاصلهگذاری نه تنها بر زیبایی طراحی تأثیر دارد، بلکه به صفحه ظاهری هارمونیک میدهد.
در نتیجه، این شمایید که تصمیم میگیرد مخاطبان به چه چیزی توجه کنند.
واحد پایه
واحد پایه تعیین میکند که هر اندازهگیری و مضرب آن چه خواهد بود. این باعث میشود که طرحها ثابت بماند، ارتباط با دولوپرها بهبود یابد و تعداد تصمیماتی که یک طراح باید بگیرد را کاهش میدهد. توصیهشدهترین واحد پایه ۸ پیکسل است زیرا اکثر اندازههای صفحه نمایش بر ۸ بخش پذیر هستند.
سایز بندی
ارتفاع و عرض عناصر رابط کاربری در صورت امکان باید با افزایش واحد پایه (یعنی 8، 16، 24) اندازهگیری شود. این کار سلسله مراتبی واضح ایجاد میکند، عناصر را به طور منظم تراز میکند، و ریتم بصری ثابتی ارائه میدهد.
لایه گذاری
لایه گذاری یا Padding به فضای بین عناصر UI اشاره دارد و همچنین با افزایش واحد پایه اندازه گیری میشود. بالشتک ثابت و قابل پیش بینی از نظر زیبایی شناختی دلپذیر است، رابطه بین عناصر را روشن میکند و خوانایی را بهبود میبخشد.
آناتومی شبکه
همه شبکهها از سه عنصر تشکیل شدهاند:
- ستون
- گاتر (فاصله بین ستون)
- حاشیه
ستونها بلوکهای ساختمانی یک شبکه هستند و محل قرارگیری عناصر را مشخص میکنند. گاترها فضای منفی بین ستونها هستند و عرض آنها باید مضربی از واحد پایه باشد. حاشیهها فضای منفی بین لبه ستون بیرونی و قاب است.
نتیجه گیری
با استفاده از فاصلهگذاری، از مزایای تایید فاصله منفی هم برخوردار خواهید بود:
- اولویت یا خوانایی کاربر را بهبود میبخشید
- یک سیستم با چیدمان قوی دارید
- زیبایی بصری را افزایش میدهید
- طرحی انعطاف پذیر را تضمین میکنید
🔗 ادامه مقاله را میتوانید از این لینک مطالعه کنید.
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #گرید
#UI
@Dexign فلسفه دیزاین
______
کلید هر طراحی عالی سازماندهی اطلاعات آن است. روشهای فاصله گذاری و شبکههای چیدمان ساختار، سلسله مراتب و ریتم را در طراحی شما تعریف میکنند. فاصلهگذاری نه تنها بر زیبایی طراحی تأثیر دارد، بلکه به صفحه ظاهری هارمونیک میدهد.
در نتیجه، این شمایید که تصمیم میگیرد مخاطبان به چه چیزی توجه کنند.
واحد پایه
واحد پایه تعیین میکند که هر اندازهگیری و مضرب آن چه خواهد بود. این باعث میشود که طرحها ثابت بماند، ارتباط با دولوپرها بهبود یابد و تعداد تصمیماتی که یک طراح باید بگیرد را کاهش میدهد. توصیهشدهترین واحد پایه ۸ پیکسل است زیرا اکثر اندازههای صفحه نمایش بر ۸ بخش پذیر هستند.
سایز بندی
ارتفاع و عرض عناصر رابط کاربری در صورت امکان باید با افزایش واحد پایه (یعنی 8، 16، 24) اندازهگیری شود. این کار سلسله مراتبی واضح ایجاد میکند، عناصر را به طور منظم تراز میکند، و ریتم بصری ثابتی ارائه میدهد.
لایه گذاری
لایه گذاری یا Padding به فضای بین عناصر UI اشاره دارد و همچنین با افزایش واحد پایه اندازه گیری میشود. بالشتک ثابت و قابل پیش بینی از نظر زیبایی شناختی دلپذیر است، رابطه بین عناصر را روشن میکند و خوانایی را بهبود میبخشد.
آناتومی شبکه
همه شبکهها از سه عنصر تشکیل شدهاند:
- ستون
- گاتر (فاصله بین ستون)
- حاشیه
ستونها بلوکهای ساختمانی یک شبکه هستند و محل قرارگیری عناصر را مشخص میکنند. گاترها فضای منفی بین ستونها هستند و عرض آنها باید مضربی از واحد پایه باشد. حاشیهها فضای منفی بین لبه ستون بیرونی و قاب است.
نتیجه گیری
با استفاده از فاصلهگذاری، از مزایای تایید فاصله منفی هم برخوردار خواهید بود:
- اولویت یا خوانایی کاربر را بهبود میبخشید
- یک سیستم با چیدمان قوی دارید
- زیبایی بصری را افزایش میدهید
- طرحی انعطاف پذیر را تضمین میکنید
🔗 ادامه مقاله را میتوانید از این لینک مطالعه کنید.
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #گرید
#UI
@Dexign فلسفه دیزاین
______
Uiprep
Everything you need to know about spacing & layout grids
This guide will walk though spacing and layout grid best practices based on Material Design, Bootstrap, and Figma.
👍13
۹ نمونه پورتفولیو UX Writing برای تازهکارها
طراحی یک پورتفولیو به خودیِ خود ممکن است کار سخت و زمانبری باشد. اگر تازهکار باشید و نمونهکار قابلعرضهای هم نداشته باشید، سختتر هم میشود. اما بالاخره باید از جایی شروع کرد.
وقتی بهتازگی در زمینه شغلی جدیدی مثل UX Writing وارد میشوید، چالشی که در ابتدای کارتان به آن برمیخورید، این است که باید تجربه کاری داشته باشید تا بتوانید تجربه کاری جدید کسب کنید!
راهحل این چالش خلاقبودن در نشاندادن کارهایتان است. در ابتدای کارتان برای طراحی پورتفولیو، باید از هرچه دارید استفاده کنید. مثل پروژههای دانشجویی، چالشهای شخصی، تمرینهای کلاسی و حتی تسکهای مصاحبههای شغلی.
اگر هیچ نمونهکاری ندارید، از محصولات دیجیتالی که روزانه از آنها استفاده میکنید شروع کنید و برای خودتان چالش UX Writing طراحی کنید.
نکته مهم در پورتفولیوی UX Writing، این است که بتوانید نشان دهید چطور مسئله را تعریف میکنید، چطور فکر میکنید و چطور به راهحل میرسید.
در مقالهی پیشرو، نمونههای خوبی از پورتفولیوی افراد تازهکار به نمایش گذاشته شده است. در هرکدام از نمونهها، با موقعیتهای متفاوتی روبرو خواهید شد که ثابت میکند برای داشتن یک پورتفولیوی حرفهای، لزوما نباید نمونهکار اجراشده داشت. تمرینها و چالشهای انجامشده در این پورتفولیوها، به شما کمک میکند ایده بگیرید و با تعریف تمرینهای جدید، نمونهکارهای بیشتری برای ساخت پورتفولیوی خود داشته باشید.
🔗 برای مطالعه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۱۵ دقیقه)
گردآورنده: الهه زراعتکار
#مسیر_شغلی #پورتفولیو
#ux_writing
@Dexign فلسفه دیزاین
______
طراحی یک پورتفولیو به خودیِ خود ممکن است کار سخت و زمانبری باشد. اگر تازهکار باشید و نمونهکار قابلعرضهای هم نداشته باشید، سختتر هم میشود. اما بالاخره باید از جایی شروع کرد.
وقتی بهتازگی در زمینه شغلی جدیدی مثل UX Writing وارد میشوید، چالشی که در ابتدای کارتان به آن برمیخورید، این است که باید تجربه کاری داشته باشید تا بتوانید تجربه کاری جدید کسب کنید!
راهحل این چالش خلاقبودن در نشاندادن کارهایتان است. در ابتدای کارتان برای طراحی پورتفولیو، باید از هرچه دارید استفاده کنید. مثل پروژههای دانشجویی، چالشهای شخصی، تمرینهای کلاسی و حتی تسکهای مصاحبههای شغلی.
اگر هیچ نمونهکاری ندارید، از محصولات دیجیتالی که روزانه از آنها استفاده میکنید شروع کنید و برای خودتان چالش UX Writing طراحی کنید.
نکته مهم در پورتفولیوی UX Writing، این است که بتوانید نشان دهید چطور مسئله را تعریف میکنید، چطور فکر میکنید و چطور به راهحل میرسید.
در مقالهی پیشرو، نمونههای خوبی از پورتفولیوی افراد تازهکار به نمایش گذاشته شده است. در هرکدام از نمونهها، با موقعیتهای متفاوتی روبرو خواهید شد که ثابت میکند برای داشتن یک پورتفولیوی حرفهای، لزوما نباید نمونهکار اجراشده داشت. تمرینها و چالشهای انجامشده در این پورتفولیوها، به شما کمک میکند ایده بگیرید و با تعریف تمرینهای جدید، نمونهکارهای بیشتری برای ساخت پورتفولیوی خود داشته باشید.
🔗 برای مطالعه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۱۵ دقیقه)
گردآورنده: الهه زراعتکار
#مسیر_شغلی #پورتفولیو
#ux_writing
@Dexign فلسفه دیزاین
______
UX WRITING HUB
9 Beginner UX Writing Portfolio Examples - UX WRITING HUB
Learn how to create a beginner UX writing or content design portfolio with these 9 examples from new UX writers and content designers.
❤8👍5❤🔥1
تفکر طراحی
ما در عصری از تجربیات زندگی میکنیم که با هر تکامل، مجموعه جدیدی از نیازهای برآورده نشده به وجود میآید.
ایدئولوژی تفکر طراحی بیان میکند که رویکرد عملی و کاربر محور برای حل مسئله میتواند منجر به نوآوری شود و نوآوری میتواند منجر به تمایز و مزیت رقابتی شود. این رویکرد عملی و کاربر محور توسط فرآیند تفکر طراحی تعریف شده است.
چارچوب تفکر طراحی از سه جریان کلی
۱. درک
۲. کاوش
۳. تحقق پیروی میکند.
در این جریانهای بزرگتر، ۶ مرحله وجود دارد: همدلی، تعریف، ایدهپردازی، نمونه اولیه، آزمایش و اجرا.
همدلی
به منظور توسعه دانش در مورد آنچه کاربران شما انجام میدهند، میگویند، فکر میکنند و احساس میکنند، باید تحقیق کنید.
در این مرحله، شما با طیف وسیعی از کاربران واقعی صحبت میکنید. به طور مستقیم به آنچه انجام میدهند، چگونه فکر میکنند و چه میخواهند مشاهده کنید، از خودتان بپرسید که «چه چیزی باعث ایجاد انگیزه یا دلسردی کاربران میشود؟» یا «آنها در کجا ناامیدی را تجربه میکنند؟»
تعريف
در مرحله تعریف، از دادههای جمع آوری شده در مرحله همدلی برای جمعآوری بینش استفاده کنید. همه مشاهدات خود را سازماندهی کنید و موارد مشابهی را بین تجربیات فعلی کاربران خود ترسیم کنید. آیا نقطه درد مشترکی در بین کاربران مختلف وجود دارد؟ نیازهای برآورده نشده کاربران را شناسایی کنید.
در حالی که نیازهای کاربران خود را مشخص میکنید، شروع به برجسته کردن فرصتهای نوآوری کنید.
از طوفان فکری استفاده کنید. طوفان فکری طیفی از ایدههای دیوانه کننده و خلاقانه که نیازهای برآورده نشده کاربر شناسایی شده در مرحله تعریف را برطرف میکند. به خود و تیم خود آزادی کامل بدهید. هیچ ایدهای خیلی دور از ذهن نیست و کمیت جایگزین کیفیت میشود.
نمونه اولیه برای زیرمجموعهای از ایدههای خود، نمایشهای واقعی و لمسی بسازید. هدف این مرحله این است که بفهمید چه مؤلفههایی از ایدههای شما کار میکنند و کدامها نه.
در این مرحله، از طریق بازخورد در نمونههای اولیه، شروع به سنجش ایده در مقابل اجرایی شدن آن میکنید.
آزمایش برای گرفتن بازخورد به کاربران خود بازگردید. از خود بپرسید "آیا این راه حل نیازهای کاربران را برآورده میکند؟" و "آیا احساس، تفکر یا انجام وظایف آنها را بهبود بخشیده است؟" نمونه اولیه خود را در مقابل مشتریان واقعی قرار دهید و تأیید کنید که به اهداف شما میرسد.
اجرا
چشم انداز را عملی کنید. اطمینان حاصل کنید که راه حل شما تحقق یافته و زندگی کاربران نهایی شما را تحت تاثیر قرار میدهد.
موفقیت تفکر طراحی در توانایی آن در تغییر جنبهای از زندگی کاربر نهایی نهفته است. این مرحله ششم، اجرا، بسیار مهم است.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: امیرحسین معظمی
#تفکر_طراحی #حل_مسئله
#UX
@Dexign فلسفه دیزاین
______
ما در عصری از تجربیات زندگی میکنیم که با هر تکامل، مجموعه جدیدی از نیازهای برآورده نشده به وجود میآید.
ایدئولوژی تفکر طراحی بیان میکند که رویکرد عملی و کاربر محور برای حل مسئله میتواند منجر به نوآوری شود و نوآوری میتواند منجر به تمایز و مزیت رقابتی شود. این رویکرد عملی و کاربر محور توسط فرآیند تفکر طراحی تعریف شده است.
چارچوب تفکر طراحی از سه جریان کلی
۱. درک
۲. کاوش
۳. تحقق پیروی میکند.
در این جریانهای بزرگتر، ۶ مرحله وجود دارد: همدلی، تعریف، ایدهپردازی، نمونه اولیه، آزمایش و اجرا.
همدلی
به منظور توسعه دانش در مورد آنچه کاربران شما انجام میدهند، میگویند، فکر میکنند و احساس میکنند، باید تحقیق کنید.
در این مرحله، شما با طیف وسیعی از کاربران واقعی صحبت میکنید. به طور مستقیم به آنچه انجام میدهند، چگونه فکر میکنند و چه میخواهند مشاهده کنید، از خودتان بپرسید که «چه چیزی باعث ایجاد انگیزه یا دلسردی کاربران میشود؟» یا «آنها در کجا ناامیدی را تجربه میکنند؟»
تعريف
در مرحله تعریف، از دادههای جمع آوری شده در مرحله همدلی برای جمعآوری بینش استفاده کنید. همه مشاهدات خود را سازماندهی کنید و موارد مشابهی را بین تجربیات فعلی کاربران خود ترسیم کنید. آیا نقطه درد مشترکی در بین کاربران مختلف وجود دارد؟ نیازهای برآورده نشده کاربران را شناسایی کنید.
در حالی که نیازهای کاربران خود را مشخص میکنید، شروع به برجسته کردن فرصتهای نوآوری کنید.
از طوفان فکری استفاده کنید. طوفان فکری طیفی از ایدههای دیوانه کننده و خلاقانه که نیازهای برآورده نشده کاربر شناسایی شده در مرحله تعریف را برطرف میکند. به خود و تیم خود آزادی کامل بدهید. هیچ ایدهای خیلی دور از ذهن نیست و کمیت جایگزین کیفیت میشود.
نمونه اولیه برای زیرمجموعهای از ایدههای خود، نمایشهای واقعی و لمسی بسازید. هدف این مرحله این است که بفهمید چه مؤلفههایی از ایدههای شما کار میکنند و کدامها نه.
در این مرحله، از طریق بازخورد در نمونههای اولیه، شروع به سنجش ایده در مقابل اجرایی شدن آن میکنید.
آزمایش برای گرفتن بازخورد به کاربران خود بازگردید. از خود بپرسید "آیا این راه حل نیازهای کاربران را برآورده میکند؟" و "آیا احساس، تفکر یا انجام وظایف آنها را بهبود بخشیده است؟" نمونه اولیه خود را در مقابل مشتریان واقعی قرار دهید و تأیید کنید که به اهداف شما میرسد.
اجرا
چشم انداز را عملی کنید. اطمینان حاصل کنید که راه حل شما تحقق یافته و زندگی کاربران نهایی شما را تحت تاثیر قرار میدهد.
موفقیت تفکر طراحی در توانایی آن در تغییر جنبهای از زندگی کاربر نهایی نهفته است. این مرحله ششم، اجرا، بسیار مهم است.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: امیرحسین معظمی
#تفکر_طراحی #حل_مسئله
#UX
@Dexign فلسفه دیزاین
______
Nielsen Norman Group
Design Thinking 101
What is design thinking and why should you care? History and background plus a quick overview and visualization of 6 phases of the design thinking process.
👍9
۴۰ روش ساده برای خلاق ماندن
وقتی شغل شما با خلاقیت رابطه مستقیم دارد، گاهی ممکن است احساس کنید خلاقیتتان تمام شده است.
در این مواقع به این نتیجه میرسید که دیگر ایدههای جدید به سراغتان نمیآید یا برای انجام هر کار خلاقانهای، باید ساعتها فکر کنید.
قبل از هرچیز باید بگوییم که این احساس کاملا طبیعی است و هیچ ایرادی ندارد که گاهی ذهنتان نتواند آنطور که نیاز دارید، خلاق باشد. اما همانطور که میدانید، روشها و تمرینهایی برای تقویت خلاقیت و افزایش قدرت ایدهپردازی وجود دارد.
این روشها بهسادگی قدم زدن در محیط بیرون تا طراحی و اسکیس از هر چه در اطرافتان میبینید است که زمان زیادی را از شما نمیگیرند، اما انجامدادن آنها، ذهنتان را برای ورود ایدههای جدید آماده میکند. میتوانید هر روز یکی از تمرینها را انتخاب کنید و روزانه نیم الی یک ساعت برای آن وقت بگذارید. قطعا ارزشش را دارد!
اگر شما هم به کمی خلاقیت بیشتر، ایدههای جدیدتر و درنهایت طراحی خلاقانهتر احتیاج دارید، مطالعه این مقاله را از دست ندهید.
(زمان حدودی مطالعه: ۱۵ دقیقه)
گردآورنده: الهه زراعتکار
#توسعه_فردی #خلاقیت
@Dexign فلسفه دیزاین
______
وقتی شغل شما با خلاقیت رابطه مستقیم دارد، گاهی ممکن است احساس کنید خلاقیتتان تمام شده است.
در این مواقع به این نتیجه میرسید که دیگر ایدههای جدید به سراغتان نمیآید یا برای انجام هر کار خلاقانهای، باید ساعتها فکر کنید.
قبل از هرچیز باید بگوییم که این احساس کاملا طبیعی است و هیچ ایرادی ندارد که گاهی ذهنتان نتواند آنطور که نیاز دارید، خلاق باشد. اما همانطور که میدانید، روشها و تمرینهایی برای تقویت خلاقیت و افزایش قدرت ایدهپردازی وجود دارد.
این روشها بهسادگی قدم زدن در محیط بیرون تا طراحی و اسکیس از هر چه در اطرافتان میبینید است که زمان زیادی را از شما نمیگیرند، اما انجامدادن آنها، ذهنتان را برای ورود ایدههای جدید آماده میکند. میتوانید هر روز یکی از تمرینها را انتخاب کنید و روزانه نیم الی یک ساعت برای آن وقت بگذارید. قطعا ارزشش را دارد!
اگر شما هم به کمی خلاقیت بیشتر، ایدههای جدیدتر و درنهایت طراحی خلاقانهتر احتیاج دارید، مطالعه این مقاله را از دست ندهید.
(زمان حدودی مطالعه: ۱۵ دقیقه)
گردآورنده: الهه زراعتکار
#توسعه_فردی #خلاقیت
@Dexign فلسفه دیزاین
______
Layerform
How to Stay Creative - 40 Ways, Tips & Tricks
Layerform.com presents a list of 40 ways how to stay creative in the form of an infographic which everyone can use to maintain their creativity
👍6🔥2⚡1
ماک آپ و یک ابزار کاربردی
بعد از تمام شدن پروژه طراحی رابط کاربری هر سایت یا اپلیکیشن، یکی از مهمترین چالشها ارائه محصول است.
اگر تا به حال به مرحله طراحی کیس استادی و نمونه پرزنت رسیده باشید قطعا با ابزاری به اسم mockup آشنا هستید!
معنی لغوی mock up معادل مدلی است که به اندازهای طبیعی و کامل برای مطالعه و آزمایش رسیده باشد و نمایش به مشتری و کاربرد آن در دیزاین بدین شکل است که فیلم نهایی خود را به صورت پیش نمایش در گوشی همراه و یا در لپتاپ و تبلت نمایش دهید.
این قابلیت به مقدار زیادی پرزنت شما را صفحه آرایی میکند و باعث میشود هر چه بیشتر با مشتری ارتباط برقرار کنید.
امروز میخواهیم یکی از ابزارها و پلاگینهای کاربردی در این زمینه را به شما معرفی کنیم تا بتوانید با استفاده از آن در سریعترین زمان ماک آپهای زیبا تولید کنید.
پلاگین artboard Studio mockup
مراحل:
۱. وارد قسمت پلاگینها شده و پلاگین artboard Studio mockup را سرچ و ران کنید.
۲. از طریق لینک وارد سایتِ خودِ پلاگین شوید و از طریق اکانت گوگل در سایت ثبت نام کنید.
۳. بعد از ثبت نام API پلاگین را دریافت کرده و در فیگما وارد پلاگین کنید و پلاگین را ران کنید.
۴. از قسمت فیلترها، ماک آپهای free را انتخاب کرده و از موارد نمایش داده شده به دلخواه یک مورد را انتخاب کنید.
۵. یک ماک آپ و یک فریم خالی در فیگمای شما اد خواهد شد. فریم طراحی کرده خود را داخل فریم خالی اضافه کنید و سایز آن را با فریم خالی ست کنید ( از طریق کلید K میتوانید این کار را انجام دهید)
۶. در مرحله بعد فریم پرشده را انتخاب کرده و داخل پلاگین، رندر را کلیک کنید و تمام.
لینک پلاگین : https://www.figma.com/community/plugin/750673765607708804/artboard-studio-mockups
زمان مطالعه حدودی : ۵ دقیقه
گرد آورنده : علی لطفی
#فیگما #مسیر_شغلی
#UI
@Dexign فلسفه دیزاین
______
بعد از تمام شدن پروژه طراحی رابط کاربری هر سایت یا اپلیکیشن، یکی از مهمترین چالشها ارائه محصول است.
اگر تا به حال به مرحله طراحی کیس استادی و نمونه پرزنت رسیده باشید قطعا با ابزاری به اسم mockup آشنا هستید!
معنی لغوی mock up معادل مدلی است که به اندازهای طبیعی و کامل برای مطالعه و آزمایش رسیده باشد و نمایش به مشتری و کاربرد آن در دیزاین بدین شکل است که فیلم نهایی خود را به صورت پیش نمایش در گوشی همراه و یا در لپتاپ و تبلت نمایش دهید.
این قابلیت به مقدار زیادی پرزنت شما را صفحه آرایی میکند و باعث میشود هر چه بیشتر با مشتری ارتباط برقرار کنید.
امروز میخواهیم یکی از ابزارها و پلاگینهای کاربردی در این زمینه را به شما معرفی کنیم تا بتوانید با استفاده از آن در سریعترین زمان ماک آپهای زیبا تولید کنید.
پلاگین artboard Studio mockup
مراحل:
۱. وارد قسمت پلاگینها شده و پلاگین artboard Studio mockup را سرچ و ران کنید.
۲. از طریق لینک وارد سایتِ خودِ پلاگین شوید و از طریق اکانت گوگل در سایت ثبت نام کنید.
۳. بعد از ثبت نام API پلاگین را دریافت کرده و در فیگما وارد پلاگین کنید و پلاگین را ران کنید.
۴. از قسمت فیلترها، ماک آپهای free را انتخاب کرده و از موارد نمایش داده شده به دلخواه یک مورد را انتخاب کنید.
۵. یک ماک آپ و یک فریم خالی در فیگمای شما اد خواهد شد. فریم طراحی کرده خود را داخل فریم خالی اضافه کنید و سایز آن را با فریم خالی ست کنید ( از طریق کلید K میتوانید این کار را انجام دهید)
۶. در مرحله بعد فریم پرشده را انتخاب کرده و داخل پلاگین، رندر را کلیک کنید و تمام.
لینک پلاگین : https://www.figma.com/community/plugin/750673765607708804/artboard-studio-mockups
زمان مطالعه حدودی : ۵ دقیقه
گرد آورنده : علی لطفی
#فیگما #مسیر_شغلی
#UI
@Dexign فلسفه دیزاین
______
Figma
Artboard Mockups | Figma
Access Artboard Studio's extensive library of high-quality mockups directly within Figma. Choose from a wide range of categories including devices, packaging, apparel, and print. Effortlessly transform your Figma designs into realistic product mockups with…
👍6❤4
چرا همراه شدن محتوای تجربه کاربری با بومیسازی بهتر کار میکند؟
در این مقاله به رابطه بین محتوای تجربه کاربری (یوایکس کانتنت) و بومیسازی محتوا و اهمیت آن در دستیابی به موفقیت جهانی پرداخته شدهاست.
پیام اصلی این است که این دو عامل با هم، بسیار مفیدتر و تاثیرگذارتر کار میکنند، به مخاطبان گستردهتری دست مییابند، تجربه کاربری را بهبود میبخشند و به رشد کسبوکار در سطح منطقهای و جهانی کمک میکنند.
در دنیای امروز، نقش محتوا و بومیسازی آن برای موفقیت یک برند بسیار حیاتی است. زبان انگلیسی تنها زبان مورد استفاده در محصولات نیست و تنظیم محتوا مطابق نیازهای مناطق و فرهنگهای متفاوت باعث دستیابی به مخاطبانی گستردهتر (غیرانگلیسی زبان) میشود. این موضوع با بررسی و مشاهدهی رفتار کاربران و مصرفکنندگان ثابت شدهاست.
برای ایجاد هماهنگی در فرآیند بومیسازی محتوای تجربه کاربری، ابتدا باید اهداف مشترک را تعیین کنیم و سپس با در نظر گرفتن این دو به عنوان جزئی از کل سیستم، سبب شویم که کسب موفقیتها در زمان کوتاهتری رخ دهند. با برطرف شدن نیازهای مختص هر منطقهی جغرافیایی و فرهنگی، نظر تعداد بیشتری از ذینفعان و کاربران به محصول جلب میشود که این خود باعث ادامهدار شدن موفقیتهای کوتاهمدت و بلندمدت کسب و کار و تقاضای بیشتر برای آن میشود.
برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: صبا لوعالیان
#تجربه_کاربر
#UX #UX_writing
@Dexign فلسفه دیزاین
______
در این مقاله به رابطه بین محتوای تجربه کاربری (یوایکس کانتنت) و بومیسازی محتوا و اهمیت آن در دستیابی به موفقیت جهانی پرداخته شدهاست.
پیام اصلی این است که این دو عامل با هم، بسیار مفیدتر و تاثیرگذارتر کار میکنند، به مخاطبان گستردهتری دست مییابند، تجربه کاربری را بهبود میبخشند و به رشد کسبوکار در سطح منطقهای و جهانی کمک میکنند.
در دنیای امروز، نقش محتوا و بومیسازی آن برای موفقیت یک برند بسیار حیاتی است. زبان انگلیسی تنها زبان مورد استفاده در محصولات نیست و تنظیم محتوا مطابق نیازهای مناطق و فرهنگهای متفاوت باعث دستیابی به مخاطبانی گستردهتر (غیرانگلیسی زبان) میشود. این موضوع با بررسی و مشاهدهی رفتار کاربران و مصرفکنندگان ثابت شدهاست.
برای ایجاد هماهنگی در فرآیند بومیسازی محتوای تجربه کاربری، ابتدا باید اهداف مشترک را تعیین کنیم و سپس با در نظر گرفتن این دو به عنوان جزئی از کل سیستم، سبب شویم که کسب موفقیتها در زمان کوتاهتری رخ دهند. با برطرف شدن نیازهای مختص هر منطقهی جغرافیایی و فرهنگی، نظر تعداد بیشتری از ذینفعان و کاربران به محصول جلب میشود که این خود باعث ادامهدار شدن موفقیتهای کوتاهمدت و بلندمدت کسب و کار و تقاضای بیشتر برای آن میشود.
برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: صبا لوعالیان
#تجربه_کاربر
#UX #UX_writing
@Dexign فلسفه دیزاین
______
UX Content Collective | Content Design and UX Writing Courses
Why UX content and localization are better together • UX Content Collective
Dip into the relationship between UX content and localization to understand their significance in global product success.
👍6❤1⚡1🔥1
کنتراست در طراحی وب چیست؟
تفاوتها چشمان ما را جذب میکند و تضاد به ما توانایی تشدید تفاوتها را میدهد.
وقتی صحبت از طراحی وب میشود، مفهوم کنتراست اغلب از نظر زیبایی شناسی و جذابیت بصری مورد بحث قرار میگیرد.
کنتراست نقش مهمی در برجسته کردن عناصر طراحی در وب سایت دارد و به راحتی توسط بیننده مورد توجه قرار میگیرد و طراحی را از نظر زیبایی شناختی بهتر و کاربر پسندتر میکند. کنتراست در طراحی وب به رابطه بین دو یا چند عنصر طراحی، مانند متن و پس زمینه که نسبت به یکدیگر برجسته هستند، اشاره دارد.
انواع مختلفی از کنتراست وجود دارد که میتواند در طراحی وب برای افزایش جذابیت بصری و تجربه کاربری وب سایت استفاده شود.
رنگ
کنتراست رنگ، تفاوت نور بین فونت (یا هر چیزی در پیش زمینه) و پس زمینه آن است. این نوع کنتراست برای اطمینان از اینکه متن به راحتی خوانا است و سایر عناصر طراحی برجسته هستند ضروری است.
اندازه
کنتراست اندازه به تعداد زیادی از اندازههای مختلف در یک رابط گرافیکی مربوط میشود. با استفاده از آن، میتوانید بر عناصر خاصی تأکید کنید و همچنین عمق بصری و حس سلسله مراتب را ایجاد کنید.
فضا
تضاد فضا که به عنوان فضای منفی نیز شناخته میشود، خلاء اطراف یک عنصر است، چه توسط فضای سفید یا هر نوع فاصله بصری دیگری ایجاد شود. این نوع کنتراست، کنتراست بین پسزمینه عنصر و جزئیات طراحی اطراف آن را برجسته میکند.
پیش زمینه و پس زمینه
کنتراست پیش زمینه و پس زمینه به رابطه بصری بین یک عنصر در پیش زمینه تصویر و پس زمینه پشت آن اشاره دارد. در طراحی وب، این نوع کنتراست از این نظر منحصر به فرد است که پس زمینه میتواند به صورت پویا با تعامل بازدیدکننده سایت با آن تغییر کند.
شکل
تضاد شکل با مشخص کردن چیزها با تفاوت شکل فیزیکی آنها در مقایسه با سایر موارد موجود در صفحه حاصل میشود. از این نوع کنتراست میتوان برای ایجاد علاقه و هدایت چشم بیننده استفاده کرد.
عناصر
کنتراست عناصر به انواع مختلفی از رسانهها اشاره دارد که میتوانند در طراحی وب استفاده شوند، مانند عکسها، تصاویر، یا طرحهای طراحی شده با دست. انتخاب رسانه میتواند تاثیر قابل توجهی بر ظاهر و احساس کلی وب سایت داشته باشد و باید بر اساس اهداف وب سایت و نوع محتوای ارائه شده انتخاب شود.
بافتها و الگوها
بافتها به طرحها شخصیت میدهند و میتوانند به شما در ایجاد طرحهایی با کنتراست بالا کمک کنند، زمانی که ویژگیهای آنها به طور قابل توجهی با یکدیگر متفاوت است. برای مثال، جفت کردن یک پسزمینه بافتدار خشن با متن پیشزمینه صاف، کنتراست را به طرح اضافه میکند.
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #کنتراست
#UI
@Dexign فلسفه دیزاین
______
تفاوتها چشمان ما را جذب میکند و تضاد به ما توانایی تشدید تفاوتها را میدهد.
وقتی صحبت از طراحی وب میشود، مفهوم کنتراست اغلب از نظر زیبایی شناسی و جذابیت بصری مورد بحث قرار میگیرد.
کنتراست نقش مهمی در برجسته کردن عناصر طراحی در وب سایت دارد و به راحتی توسط بیننده مورد توجه قرار میگیرد و طراحی را از نظر زیبایی شناختی بهتر و کاربر پسندتر میکند. کنتراست در طراحی وب به رابطه بین دو یا چند عنصر طراحی، مانند متن و پس زمینه که نسبت به یکدیگر برجسته هستند، اشاره دارد.
انواع مختلفی از کنتراست وجود دارد که میتواند در طراحی وب برای افزایش جذابیت بصری و تجربه کاربری وب سایت استفاده شود.
رنگ
کنتراست رنگ، تفاوت نور بین فونت (یا هر چیزی در پیش زمینه) و پس زمینه آن است. این نوع کنتراست برای اطمینان از اینکه متن به راحتی خوانا است و سایر عناصر طراحی برجسته هستند ضروری است.
اندازه
کنتراست اندازه به تعداد زیادی از اندازههای مختلف در یک رابط گرافیکی مربوط میشود. با استفاده از آن، میتوانید بر عناصر خاصی تأکید کنید و همچنین عمق بصری و حس سلسله مراتب را ایجاد کنید.
فضا
تضاد فضا که به عنوان فضای منفی نیز شناخته میشود، خلاء اطراف یک عنصر است، چه توسط فضای سفید یا هر نوع فاصله بصری دیگری ایجاد شود. این نوع کنتراست، کنتراست بین پسزمینه عنصر و جزئیات طراحی اطراف آن را برجسته میکند.
پیش زمینه و پس زمینه
کنتراست پیش زمینه و پس زمینه به رابطه بصری بین یک عنصر در پیش زمینه تصویر و پس زمینه پشت آن اشاره دارد. در طراحی وب، این نوع کنتراست از این نظر منحصر به فرد است که پس زمینه میتواند به صورت پویا با تعامل بازدیدکننده سایت با آن تغییر کند.
شکل
تضاد شکل با مشخص کردن چیزها با تفاوت شکل فیزیکی آنها در مقایسه با سایر موارد موجود در صفحه حاصل میشود. از این نوع کنتراست میتوان برای ایجاد علاقه و هدایت چشم بیننده استفاده کرد.
عناصر
کنتراست عناصر به انواع مختلفی از رسانهها اشاره دارد که میتوانند در طراحی وب استفاده شوند، مانند عکسها، تصاویر، یا طرحهای طراحی شده با دست. انتخاب رسانه میتواند تاثیر قابل توجهی بر ظاهر و احساس کلی وب سایت داشته باشد و باید بر اساس اهداف وب سایت و نوع محتوای ارائه شده انتخاب شود.
بافتها و الگوها
بافتها به طرحها شخصیت میدهند و میتوانند به شما در ایجاد طرحهایی با کنتراست بالا کمک کنند، زمانی که ویژگیهای آنها به طور قابل توجهی با یکدیگر متفاوت است. برای مثال، جفت کردن یک پسزمینه بافتدار خشن با متن پیشزمینه صاف، کنتراست را به طرح اضافه میکند.
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #کنتراست
#UI
@Dexign فلسفه دیزاین
______
Studio by UXPin
What is Contrast in Web Design? [+7 Tips How to Use it]
Find out what contrast in web design is and how to design websites with high-level or low-level contrast. Learn to use contrast.
👍5
فضاهای سفید در طراحی رابط کاربری (UI Design)
در این مقاله قواعد بهکارگیری فضاهای سفید در طراحی رابط کاربری (UI) بررسی شدهاست.
نویسنده توضیح میدهد در یک طراحی خوب به تمام فضاهای سفید از پیش فکر شدهاست. زمانی که از فضاهای سفید به خوبی استفاده شود یک رابط کاربری (UI) هماهنگ، خوانا و مهمتر از همه، ساده خواهیم داشت.
در این مقاله ۸ فاکتور زیر بهعنوان قواعد فاصلهگذاری بررسی شدهاند:
۱. از قانون مجاورت پیروی کنید.
۲. در استفاده از فضای سفید خساست به خرج ندهید.
۳. از فضای سفید برای جلب تمرکز کاربر در بخش مورد نظراستفاده کنید.
۴. در طراحی و در اجرا از متدهای اندازه گیری یکسان استفاده کنید.
۵. در سراسر طراحی خود از قوانین فاصلهگذاری یکسان پیروی کنید.
۶. از بهکارگیری فاصلههای متفاوت اما غیرقابل تشخیص و نزدیکبهم در یک بخش خودداری کنید.
۷. زمانی که سایز فونت شما کوچکتر میشود، ارتفاع خطوط را نیز کاهش دهید.
۸. در صفحاتی با اطلاعات زیاد برای نشان دادن ارتباط بخشهای مختلف با یکدیگر از تکنیکها استفاده کنید.
برای مطالعه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: رادنا احمدینیا
#UI #White_Space
@Dexign فلسفه دیزاین
______
در این مقاله قواعد بهکارگیری فضاهای سفید در طراحی رابط کاربری (UI) بررسی شدهاست.
نویسنده توضیح میدهد در یک طراحی خوب به تمام فضاهای سفید از پیش فکر شدهاست. زمانی که از فضاهای سفید به خوبی استفاده شود یک رابط کاربری (UI) هماهنگ، خوانا و مهمتر از همه، ساده خواهیم داشت.
در این مقاله ۸ فاکتور زیر بهعنوان قواعد فاصلهگذاری بررسی شدهاند:
۱. از قانون مجاورت پیروی کنید.
۲. در استفاده از فضای سفید خساست به خرج ندهید.
۳. از فضای سفید برای جلب تمرکز کاربر در بخش مورد نظراستفاده کنید.
۴. در طراحی و در اجرا از متدهای اندازه گیری یکسان استفاده کنید.
۵. در سراسر طراحی خود از قوانین فاصلهگذاری یکسان پیروی کنید.
۶. از بهکارگیری فاصلههای متفاوت اما غیرقابل تشخیص و نزدیکبهم در یک بخش خودداری کنید.
۷. زمانی که سایز فونت شما کوچکتر میشود، ارتفاع خطوط را نیز کاهش دهید.
۸. در صفحاتی با اطلاعات زیاد برای نشان دادن ارتباط بخشهای مختلف با یکدیگر از تکنیکها استفاده کنید.
برای مطالعه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: رادنا احمدینیا
#UI #White_Space
@Dexign فلسفه دیزاین
______
Medium
Applying white space in UI design
8 practical tips, with examples.
👍6🔥1
۵ دسته افرادی که در مصاحبه برای ما چالش ایجاد میکنند!
در اکثر موارد شرکت کنندگان در نظر سنجیها مفید و کمک کننده هستند و ما میتوانیم بدون دردسر بر روی پاسخهای آنها حساب باز کنیم . اما در برخی مواقع کاربرانی در مصاحبه پیدا میشوند که بینش عمیق ما را دچار چالشهایی میکنند. ما مدت زمان کوتاهی برای بهدستآوردن بازخورد و بینشها از شرکتکنندگان داریم و برخی از شخصیتها ممکن است تحقیقات شما را به سمت نادرستی ببرند.
به طور کلی به پنج مورد از گروههایی که ممکن است مصاحبه شما را به سمت اشتباهی ببرند اشاره میکنیم :
۱. شرکت کننده ساکت:
برای مدیریت شرکتکننده ساکت
- کمک کنید تا احساس راحتی کنند. اگر شرکت کنندگان در مصاحبه عصبی یا ساکت به نظر میرسند، ممکن است نیاز باشد کمی بیشتر از ابتدای جلسه وقت بگذارید تا فرد حس کند صحبت کردن با شما راحت است.
- از تشویق مکرر آنها بلند فکر کردن نترسید. ممکن است این شرکتکنندگان نیاز به ترغیب برای ارائه بازخورد مداوم داشته باشند. به شرکتکننده توضیح دهید که چرا بلند فکر کردن به شما کمک میکند.
۲. شرکت کننده پرحرف
مدیریت شرکتکننده پرحرف:
- تعیین انتظارات مناسب. شرکتکنندگان قادر به خواندن ذهن شما نیستند و نمیدانند چه امیدی از آنها دارید و چه چیزهایی را میخواهید از آنها یاد بگیرید. در ابتدای جلسه اهداف روشنی را مشخص کنید و تأکید کنید که واقعاً به کمک آنها برای تمرکز بر درک جنبههای خاص تجربهشان نیاز دارید.
- از قطع کردن حرف آنها نترسید. احتمالاً برای شما یک شکست واضح برای وقفه درست وجود نخواهد داشت تا بتوانید سوال بعدی خود را بیان کنید یا موضوع مکالمه را تغییر دهید. ممکن است ظاهراً بیادبی به نظر برسد، اما این شرکتکنندگان نیاز دارند شما به آنها بگویید که دست از صحبت کردن بردارند.
۳. شرکت کننده بدبین
برای مدیریت شرکت کننده بدبین
- با منفی بودن آنها خودتان حالت منفی نگیرید . ممکن است وسوسه انگیز باشد که با تجربیات این فرد همدردی کنید و نظرات آنها را تأیید کنید. این شخص معمولاً به دنبال تأیید اعتبار و تشویق است تا از زمان محدود شما به عنوان یک جلسه تخلیه استفاده کند.
- یک پیشنهاد خیرخواهانه دهید. به شرکت کننده اطلاع دهید که پس از پایان جلسه، خوشحال خواهید شد که هر گونه بازخورد اضافی را که ممکن است در مورد تجربیات قبلی خود با این شرکت یا محصول داشته باشند را بشنوید.
۴. طراح مشتاق
برای مدیریت شرکت کننده طراح مشتاق
- آنها را تشویق نکنید این شخص اغلب به دنبال تایید و تشویق است تا بازخورد بیشتری در مورد زیبایی شناسی طراحی ارائه دهد و نظرات شخصی خود را در مورد شیوههای "طراحی خوب" بیان کند. سعی کنید در صورت ادامه ارائه هر گونه نکات طراحی، تایید نکنید یا تقویت مثبت ارائه نکنید.
- کاوش عمیقتر برای درک علت اصلی. اگر شرکتکننده میگوید چیزی را دوست دارد یا دوست ندارد، سعی کنید سؤالات روشنکنندهای بپرسید که به شما کمک میکند بفهمید چرا چنین احساسی داشته است. به عنوان مثال، از آنها بخواهید هر چیز گنگی را توضیح دهند، میتوانست آسانتر انجام شود، بیش از حد انتظار طول کشید و غیره.
۵. افراد مثبت
برای مدیریت افراد مثبت در مصاحبه
- از صدا زدن آنها نترسید. اگر بازخورد شرکتکننده با آنچه که از تجربیاتش مشاهده کردهاید مطابقت ندارد، مطمئن شوید که این موضوع را با آنها بررسی کنید. در این شرایط، خوب است که به آرامی به آنها اشاره کنید که گفتهاند انجام یک کار بسیار آسان است، در حالی که در انجام آن موفق نبودند.
- دیدگاه آنها را تغییر دهید. اگر همچنان ادعا میکنند که این تجربه بیعیب و نقص است، و اگر بهانهای برای عدم توانایی در استفاده موثر از محصول میآورند، از آنها بخواهید که از دیدگاه شخص دیگری بازخورد ارائه کنند. به عنوان مثال، از آنها بخواهید در مورد تجربهای که ممکن است یک همکار با دانش کمتر داشته باشد در مورد نحوه عملکرد این محصول دارد فکر کنند.
🔗 برای مطالعه این مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۱۰ دقیقه)
گردآورنده : علی لطفی
#تجربه_کاربری #پرسونا
@Dexign فلسفه دیزاین
______
در اکثر موارد شرکت کنندگان در نظر سنجیها مفید و کمک کننده هستند و ما میتوانیم بدون دردسر بر روی پاسخهای آنها حساب باز کنیم . اما در برخی مواقع کاربرانی در مصاحبه پیدا میشوند که بینش عمیق ما را دچار چالشهایی میکنند. ما مدت زمان کوتاهی برای بهدستآوردن بازخورد و بینشها از شرکتکنندگان داریم و برخی از شخصیتها ممکن است تحقیقات شما را به سمت نادرستی ببرند.
به طور کلی به پنج مورد از گروههایی که ممکن است مصاحبه شما را به سمت اشتباهی ببرند اشاره میکنیم :
۱. شرکت کننده ساکت:
برای مدیریت شرکتکننده ساکت
- کمک کنید تا احساس راحتی کنند. اگر شرکت کنندگان در مصاحبه عصبی یا ساکت به نظر میرسند، ممکن است نیاز باشد کمی بیشتر از ابتدای جلسه وقت بگذارید تا فرد حس کند صحبت کردن با شما راحت است.
- از تشویق مکرر آنها بلند فکر کردن نترسید. ممکن است این شرکتکنندگان نیاز به ترغیب برای ارائه بازخورد مداوم داشته باشند. به شرکتکننده توضیح دهید که چرا بلند فکر کردن به شما کمک میکند.
۲. شرکت کننده پرحرف
مدیریت شرکتکننده پرحرف:
- تعیین انتظارات مناسب. شرکتکنندگان قادر به خواندن ذهن شما نیستند و نمیدانند چه امیدی از آنها دارید و چه چیزهایی را میخواهید از آنها یاد بگیرید. در ابتدای جلسه اهداف روشنی را مشخص کنید و تأکید کنید که واقعاً به کمک آنها برای تمرکز بر درک جنبههای خاص تجربهشان نیاز دارید.
- از قطع کردن حرف آنها نترسید. احتمالاً برای شما یک شکست واضح برای وقفه درست وجود نخواهد داشت تا بتوانید سوال بعدی خود را بیان کنید یا موضوع مکالمه را تغییر دهید. ممکن است ظاهراً بیادبی به نظر برسد، اما این شرکتکنندگان نیاز دارند شما به آنها بگویید که دست از صحبت کردن بردارند.
۳. شرکت کننده بدبین
برای مدیریت شرکت کننده بدبین
- با منفی بودن آنها خودتان حالت منفی نگیرید . ممکن است وسوسه انگیز باشد که با تجربیات این فرد همدردی کنید و نظرات آنها را تأیید کنید. این شخص معمولاً به دنبال تأیید اعتبار و تشویق است تا از زمان محدود شما به عنوان یک جلسه تخلیه استفاده کند.
- یک پیشنهاد خیرخواهانه دهید. به شرکت کننده اطلاع دهید که پس از پایان جلسه، خوشحال خواهید شد که هر گونه بازخورد اضافی را که ممکن است در مورد تجربیات قبلی خود با این شرکت یا محصول داشته باشند را بشنوید.
۴. طراح مشتاق
برای مدیریت شرکت کننده طراح مشتاق
- آنها را تشویق نکنید این شخص اغلب به دنبال تایید و تشویق است تا بازخورد بیشتری در مورد زیبایی شناسی طراحی ارائه دهد و نظرات شخصی خود را در مورد شیوههای "طراحی خوب" بیان کند. سعی کنید در صورت ادامه ارائه هر گونه نکات طراحی، تایید نکنید یا تقویت مثبت ارائه نکنید.
- کاوش عمیقتر برای درک علت اصلی. اگر شرکتکننده میگوید چیزی را دوست دارد یا دوست ندارد، سعی کنید سؤالات روشنکنندهای بپرسید که به شما کمک میکند بفهمید چرا چنین احساسی داشته است. به عنوان مثال، از آنها بخواهید هر چیز گنگی را توضیح دهند، میتوانست آسانتر انجام شود، بیش از حد انتظار طول کشید و غیره.
۵. افراد مثبت
برای مدیریت افراد مثبت در مصاحبه
- از صدا زدن آنها نترسید. اگر بازخورد شرکتکننده با آنچه که از تجربیاتش مشاهده کردهاید مطابقت ندارد، مطمئن شوید که این موضوع را با آنها بررسی کنید. در این شرایط، خوب است که به آرامی به آنها اشاره کنید که گفتهاند انجام یک کار بسیار آسان است، در حالی که در انجام آن موفق نبودند.
- دیدگاه آنها را تغییر دهید. اگر همچنان ادعا میکنند که این تجربه بیعیب و نقص است، و اگر بهانهای برای عدم توانایی در استفاده موثر از محصول میآورند، از آنها بخواهید که از دیدگاه شخص دیگری بازخورد ارائه کنند. به عنوان مثال، از آنها بخواهید در مورد تجربهای که ممکن است یک همکار با دانش کمتر داشته باشد در مورد نحوه عملکرد این محصول دارد فکر کنند.
🔗 برای مطالعه این مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۱۰ دقیقه)
گردآورنده : علی لطفی
#تجربه_کاربری #پرسونا
@Dexign فلسفه دیزاین
______
👍6❤1
تفکر طراحی چیست و چرا مهم است؟
نوآوری، به عنوان یک محصول، فرآیند، خدمت یا مدل کسب و کار تعریف میشود که دارای دو ویژگی حیاتی است: جدید و مفید.
تفکر طراحی، نوآوری را ارائه میکند که برای الهام بخشیدن به راهحلهای معنادار و تاثیرگذار نیاز دارد.
تفکر طراحی با سایر فرآیندهای نوآوری و ایدهپردازی متفاوت است زیرا مبتنی بر راه حل و کاربر محور است تا مبتنی بر مشکل. این بدان معنی است که به جای خود مشکل، روی راه حل یک مشکل تمرکز میکند.
اولین و مسلماً مهمترین مرحله تفکر طراحی ایجاد همدلی با کاربران است. با درک فرد آسیب دیده از مشکل، میتوانید راه حل موثرتری پیدا کنید.
چهار مرحله نوآوری
۱. شفاف سازی
مرحله اول در مورد محدود کردن تمرکز فرآیند تفکر طراحی است. این شامل شناسایی بیانیه مشکل برای رسیدن به بهترین نتیجه است. این کار از طریق مشاهده و صرف زمان برای تعیین مشکل و موانعی که در گذشته مانع از راهحل میشد انجام میشود. نکته کلیدی این است که بدون فرضیات یا انتظارات جانبدارانه مشاهده کنید.
۲. ایده پردازی کنید
هنگامی که بیان مسئله یا سوال تثبیت شد - نه نهایی - مرحله بعدی ایده پردازی است. در این مرحله میتوانید از ابزاری مانند تفکر مبتکر سیستماتیک (SIT) استفاده کنید که برای ایجاد یک فرآیند نوآورانه قابل تکرار در آینده مفید است.
هدف این است که در نهایت بر ثبات شناختی غلبه کنید و ایدههای جدید و نوآورانهای را ابداع کنید تا مشکلاتی را که شناسایی کردهاید حل کند.
۳. توسعه دهید
مرحله سوم شامل توسعه مفاهیم با نقد طیفی از راه حلهای ممکن است. این شامل دورهای متعدد نمونه سازی، آزمایش و آزمایش برای پاسخ به سؤالات مهم در مورد دوام یک مفهوم است.
این مرحله در مورد کمال نیست، بلکه آزمایش ایدههای مختلف و دیدن اینکه کدام قسمتها کار میکنند و کدام نه.
۴. اجرا
مرحله چهارم و نهایی، زمانی است که کل فرآیند با هم جمع میشود. این مرجله به عنوان مرحله توسعه، شامل پیاده سازی با آزمایش، انعکاس نتایج، تکرار و آزمایش مجدد شروع میشود.
در این مرحله ممکن است نیاز به بازگشت به مرحله قبلی برای تکرار و اصلاح تا زمانی که یک راه حل موفق پیدا کنید، داشته باشد. چنین رویکردی توصیه میشود زیرا تفکر طراحی اغلب یک فرآیند غیرخطی و تکراری است.
تفکر طراحی یکی از رویکردهای حل مسئله و نوآوری است. ارزش اصلی تفکر طراحی این است که یک فرآیند تعریف شده برای نوآوری ارائه میدهد.
در حالی که یادگیری نحوه برخورد دیگران با مشکلات و ارزیابی اینکه آیا شما ابزارهای مشابهی در اختیار دارید مفید است، ترسیم مسیر خود برای ارائه آنچه که کاربران و مشتریان واقعاً به آن نیاز دارند میتواند مهمتر باشد.
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۷دقیقه)
گردآورنده: امیرحسین معظمی
#تفکر_طراحی
#UX
@Dexign فلسفه دیزاین
______
نوآوری، به عنوان یک محصول، فرآیند، خدمت یا مدل کسب و کار تعریف میشود که دارای دو ویژگی حیاتی است: جدید و مفید.
تفکر طراحی، نوآوری را ارائه میکند که برای الهام بخشیدن به راهحلهای معنادار و تاثیرگذار نیاز دارد.
تفکر طراحی با سایر فرآیندهای نوآوری و ایدهپردازی متفاوت است زیرا مبتنی بر راه حل و کاربر محور است تا مبتنی بر مشکل. این بدان معنی است که به جای خود مشکل، روی راه حل یک مشکل تمرکز میکند.
اولین و مسلماً مهمترین مرحله تفکر طراحی ایجاد همدلی با کاربران است. با درک فرد آسیب دیده از مشکل، میتوانید راه حل موثرتری پیدا کنید.
چهار مرحله نوآوری
۱. شفاف سازی
مرحله اول در مورد محدود کردن تمرکز فرآیند تفکر طراحی است. این شامل شناسایی بیانیه مشکل برای رسیدن به بهترین نتیجه است. این کار از طریق مشاهده و صرف زمان برای تعیین مشکل و موانعی که در گذشته مانع از راهحل میشد انجام میشود. نکته کلیدی این است که بدون فرضیات یا انتظارات جانبدارانه مشاهده کنید.
۲. ایده پردازی کنید
هنگامی که بیان مسئله یا سوال تثبیت شد - نه نهایی - مرحله بعدی ایده پردازی است. در این مرحله میتوانید از ابزاری مانند تفکر مبتکر سیستماتیک (SIT) استفاده کنید که برای ایجاد یک فرآیند نوآورانه قابل تکرار در آینده مفید است.
هدف این است که در نهایت بر ثبات شناختی غلبه کنید و ایدههای جدید و نوآورانهای را ابداع کنید تا مشکلاتی را که شناسایی کردهاید حل کند.
۳. توسعه دهید
مرحله سوم شامل توسعه مفاهیم با نقد طیفی از راه حلهای ممکن است. این شامل دورهای متعدد نمونه سازی، آزمایش و آزمایش برای پاسخ به سؤالات مهم در مورد دوام یک مفهوم است.
این مرحله در مورد کمال نیست، بلکه آزمایش ایدههای مختلف و دیدن اینکه کدام قسمتها کار میکنند و کدام نه.
۴. اجرا
مرحله چهارم و نهایی، زمانی است که کل فرآیند با هم جمع میشود. این مرجله به عنوان مرحله توسعه، شامل پیاده سازی با آزمایش، انعکاس نتایج، تکرار و آزمایش مجدد شروع میشود.
در این مرحله ممکن است نیاز به بازگشت به مرحله قبلی برای تکرار و اصلاح تا زمانی که یک راه حل موفق پیدا کنید، داشته باشد. چنین رویکردی توصیه میشود زیرا تفکر طراحی اغلب یک فرآیند غیرخطی و تکراری است.
تفکر طراحی یکی از رویکردهای حل مسئله و نوآوری است. ارزش اصلی تفکر طراحی این است که یک فرآیند تعریف شده برای نوآوری ارائه میدهد.
در حالی که یادگیری نحوه برخورد دیگران با مشکلات و ارزیابی اینکه آیا شما ابزارهای مشابهی در اختیار دارید مفید است، ترسیم مسیر خود برای ارائه آنچه که کاربران و مشتریان واقعاً به آن نیاز دارند میتواند مهمتر باشد.
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۷دقیقه)
گردآورنده: امیرحسین معظمی
#تفکر_طراحی
#UX
@Dexign فلسفه دیزاین
______
👍8❤1
اصول مصاحبه با کاربر از راه دور
مصاحبه با کاربر تکنیکی است که برای دریافت مستقیم اطلاعات کیفی از کاربران طراحی شده است.
بدون مقدمه، بیایید کل فرآیند انجام مصاحبه با کاربر از راه دور را به صورت گام به گام بررسی کنیم تا بتوانید مصاحبههای خود را کارآمدتر کنید و تأثیر تحقیقات خود را به حداکثر برسانید.
۱. قبل از مصاحبه
آماده سازی کلیدی است. هرچه بهتر برای مصاحبه آماده شوید (پاسخ دهندگان را انتخاب کنید، سؤالات را ایجاد کنید، ابزارها را انتخاب کنید)، نتایج بهتری به دست خواهید آورد.
۱-۱. شناسایی پاسخ دهندگان مناسب:
مهم نیست که چقدر ساختار مصاحبه شما خوب است، اگر روی مخاطب اشتباه تمرکز کنید، نتایج مورد نیاز را برای شما به ارمغان نخواهد آورد.
نکته مهم: گاهی اوقات باید به اطراف خود نگاه کنید و از خود بپرسید چه کسی می تواند اطلاعات مورد نیاز را به شما بدهد
۱-۲. جذب شرکت کنندگان:
ما برای تحقیقات خود به مشتریان واقعی نیاز داریم که از محصول ما استفاده میکنند.
هنگامی که پارامترهای تحقیق را تعریف میکنیم، ایمیلی برای افرادی که کاربران ما مطابقت دارند ارسال میکنیم که پیوند مستقیمی به تقویم مصاحبه کننده در نرمافزارهایی مانند Calendly دارد. به این ترتیب، کاربران میتوانند روز و زمان را متناسب با برنامه خود انتخاب کنند.
۱-۳. آماده سازی سوالات:
یک مصاحبه موفق بیشتر از یک جلسه پرسش و پاسخ ساده یا یک مکالمه است. بنابراین، مهم است که سؤالات را به گونهای مطرح کنید که کنجکاوانه باشند. به این ترتیب، به جای پاسخ بله یا خیر، پاسخدهنده تشویق میشود تا عمیقتر وارد مصاحبه شود و برای شما داستانی تعریف کند.
یک قانون کلی این است که ۸ تا ۱۰ سؤال را با توجه به اینکه تقریباً همه سؤالات روشن کننده هستند آماده کنید. این بدان معناست که مصاحبه لیستی از سوالات نیست، بلکه فهرستی از موضوعاتی است که میتوانید با پاسخ دهندگان خود بررسی کنید.
۱-۴. انتخاب ابزار مصاحبه:
ابزارهایی مانند zoom - google meet - teams میتوانند گزینههای مناسبی برای مصاحبه از راه دور باشند
۱-۵. آموزش به پاسخ دهندگان:
برخی از مصاحبهشوندگانی که سابقه کار کردن با ابزارهای ارتباطی را ندارند باید از قبل آموزش ببینند.
۲. در حین مصاحبه
اینجا جالبترین بخش است - صحبت کردن با شرکتکنندگان و آشنایی با داستانهای آنها.
۲-۱. شروع از سمت درست:
به دلیل مشغله زیاد کاربران میتوانند فراموش کنند که مصاحبه درباره چه چیزی است. بنابراین همیشه هدف مصاحبه را بیان کنید.
۲-۲. نگران نباشید:
حتی باتجربه ترین ما هم میتوانیم در طول مصاحبه احساس اضطراب کنیم. اگر مضطرب هستید، اولین قدم برای غلبه بر آن این است که احساس خود را بپذیرید و با پاسخ دهنده در مورد آن صحبت کنید.
۲-۳. ضبط مصاحبه:
همانطور که قبلا هم گفتیم، ما از Zoom و ابزارهای دیگر ، استفاده میکنیم که قابلیت ضبط دارد. اما اگر پاسخ دهنده با ضبط مصاحبه موافق نیست، میتوانید یادداشت برداری کنید یا از یک ناظر بخواهید که این کار را برای شما انجام دهد.
۲-۴. بیشتر گوش دادن، کمتر حرف زدن:
مصاحبه کنندگان بیتجربه از مکث و لحظههای سکوت بسیار میترسند. اما شما نترسید! زیرا مکث به سادگی میتواند به این معنی باشد که پاسخ دهندگان فقط افکار خود را برای پاسخ به سوال جمع آوری میکنند.
۲-۵.دوباره پرسیدن:
اگر چیزی واضح نیست، دوباره بپرسید. از یک سوال پایانی برای روشن شدن منظور پاسخ دهنده استفاده کنید (مثلاً، فقط میخواهم مطمئن شوم که آیا این اتفاق دیشب افتاده است؟)
۳. بعد از مصاحبه
مصاحبه تمام شد، اما کار شما هنوز تمام نشده است. در مرحله بعد از مصاحبه همه چیز در مورد دریافت بازخورد، تجزیه و تحلیل نتایج و تنظیم استراتژی شما است.
۳-۱. اجرای گذشتهنگر:
اجرای گذشتهنگر میتواند بسیار مفید باشد، به خصوص اگر هنوز تجربه کافی ندارید. میتوانید ویدئوی ضبطشده را با فردی ماهرتر به اشتراک بگذارید و در مورد سؤالات دیگری که میتوانید بپرسید، بازخورد آنها را جویا شوید.
۳-۲. پیگیری:
این یک مرحله اجباری است که در آن ایمیلی برای تشکر از پاسخ دهندگان ارسال میکنیم و به سوالاتی که در پایان مصاحبه داشتند اما وقت نشده یا در آن لحظه نتوانستیم جوابگو باشیم، پاسخ میدهیم.
۴. نکته پایانی
هیچ مصاحبه آنلاینی بدون اتصال اینترنتی قابل اعتماد امکان پذیر نیست. اقدامات احتیاطی کافی مانند داشتن یک مودم همراه یا یک تلفن هوشمند آماده برای استفاده در شرایط اضطراری را انجام دهید.
گردآورنده : علی لطفی
(زمان مطالعه حدودی : ۱۰ دقیقه)
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک زیر مراجعه کنید.
#تجربه_کاربری #روانشناسی
#UX
@Dexign فلسفه دیزاین
______
مصاحبه با کاربر تکنیکی است که برای دریافت مستقیم اطلاعات کیفی از کاربران طراحی شده است.
بدون مقدمه، بیایید کل فرآیند انجام مصاحبه با کاربر از راه دور را به صورت گام به گام بررسی کنیم تا بتوانید مصاحبههای خود را کارآمدتر کنید و تأثیر تحقیقات خود را به حداکثر برسانید.
۱. قبل از مصاحبه
آماده سازی کلیدی است. هرچه بهتر برای مصاحبه آماده شوید (پاسخ دهندگان را انتخاب کنید، سؤالات را ایجاد کنید، ابزارها را انتخاب کنید)، نتایج بهتری به دست خواهید آورد.
۱-۱. شناسایی پاسخ دهندگان مناسب:
مهم نیست که چقدر ساختار مصاحبه شما خوب است، اگر روی مخاطب اشتباه تمرکز کنید، نتایج مورد نیاز را برای شما به ارمغان نخواهد آورد.
نکته مهم: گاهی اوقات باید به اطراف خود نگاه کنید و از خود بپرسید چه کسی می تواند اطلاعات مورد نیاز را به شما بدهد
۱-۲. جذب شرکت کنندگان:
ما برای تحقیقات خود به مشتریان واقعی نیاز داریم که از محصول ما استفاده میکنند.
هنگامی که پارامترهای تحقیق را تعریف میکنیم، ایمیلی برای افرادی که کاربران ما مطابقت دارند ارسال میکنیم که پیوند مستقیمی به تقویم مصاحبه کننده در نرمافزارهایی مانند Calendly دارد. به این ترتیب، کاربران میتوانند روز و زمان را متناسب با برنامه خود انتخاب کنند.
۱-۳. آماده سازی سوالات:
یک مصاحبه موفق بیشتر از یک جلسه پرسش و پاسخ ساده یا یک مکالمه است. بنابراین، مهم است که سؤالات را به گونهای مطرح کنید که کنجکاوانه باشند. به این ترتیب، به جای پاسخ بله یا خیر، پاسخدهنده تشویق میشود تا عمیقتر وارد مصاحبه شود و برای شما داستانی تعریف کند.
یک قانون کلی این است که ۸ تا ۱۰ سؤال را با توجه به اینکه تقریباً همه سؤالات روشن کننده هستند آماده کنید. این بدان معناست که مصاحبه لیستی از سوالات نیست، بلکه فهرستی از موضوعاتی است که میتوانید با پاسخ دهندگان خود بررسی کنید.
۱-۴. انتخاب ابزار مصاحبه:
ابزارهایی مانند zoom - google meet - teams میتوانند گزینههای مناسبی برای مصاحبه از راه دور باشند
۱-۵. آموزش به پاسخ دهندگان:
برخی از مصاحبهشوندگانی که سابقه کار کردن با ابزارهای ارتباطی را ندارند باید از قبل آموزش ببینند.
۲. در حین مصاحبه
اینجا جالبترین بخش است - صحبت کردن با شرکتکنندگان و آشنایی با داستانهای آنها.
۲-۱. شروع از سمت درست:
به دلیل مشغله زیاد کاربران میتوانند فراموش کنند که مصاحبه درباره چه چیزی است. بنابراین همیشه هدف مصاحبه را بیان کنید.
۲-۲. نگران نباشید:
حتی باتجربه ترین ما هم میتوانیم در طول مصاحبه احساس اضطراب کنیم. اگر مضطرب هستید، اولین قدم برای غلبه بر آن این است که احساس خود را بپذیرید و با پاسخ دهنده در مورد آن صحبت کنید.
۲-۳. ضبط مصاحبه:
همانطور که قبلا هم گفتیم، ما از Zoom و ابزارهای دیگر ، استفاده میکنیم که قابلیت ضبط دارد. اما اگر پاسخ دهنده با ضبط مصاحبه موافق نیست، میتوانید یادداشت برداری کنید یا از یک ناظر بخواهید که این کار را برای شما انجام دهد.
۲-۴. بیشتر گوش دادن، کمتر حرف زدن:
مصاحبه کنندگان بیتجربه از مکث و لحظههای سکوت بسیار میترسند. اما شما نترسید! زیرا مکث به سادگی میتواند به این معنی باشد که پاسخ دهندگان فقط افکار خود را برای پاسخ به سوال جمع آوری میکنند.
۲-۵.دوباره پرسیدن:
اگر چیزی واضح نیست، دوباره بپرسید. از یک سوال پایانی برای روشن شدن منظور پاسخ دهنده استفاده کنید (مثلاً، فقط میخواهم مطمئن شوم که آیا این اتفاق دیشب افتاده است؟)
۳. بعد از مصاحبه
مصاحبه تمام شد، اما کار شما هنوز تمام نشده است. در مرحله بعد از مصاحبه همه چیز در مورد دریافت بازخورد، تجزیه و تحلیل نتایج و تنظیم استراتژی شما است.
۳-۱. اجرای گذشتهنگر:
اجرای گذشتهنگر میتواند بسیار مفید باشد، به خصوص اگر هنوز تجربه کافی ندارید. میتوانید ویدئوی ضبطشده را با فردی ماهرتر به اشتراک بگذارید و در مورد سؤالات دیگری که میتوانید بپرسید، بازخورد آنها را جویا شوید.
۳-۲. پیگیری:
این یک مرحله اجباری است که در آن ایمیلی برای تشکر از پاسخ دهندگان ارسال میکنیم و به سوالاتی که در پایان مصاحبه داشتند اما وقت نشده یا در آن لحظه نتوانستیم جوابگو باشیم، پاسخ میدهیم.
۴. نکته پایانی
هیچ مصاحبه آنلاینی بدون اتصال اینترنتی قابل اعتماد امکان پذیر نیست. اقدامات احتیاطی کافی مانند داشتن یک مودم همراه یا یک تلفن هوشمند آماده برای استفاده در شرایط اضطراری را انجام دهید.
گردآورنده : علی لطفی
(زمان مطالعه حدودی : ۱۰ دقیقه)
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک زیر مراجعه کنید.
#تجربه_کاربری #روانشناسی
#UX
@Dexign فلسفه دیزاین
______
👍7❤1🔥1
قاعده کوچک که طراحی رابط کاربری (UI) شما را متحول میکند!
در این مقاله مثالهایی از دیزاین با قواعد درست و بدون قواعد ارائه و تصاویری جهت مقایسه قرار داده شدهاست.
طراحی رابط کاربری قواعد پیچیده و گستردگی زیادی دارد. خوشبخاته با دانستن قواعد و منطق آن میتوان این پیچیدگی را تا میزان قابلتوجهی کم کرد. بدون نیاز به هیج معجزهای یا عملکرد خارقالعادهای با دانستن قوانین میتوان کیفیت طراحی رابط کاربری را تا میزان قابل توجهی بالا برد.
نویسنده میگوید لازمه طراحی خوب صرفا پیادهسازی قوانین نیست و نیاز نیست تمام قواعد را بلد باشید اما خوب است که دانش خود را بالا ببرید و بهمرور برروی طراحیهای خود پیاده کنید. پس همین الان شروع کنید.
🔗 برای مطالعه مقاله میتوانید به این لینک مراجعه کنید:
(زمان حدودی مطالعه: ۱۴ دقیقه)
گردآورنده: رادنا احمدینیا
#UI
@Dexign فلسفه دیزاین
______
در این مقاله مثالهایی از دیزاین با قواعد درست و بدون قواعد ارائه و تصاویری جهت مقایسه قرار داده شدهاست.
طراحی رابط کاربری قواعد پیچیده و گستردگی زیادی دارد. خوشبخاته با دانستن قواعد و منطق آن میتوان این پیچیدگی را تا میزان قابلتوجهی کم کرد. بدون نیاز به هیج معجزهای یا عملکرد خارقالعادهای با دانستن قوانین میتوان کیفیت طراحی رابط کاربری را تا میزان قابل توجهی بالا برد.
نویسنده میگوید لازمه طراحی خوب صرفا پیادهسازی قوانین نیست و نیاز نیست تمام قواعد را بلد باشید اما خوب است که دانش خود را بالا ببرید و بهمرور برروی طراحیهای خود پیاده کنید. پس همین الان شروع کنید.
🔗 برای مطالعه مقاله میتوانید به این لینک مراجعه کنید:
(زمان حدودی مطالعه: ۱۴ دقیقه)
گردآورنده: رادنا احمدینیا
#UI
@Dexign فلسفه دیزاین
______
Medium
16 little UI design tips that make a big impact
A step by step UI design case study to quickly fix an example user interface using logic-driven UI design tips
👍7
چطور از سایه در طراحی رابط کاربر استفاده کنیم؟
سایهها در طراحی UI هر روز استفاده میشوند.
در طبیعت، شما باید سه متغیر را هنگام کار با سایهها در نظر داشته باشید.
- منبع نور که میتواند خورشید، ماه، لامپ یا حتی یک سطح بازتابنده باشد.
- جسمی است که نور را دریافت میکند.
- جسمی که بر روی آن سایه میافتد.
ما در مورد سطح سایه صحبت می کنیم.
هنگامی که منبع نور به شی و سطح سایه نزدیکتر میشود، تاری سایه شما افزایش مییابد. تاری همچنین زمانی اتفاق میافتد که خود جسم از سطح سایه دور شود.
از نظر رفتاری، ارتباط نزدیکی بین سایه و تاری وجود دارد. اگر از سطح سایه دورتر شوید، می بینید که اندازه سایه شما افزایش می یابد.
اگر میخواهید از سایهها در طراحی UI و UX استفاده کنید، پیروی از قوانینی که طبیعت به ما میدهد ضروری است. درست مانند سلسله مراتب و دستورالعملهای گشتالت در طراحی، ایجاد یک طراحی UI با سایههای واقعگرایانه ضروری است.
محو کردن سایه به ویژه زمانی مفید است که چندین شی را روی هم قرار دهید. بالاترین و شناورترین جسم نیز دارای سایهای با بیشترین مقدار تاری است. به این دلیل که اجسام بالاتر از سطح سایه دورتر هستند. فاصله بین جسم و سطح سایه تاری سایه شما را افزایش می دهد.
لطفاً توجه داشته باشید که فرض میکنیم هیچ زاویهای بین جسم، سطح سایه و منبع نور وجود ندارد. در غیر این صورت، تاثیر قابل توجهی بر شکل سایه، گسترش و تاری خواهد داشت.
فاصله (افست)
فاصله x و y سایه شما به جایی که منبع نور را در طراحی UI خود قرار میدهید بستگی دارد. بسته به ارتفاع منبع نور شما، فاصله میتواند کم و زیاد شود. به طور کلی، منبع نوری که بیشتر «در بالای» عناصر رابط کاربری شما قرار دارد، به معنای فاصلهای کمتر است.
رنگ در طبیعت
سایهها سیاه نیستند. سطوح سایه را تیره میکنند. این بدان معنی است که رنگ سایههای طراحی رابط کاربری شما نیز سیاه نیست. سایههای طراحی رابط کاربری شما از رنگهای عناصر دیگر مانند سطح سایه پیروی میکنند.
سایهها در حالت تاریک، یک روند طراحی بسیار محبوب در سال 2021 بود.
نکتهای که باید در نظر داشته باشید این است که تیرگی رنگهای سایه شما در زمان طراحی روی سطوح تیرهتر باید کمی بیشتر از زمانی باشد که سایهها را روی پس زمینه روشنتر طراحی می کنید. به این دلیل که پسزمینه طرح شما تاریکتر است.
بسته به میزان ارتفاع این عناصر از سطح، میتوانید عناصر سبکتری ایجاد کنید. نزدیکتر بودن به منبع نور به معنای رنگ روشنتر است.
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید:
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر
#UI
@Dexign فلسفه دیزاین
______
سایهها در طراحی UI هر روز استفاده میشوند.
در طبیعت، شما باید سه متغیر را هنگام کار با سایهها در نظر داشته باشید.
- منبع نور که میتواند خورشید، ماه، لامپ یا حتی یک سطح بازتابنده باشد.
- جسمی است که نور را دریافت میکند.
- جسمی که بر روی آن سایه میافتد.
ما در مورد سطح سایه صحبت می کنیم.
هنگامی که منبع نور به شی و سطح سایه نزدیکتر میشود، تاری سایه شما افزایش مییابد. تاری همچنین زمانی اتفاق میافتد که خود جسم از سطح سایه دور شود.
از نظر رفتاری، ارتباط نزدیکی بین سایه و تاری وجود دارد. اگر از سطح سایه دورتر شوید، می بینید که اندازه سایه شما افزایش می یابد.
اگر میخواهید از سایهها در طراحی UI و UX استفاده کنید، پیروی از قوانینی که طبیعت به ما میدهد ضروری است. درست مانند سلسله مراتب و دستورالعملهای گشتالت در طراحی، ایجاد یک طراحی UI با سایههای واقعگرایانه ضروری است.
محو کردن سایه به ویژه زمانی مفید است که چندین شی را روی هم قرار دهید. بالاترین و شناورترین جسم نیز دارای سایهای با بیشترین مقدار تاری است. به این دلیل که اجسام بالاتر از سطح سایه دورتر هستند. فاصله بین جسم و سطح سایه تاری سایه شما را افزایش می دهد.
لطفاً توجه داشته باشید که فرض میکنیم هیچ زاویهای بین جسم، سطح سایه و منبع نور وجود ندارد. در غیر این صورت، تاثیر قابل توجهی بر شکل سایه، گسترش و تاری خواهد داشت.
فاصله (افست)
فاصله x و y سایه شما به جایی که منبع نور را در طراحی UI خود قرار میدهید بستگی دارد. بسته به ارتفاع منبع نور شما، فاصله میتواند کم و زیاد شود. به طور کلی، منبع نوری که بیشتر «در بالای» عناصر رابط کاربری شما قرار دارد، به معنای فاصلهای کمتر است.
رنگ در طبیعت
سایهها سیاه نیستند. سطوح سایه را تیره میکنند. این بدان معنی است که رنگ سایههای طراحی رابط کاربری شما نیز سیاه نیست. سایههای طراحی رابط کاربری شما از رنگهای عناصر دیگر مانند سطح سایه پیروی میکنند.
سایهها در حالت تاریک، یک روند طراحی بسیار محبوب در سال 2021 بود.
نکتهای که باید در نظر داشته باشید این است که تیرگی رنگهای سایه شما در زمان طراحی روی سطوح تیرهتر باید کمی بیشتر از زمانی باشد که سایهها را روی پس زمینه روشنتر طراحی می کنید. به این دلیل که پسزمینه طرح شما تاریکتر است.
بسته به میزان ارتفاع این عناصر از سطح، میتوانید عناصر سبکتری ایجاد کنید. نزدیکتر بودن به منبع نور به معنای رنگ روشنتر است.
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید:
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر
#UI
@Dexign فلسفه دیزاین
______
The Designer's Toolbox
How to use shadows in UI design - The Designer's Toolbox
Shadows are used in UI design every day. But how can you use shadows effectively when designing? Read our guide on shadows in UI design.
👍7❤2
استفاده از هوش مصنوعی در طراحی تجربه کاربری (AI in UX Design)
شما میتوانید از ابزارهای هوش مصنوعی برای ارتقا توانایی خود در طراحی تجربه کاربری استفاده کنید نه برای جایگزینی آن! از کارهای کوچک شروع کنید و از هوش مصنوعی برای پیشرفت کمک بگیرید.
جیکوب اخیرا در مقالهای بیان کردهاست که حوزه طراحی تجربه کاربری فورا باید از ابزارهای هوش مصنوعی استفاده کند. جیکوب میگوید استفاده مناسب و هوشمندانه از ابزارهای هوش مصنوعی میتواند کیفیت کار ما را تا حد قابلتوجهی ارتقا دهد.
افراد زیادی در جامعه طراحان علاقهمند به کمک گرفتن از هوش مصنوعی در کار خود هستند. کیت در لینکدین خود از افرادی که در این زمینه فعالیت کردهاند خواست تا دانش و پیشنهادات خود را با دیگران بهاشتراک بگذارند.
استفاده از این ابزار میتواند بهرهوری و کیفیت کار ما را تا حد قابل توجهی افزایش دهد و از طرفی میتوانیم تواناییهای خود را بهبود بخشیم. تحقیقات نشان میدهند سازمانها با کمک هوش مصنوعی سرعت خود را تا ۴۰٪ افزایش دادهاند.
لازم به ذکر است با توجه به تغییر روزانه هوش مصنوعی ممکن است موارد بیان شده در این مقاله نیز دستخوش تغییر شوند اما احتمال زیاد نکات کلی تا سالها قابل استناد باشند.
موارد بررسیشده در این مقاله عبارتند از :
چرا از هوش مصنوعی در طراحی تجربه کاربری استفاده کنیم؟
هوش مصنوعی ایمنترین همراه برای طراحان باتجربه است.
پیشنهاد ابزار هوش مصنوعی.
چگونه از هوش مصنوعی در این حوزه استفاده کنیم؟
کارهایی که هوش مصنوعی میتواند انجام دهد.
کارهایی که هوش مصنوعی نمیتواند انجام دهد.
آیا نیاز دارید بدانید هوش مصنوعی چگونه کار میکند؟
برای مطالعه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۱۴ دقیقه)
گردآورنده: رادنا احمدینیا
#ابزار
#UX #AI
@Dexign فلسفه دیزاین
______
شما میتوانید از ابزارهای هوش مصنوعی برای ارتقا توانایی خود در طراحی تجربه کاربری استفاده کنید نه برای جایگزینی آن! از کارهای کوچک شروع کنید و از هوش مصنوعی برای پیشرفت کمک بگیرید.
جیکوب اخیرا در مقالهای بیان کردهاست که حوزه طراحی تجربه کاربری فورا باید از ابزارهای هوش مصنوعی استفاده کند. جیکوب میگوید استفاده مناسب و هوشمندانه از ابزارهای هوش مصنوعی میتواند کیفیت کار ما را تا حد قابلتوجهی ارتقا دهد.
افراد زیادی در جامعه طراحان علاقهمند به کمک گرفتن از هوش مصنوعی در کار خود هستند. کیت در لینکدین خود از افرادی که در این زمینه فعالیت کردهاند خواست تا دانش و پیشنهادات خود را با دیگران بهاشتراک بگذارند.
استفاده از این ابزار میتواند بهرهوری و کیفیت کار ما را تا حد قابل توجهی افزایش دهد و از طرفی میتوانیم تواناییهای خود را بهبود بخشیم. تحقیقات نشان میدهند سازمانها با کمک هوش مصنوعی سرعت خود را تا ۴۰٪ افزایش دادهاند.
لازم به ذکر است با توجه به تغییر روزانه هوش مصنوعی ممکن است موارد بیان شده در این مقاله نیز دستخوش تغییر شوند اما احتمال زیاد نکات کلی تا سالها قابل استناد باشند.
موارد بررسیشده در این مقاله عبارتند از :
چرا از هوش مصنوعی در طراحی تجربه کاربری استفاده کنیم؟
هوش مصنوعی ایمنترین همراه برای طراحان باتجربه است.
پیشنهاد ابزار هوش مصنوعی.
چگونه از هوش مصنوعی در این حوزه استفاده کنیم؟
کارهایی که هوش مصنوعی میتواند انجام دهد.
کارهایی که هوش مصنوعی نمیتواند انجام دهد.
آیا نیاز دارید بدانید هوش مصنوعی چگونه کار میکند؟
برای مطالعه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۱۴ دقیقه)
گردآورنده: رادنا احمدینیا
#ابزار
#UX #AI
@Dexign فلسفه دیزاین
______
Nielsen Norman Group
AI for UX: Getting Started
Use generative-AI tools to support and enhance your UX skills — not to replace them. Start with small UX tasks and watch out for hallucinations and bad advice.
👍14