فراتر از یک دکمه
هر دیزاینی برای رسیدن به هدفی طراحی میشود و طراح در پی آن است تا کاربر در کمترین زمان ممکن و به آسانترین شکل به هدف مورد نظر برسد. برای مثال در یک فروشگاه اینترنتی، هدف ما خرید است و کاربر هرچه سریعتر وارد پروسهی خرید و اتمام آن شود، میزان رضایتش نیز افزایش مییابد.
یکی از نکاتی که غالبا، کاربران را طی مسیر گیج میکند و زمان تصمیمگیری آنها را افزایش میدهد، دکمههای CTA است.
زمانی که این دکمهها به شکل نامناسبی طراحی شده باشند کاربر میان تپ کردن و نکردن آنها مردد میشود. و همین تردید ممکن است او را از ادامه فرآیند منصرف کند.
در مقالهی زیر نکات مهمی که هنگام طراحی دکمههای CTA باید دقت کرد بررسی شده است. معماری اطلاعات هنگامی که دکمهی CTA در کنار دکمههای دیگر قرار میگیرد، اهمیت مییابد.
میتوانید اطلاعات بیشتر را در مقالهی زیر بخوانید:
http://bit.ly/dxgn593
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #معماری_اطلاعات
@Dexign فلسفه دیزاین
_______
هر دیزاینی برای رسیدن به هدفی طراحی میشود و طراح در پی آن است تا کاربر در کمترین زمان ممکن و به آسانترین شکل به هدف مورد نظر برسد. برای مثال در یک فروشگاه اینترنتی، هدف ما خرید است و کاربر هرچه سریعتر وارد پروسهی خرید و اتمام آن شود، میزان رضایتش نیز افزایش مییابد.
یکی از نکاتی که غالبا، کاربران را طی مسیر گیج میکند و زمان تصمیمگیری آنها را افزایش میدهد، دکمههای CTA است.
زمانی که این دکمهها به شکل نامناسبی طراحی شده باشند کاربر میان تپ کردن و نکردن آنها مردد میشود. و همین تردید ممکن است او را از ادامه فرآیند منصرف کند.
در مقالهی زیر نکات مهمی که هنگام طراحی دکمههای CTA باید دقت کرد بررسی شده است. معماری اطلاعات هنگامی که دکمهی CTA در کنار دکمههای دیگر قرار میگیرد، اهمیت مییابد.
میتوانید اطلاعات بیشتر را در مقالهی زیر بخوانید:
http://bit.ly/dxgn593
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #معماری_اطلاعات
@Dexign فلسفه دیزاین
_______
Medium
5 Techniques to Make Mobile Call to Action Buttons Intuitive
To tap or not to tap — that is the question on the user’s mind when they see a call to action button.
هفت مهارت اساسی برای طراحان محصول
مفهوم طراحی محصول از دیرباز در دنیای طراحی محصولات فیزیکی و تجاری وجود داشته است و عموما طراحان صنعتی که در طراحی این محصولات نقش داشتند به عنوان طراح محصول شناخته میشدند. اما در چند سال گذشته این مفهوم در دنیای تکنولوژی و طراحی محصولات دیجیتال نیز وارد شده است.
در روند طراحی و تولید یک محصول دیجیتال نیز فعالیتهای مختلف و متنوعی انجام میشود که از جملهای آنها میتوان به مواردی مثل تست کاربردپذیری، طراحی تعاملی، طراحی گرافیک و بصری، آنالیز دادهها و تعیین استراتژی کسب و کار اشاره کرد.
بنابراین میتوان گفت که طراح محصول کسی است که توانایی و تخصص لازم برای راهبری و تبدیل یک ایده به محصولی قابل ارائه و مدیریت استراتژی برای ارائه و ورود به بازار را داشته باشد. برای اینکه یک طراح محصول بتواند از پس این مسئولیت برآید باید مهارتهای مختلفی داشته باشد که از جملهی آنها میتوان به موارد زیر اشاره کرد:
۱- تست کاربردپذیری: برای بررسی و تحلیل میزان کاربردی بودن محصول از دیدگاه کاربر، روشهای مختلفی برای تست کاربردپذیری وجود دارد که آشنا بودن با این روشها و نحوهی پیادهسازی برای یک طراح محصول اهمیت بالایی دارد.
۲- طراحی تعاملی: برای ایجاد ارتباط با اعضای مختلف تیم محصول و سهامداران، یکی از مؤثرترین روشها استفاده از طراحی تعاملی برای نشان دادن ارتباط اجزا و المانهای مختلف و روندهای موجود در محصول است.
۳- ویرایش تصاویر: اگر دارای سابقه و تجربه در زمینهی طراحی گرافیک و استفاده از نرم افزارهایی مثل فتوشاپ باشید، ویرایش تصاویر و ساخت ماکآپهای مختلف برای شما بسیار ساده خواهد بود. تخصص در این زمینه، جزو مهارتهای اساسی برای یک طراح محصول است.
۴- تصویرسازی: یکی از مهارتهای دیگر که برای هر طراح محصول دارای اهمیت است، مهارت تصویرسازی است تا بتواند براساس طرحها و زبانهای طراحی مختلف اقدام به تصویرسازی کند.
۵- انیمیشنسازی: با داشتن مهارت در زمینه تصویرسازی، قدم بعدی آشنایی با انیمیشنسازی و استفاده از آن در قسمتهای مختلف محصول و پیادهسازی بر روی تصویرسازیهای انجام شده است.
۶- مهارت HTML و CSS: داشتن مهارت در این زمینه برای طراح محصول در جهت ایجاد ارتباط مؤثر با تیم توسعه نرمافزار و شکلگیری ارتباط مؤثر بین تیم توسعه نرمافزار و تیم طراحی دارای اهمیت است.
۷- مهارت UX writing: متون و نوشتهها از ارکان جداییناپذیر هر محصول دیجیتال است و شناخت درست ساختار آن و چگونگی استفاده از عبارات و ادبیات نگارشی، تأثیر مستقیم بر تجربه کاربری خواهد داشت.
برای آشنایی بیشتر با این مهارتها، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn594
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#طراح_محصول
@Dexign فلسفه دیزاین
ــــــ
مفهوم طراحی محصول از دیرباز در دنیای طراحی محصولات فیزیکی و تجاری وجود داشته است و عموما طراحان صنعتی که در طراحی این محصولات نقش داشتند به عنوان طراح محصول شناخته میشدند. اما در چند سال گذشته این مفهوم در دنیای تکنولوژی و طراحی محصولات دیجیتال نیز وارد شده است.
در روند طراحی و تولید یک محصول دیجیتال نیز فعالیتهای مختلف و متنوعی انجام میشود که از جملهای آنها میتوان به مواردی مثل تست کاربردپذیری، طراحی تعاملی، طراحی گرافیک و بصری، آنالیز دادهها و تعیین استراتژی کسب و کار اشاره کرد.
بنابراین میتوان گفت که طراح محصول کسی است که توانایی و تخصص لازم برای راهبری و تبدیل یک ایده به محصولی قابل ارائه و مدیریت استراتژی برای ارائه و ورود به بازار را داشته باشد. برای اینکه یک طراح محصول بتواند از پس این مسئولیت برآید باید مهارتهای مختلفی داشته باشد که از جملهی آنها میتوان به موارد زیر اشاره کرد:
۱- تست کاربردپذیری: برای بررسی و تحلیل میزان کاربردی بودن محصول از دیدگاه کاربر، روشهای مختلفی برای تست کاربردپذیری وجود دارد که آشنا بودن با این روشها و نحوهی پیادهسازی برای یک طراح محصول اهمیت بالایی دارد.
۲- طراحی تعاملی: برای ایجاد ارتباط با اعضای مختلف تیم محصول و سهامداران، یکی از مؤثرترین روشها استفاده از طراحی تعاملی برای نشان دادن ارتباط اجزا و المانهای مختلف و روندهای موجود در محصول است.
۳- ویرایش تصاویر: اگر دارای سابقه و تجربه در زمینهی طراحی گرافیک و استفاده از نرم افزارهایی مثل فتوشاپ باشید، ویرایش تصاویر و ساخت ماکآپهای مختلف برای شما بسیار ساده خواهد بود. تخصص در این زمینه، جزو مهارتهای اساسی برای یک طراح محصول است.
۴- تصویرسازی: یکی از مهارتهای دیگر که برای هر طراح محصول دارای اهمیت است، مهارت تصویرسازی است تا بتواند براساس طرحها و زبانهای طراحی مختلف اقدام به تصویرسازی کند.
۵- انیمیشنسازی: با داشتن مهارت در زمینه تصویرسازی، قدم بعدی آشنایی با انیمیشنسازی و استفاده از آن در قسمتهای مختلف محصول و پیادهسازی بر روی تصویرسازیهای انجام شده است.
۶- مهارت HTML و CSS: داشتن مهارت در این زمینه برای طراح محصول در جهت ایجاد ارتباط مؤثر با تیم توسعه نرمافزار و شکلگیری ارتباط مؤثر بین تیم توسعه نرمافزار و تیم طراحی دارای اهمیت است.
۷- مهارت UX writing: متون و نوشتهها از ارکان جداییناپذیر هر محصول دیجیتال است و شناخت درست ساختار آن و چگونگی استفاده از عبارات و ادبیات نگارشی، تأثیر مستقیم بر تجربه کاربری خواهد داشت.
برای آشنایی بیشتر با این مهارتها، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn594
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#طراح_محصول
@Dexign فلسفه دیزاین
ــــــ
Medium
7 Skills Every Product Designer Should Learn
Skills that will help you stand out in a sea of designers
اصول موشن دیزنی در طراحی
امروزه طراحان بیش از گذشته به اهمیت موشن دیزاین به منظور ایجاد یک تجربه کاربری بهتر واقف گشتهاند. موشن ابزاری است که باعث بوجود آمدن تجربهای متفاوت و در عین حال لذت بخش و سرگرم کننده میشود.
کاربرد موشن در طراحی تجربه کاربری از یک سو باعث جلب توجه کابران به قسمتی خاص از محصول میشود و از سوی دیگر به شکلگیری شخصیت برند کمک میکند. با این وجود از آنجایی که استفاده از موشن در رابط کاربری حرکتی بسیار جدید بهشمار میآید هنوز منابع جامعی جهت آموزش بهترین شیوه نمایش الگوهای متداول برای بارگزاری صفحه ها در دسترس طراحان قرار نگرفتهاست. به همین دلیل بهترین کاری که طراحان در حال حاضر میتوانند انجام دهند ایجاد یک کتابخانه موشن قابل استفاده با مطالعه اصول سنتی انیمیشن و یادگیری چگونگی استفاده از آنها در شکلها و الگوهای انتزاعی مختلف میباشد. مانند نمونههایی که در رابطهای دیجیتالی مشاهده میگردد.
یکی از منابع متداول برای آشنایی با تکنیکهای انیمیشن، «۱۲ اصل انیمیشن دیزنی» است که توسط فرانک توماس و اولی جانستون در دهه ۱۹۸۰ معرفی شده است. این اصول توسط همه طراحان موشن به عنوان راهنمایی جامع برای ایجاد حس حرکت طبیعی در پویانمایی شخصیتها شناخته میشوند و نگاه کردن به آنها از طریق لنز رابطهای کاربر به ما این امکان را میدهد تا عملکرد جدیدی به محصولات خود اضافه نماییم. استفاده درست از موشن به عنوان یک عنصر راهنما، این امکان را برای ما ایجاد میکند تا بتوانیم روابط موثرتری با کاربران محصول خود داشته باشیم.
http://bit.ly/dxgn595
(زمان مورد نیاز برای مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#موشندیزاین #رابطکاربری
@Dexign فلسفه دیزاین
ـــــــ
امروزه طراحان بیش از گذشته به اهمیت موشن دیزاین به منظور ایجاد یک تجربه کاربری بهتر واقف گشتهاند. موشن ابزاری است که باعث بوجود آمدن تجربهای متفاوت و در عین حال لذت بخش و سرگرم کننده میشود.
کاربرد موشن در طراحی تجربه کاربری از یک سو باعث جلب توجه کابران به قسمتی خاص از محصول میشود و از سوی دیگر به شکلگیری شخصیت برند کمک میکند. با این وجود از آنجایی که استفاده از موشن در رابط کاربری حرکتی بسیار جدید بهشمار میآید هنوز منابع جامعی جهت آموزش بهترین شیوه نمایش الگوهای متداول برای بارگزاری صفحه ها در دسترس طراحان قرار نگرفتهاست. به همین دلیل بهترین کاری که طراحان در حال حاضر میتوانند انجام دهند ایجاد یک کتابخانه موشن قابل استفاده با مطالعه اصول سنتی انیمیشن و یادگیری چگونگی استفاده از آنها در شکلها و الگوهای انتزاعی مختلف میباشد. مانند نمونههایی که در رابطهای دیجیتالی مشاهده میگردد.
یکی از منابع متداول برای آشنایی با تکنیکهای انیمیشن، «۱۲ اصل انیمیشن دیزنی» است که توسط فرانک توماس و اولی جانستون در دهه ۱۹۸۰ معرفی شده است. این اصول توسط همه طراحان موشن به عنوان راهنمایی جامع برای ایجاد حس حرکت طبیعی در پویانمایی شخصیتها شناخته میشوند و نگاه کردن به آنها از طریق لنز رابطهای کاربر به ما این امکان را میدهد تا عملکرد جدیدی به محصولات خود اضافه نماییم. استفاده درست از موشن به عنوان یک عنصر راهنما، این امکان را برای ما ایجاد میکند تا بتوانیم روابط موثرتری با کاربران محصول خود داشته باشیم.
http://bit.ly/dxgn595
(زمان مورد نیاز برای مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#موشندیزاین #رابطکاربری
@Dexign فلسفه دیزاین
ـــــــ
Medium
Disney’s motion principles in designing interface animations
Designing interface animations — the Disney’s way
دیزاین برای موبایل، روی موبایل!
از زمانی که اپلیکیشن «اسکچ» پا به عرصه دیزاین گذاشت، تکاپوی کمپانیهای بزرگ برای طراحی اپلیکیشنی به دقت و سرعت اسکچ، برای پلتفرمهای مختلف دیدنی و جذاب بود.
ادوبی با «Adobe XD» به بازار این رقابتها وارد شد و بعد اپهایی نظیر «Figma» و «InVision Studio» و ... متولد شدند.
تمام این نرمافزارها که نوعی ابزار دیزاین هستند نقاط قوت و ضعف مخصوص به خودشان را دارند و ما به دیزاینرها همیشه دنبالکننده تکنولوژیهای جدید حوزه دیزاین هستیم.
حمایت دیزاینرها از ویژگیهای خوب ابزارهای متفاوت در نهایت باعث میشود تا حضور این ابزارها و امکانات را در همه نرمافزارهای دیزاین مثل اسکچ و ادوبی اکسدی ببینیم.
درواقع این قوه کنجکاوی ماست که مسیر پیشرفت مقوله دیزاین و تکنولوژی دیزاین را ترسیم و جهتدهی میکند.
شاید برای شما هم پیش آمده باشد که علاقه داشته باشید در مسیر خانه یا در سفر روی بخشی از پروژه دیزاین اپلیکیشنی کار کنید. شاید دوست داشتید بتوانید دیزاین خود را تست یا تکمیل کنید و یا حداقل علاقه داشتید دسترسی کاملی به ویرایش تمام طرحها روی موبایل داشته باشید.
اخیرا سرویسی به نام «Play» معرفی شده است.
«پلی» ابزار جدیدی برای طراحی اپلیکیشنهای موبایل است که روی موبایل اجرا میشود.
یعنی صرفا با داشتن اپلیکیشن پلی روی موبایل، میتوانیم یک اپلیکیشن را کامل طراحی کنیم، حتی به همراه افکتها و پروتوتایپها.
این پروژه فعلا در مرحله آزمایشی قرار دارد ولی به نظر من جذابترین بخش این پروژه، مشاهده و مطالعه روش پیادهسازی تنظیمات ابزارهایی مثل Sketch، روی یک اپلیکیشن موبایلی با فضایی محدود است.
شاید این پروژه یکی از جذابترین موارد مطالعه در این موضوع باشد.
در مقاله زیر، درباره چگونگی بوجود آمدن ابزار پلی صحبتشده که خواندنش نکات واقعا جذابی برای ارائه در زمینه تجربه کاربری دارد.
http://bit.ly/dxgn596
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#ابزار #تجربه_کاربری
@Dexign فلسفه دیزاین
ــــــــ
از زمانی که اپلیکیشن «اسکچ» پا به عرصه دیزاین گذاشت، تکاپوی کمپانیهای بزرگ برای طراحی اپلیکیشنی به دقت و سرعت اسکچ، برای پلتفرمهای مختلف دیدنی و جذاب بود.
ادوبی با «Adobe XD» به بازار این رقابتها وارد شد و بعد اپهایی نظیر «Figma» و «InVision Studio» و ... متولد شدند.
تمام این نرمافزارها که نوعی ابزار دیزاین هستند نقاط قوت و ضعف مخصوص به خودشان را دارند و ما به دیزاینرها همیشه دنبالکننده تکنولوژیهای جدید حوزه دیزاین هستیم.
حمایت دیزاینرها از ویژگیهای خوب ابزارهای متفاوت در نهایت باعث میشود تا حضور این ابزارها و امکانات را در همه نرمافزارهای دیزاین مثل اسکچ و ادوبی اکسدی ببینیم.
درواقع این قوه کنجکاوی ماست که مسیر پیشرفت مقوله دیزاین و تکنولوژی دیزاین را ترسیم و جهتدهی میکند.
شاید برای شما هم پیش آمده باشد که علاقه داشته باشید در مسیر خانه یا در سفر روی بخشی از پروژه دیزاین اپلیکیشنی کار کنید. شاید دوست داشتید بتوانید دیزاین خود را تست یا تکمیل کنید و یا حداقل علاقه داشتید دسترسی کاملی به ویرایش تمام طرحها روی موبایل داشته باشید.
اخیرا سرویسی به نام «Play» معرفی شده است.
«پلی» ابزار جدیدی برای طراحی اپلیکیشنهای موبایل است که روی موبایل اجرا میشود.
یعنی صرفا با داشتن اپلیکیشن پلی روی موبایل، میتوانیم یک اپلیکیشن را کامل طراحی کنیم، حتی به همراه افکتها و پروتوتایپها.
این پروژه فعلا در مرحله آزمایشی قرار دارد ولی به نظر من جذابترین بخش این پروژه، مشاهده و مطالعه روش پیادهسازی تنظیمات ابزارهایی مثل Sketch، روی یک اپلیکیشن موبایلی با فضایی محدود است.
شاید این پروژه یکی از جذابترین موارد مطالعه در این موضوع باشد.
در مقاله زیر، درباره چگونگی بوجود آمدن ابزار پلی صحبتشده که خواندنش نکات واقعا جذابی برای ارائه در زمینه تجربه کاربری دارد.
http://bit.ly/dxgn596
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#ابزار #تجربه_کاربری
@Dexign فلسفه دیزاین
ــــــــ
Medium
Can designing on your phone be better than on your desktop?
What if it were possible to design and build a mobile product all on your phone — and what if it were a better way of working?
عشق در نگاه اول
یکی از مسائل اساسی و مهم در طراحی اپلیکیشنهای موبایل، توجه به طراحی صفحات آغازین اپلیکیشن (Onboarding Pages) است؛ صفحاتی که پس از نصب اپلیکیشن و هنگام اولین ورود به آن، به کاربر نمایش داده میشوند و اطلاعاتی در مورد محتوا و عملکرد اپلیکیشن را در اختیار او قرار میدهند. طراحی این صفحات تأثیر فراوانی بر تجربه کاربر در استفاده از اپلیکیشن داشته و میتواند کاربر را در نگاه اول عاشق آن اپلیکیشن کند!
از سویی دیگر طراحی نامناسب و عدم توجه به ساختار و محتوای این صفحات میتواند موجب عدم بازگشت کاربر به اپلیکیشن شود. براساس آمار منتشر شده، از هر ۴ نفر که یک اپلیکیشن موبایل را نصب میکنند، ۱ نفر دیگر به اپلیکیشن بازنمیگردد و دیگر از آن استفاده نمیکند.
بنابراین میتوان دریافت که طراحی این صفحات تاثیر فراوانی بر روی تجربه کاربر داشته و میتواند نقش کلیدی در تبدیل کاربران بالقوه به کاربران فعال داشته باشد.
برای اینکه کاربر در نگاه اول عاشق اپلیکیشن شده و منجر به ارتباطی طولانی مدت با آن شود، باید به نکات زیر در طراحی صفحات آغازین توجه کرد:
۱- اختصار: همه ما از صفحات زیاد و پشت سر هم بیزاریم و علاقهای به لمس مداوم دکمه «بعدی» برای خلاصی از صفحات آغازین نداریم. بنابراین در طراحی این صفحات باید به کم بودن و اختصار در تعداد و محتوای آنها توجه کرد.
۲- ارزشهای کاربر: بر روی نیازهای کاربر تمرکز کنید و به کاربر اطمینان دهید که این اپلیکیشن در راستای اهداف آنهاست و جستجو برای یافتن راهحل به پایان رسیده است.
۳- بیا بازی کنیم!: یکی از راههای جذب کاربر ایجاد تعامل و درگیر کردن کاربر با اپلیکیشن است. در این مرحله میتوانید اطلاعات حیاتی مورد نیاز را از کاربر دریافت کنید.
۴- پس کی تموم میشه؟: کاربران علاقهای به قرار گرفتن در مسیری بیانتها و سردرگمی در میان تعداد صفحات نامشخص ندارند. بنابراین میزان پیشرفت کاربر و تعداد صفحات باقیمانده را به کاربر نشان دهید.
۵- سلام!: پس از گذر کاربر از صفحات آغازین، حالا وقت خوشامدگویی به اوست. با یک پیام مناسب به کاربر خوشامد گفته و او را به سمت صفحه اول اپلیکیشن راهنمایی کنید.
توجه به نکات فوق در طراحی صفحات آغازین اپلیکیشن، تاثیر مثبتی بر تجربه کاربر و جذب او داشته و احتمال بازگشت او به اپلیکیشن را افزایش خواهد داد.
نکات فوق برگرفته از مقاله زیر است که مطالعه آن خالی از لطف نیست:
http://bit.ly/dxgn597
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری
@Dexign فلسفه دیزاین
_______
یکی از مسائل اساسی و مهم در طراحی اپلیکیشنهای موبایل، توجه به طراحی صفحات آغازین اپلیکیشن (Onboarding Pages) است؛ صفحاتی که پس از نصب اپلیکیشن و هنگام اولین ورود به آن، به کاربر نمایش داده میشوند و اطلاعاتی در مورد محتوا و عملکرد اپلیکیشن را در اختیار او قرار میدهند. طراحی این صفحات تأثیر فراوانی بر تجربه کاربر در استفاده از اپلیکیشن داشته و میتواند کاربر را در نگاه اول عاشق آن اپلیکیشن کند!
از سویی دیگر طراحی نامناسب و عدم توجه به ساختار و محتوای این صفحات میتواند موجب عدم بازگشت کاربر به اپلیکیشن شود. براساس آمار منتشر شده، از هر ۴ نفر که یک اپلیکیشن موبایل را نصب میکنند، ۱ نفر دیگر به اپلیکیشن بازنمیگردد و دیگر از آن استفاده نمیکند.
بنابراین میتوان دریافت که طراحی این صفحات تاثیر فراوانی بر روی تجربه کاربر داشته و میتواند نقش کلیدی در تبدیل کاربران بالقوه به کاربران فعال داشته باشد.
برای اینکه کاربر در نگاه اول عاشق اپلیکیشن شده و منجر به ارتباطی طولانی مدت با آن شود، باید به نکات زیر در طراحی صفحات آغازین توجه کرد:
۱- اختصار: همه ما از صفحات زیاد و پشت سر هم بیزاریم و علاقهای به لمس مداوم دکمه «بعدی» برای خلاصی از صفحات آغازین نداریم. بنابراین در طراحی این صفحات باید به کم بودن و اختصار در تعداد و محتوای آنها توجه کرد.
۲- ارزشهای کاربر: بر روی نیازهای کاربر تمرکز کنید و به کاربر اطمینان دهید که این اپلیکیشن در راستای اهداف آنهاست و جستجو برای یافتن راهحل به پایان رسیده است.
۳- بیا بازی کنیم!: یکی از راههای جذب کاربر ایجاد تعامل و درگیر کردن کاربر با اپلیکیشن است. در این مرحله میتوانید اطلاعات حیاتی مورد نیاز را از کاربر دریافت کنید.
۴- پس کی تموم میشه؟: کاربران علاقهای به قرار گرفتن در مسیری بیانتها و سردرگمی در میان تعداد صفحات نامشخص ندارند. بنابراین میزان پیشرفت کاربر و تعداد صفحات باقیمانده را به کاربر نشان دهید.
۵- سلام!: پس از گذر کاربر از صفحات آغازین، حالا وقت خوشامدگویی به اوست. با یک پیام مناسب به کاربر خوشامد گفته و او را به سمت صفحه اول اپلیکیشن راهنمایی کنید.
توجه به نکات فوق در طراحی صفحات آغازین اپلیکیشن، تاثیر مثبتی بر تجربه کاربر و جذب او داشته و احتمال بازگشت او به اپلیکیشن را افزایش خواهد داد.
نکات فوق برگرفته از مقاله زیر است که مطالعه آن خالی از لطف نیست:
http://bit.ly/dxgn597
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری
@Dexign فلسفه دیزاین
_______
Medium
5 UX Tips to Master Mobile App Onboarding
Hand-picked tips to improve your app first impression!
انتخاب مناسب ویژگیهای محصول بر اساس مدل کانو
ما به عنوان طراحان محصول، همیشه در پی تولید محصولاتی هستیم که در کسب رضایت کاربران موفق باشند. اما گاهی اوقات علیرغم سعی و تلاش فراوان ما، این اتفاق به درستی رخ نمیدهد. در چنین شرایطی و برای جلوگیری از چنین اتفاقی میتوان از روشهای مکملی همچون مدل کانو کمک گرفت.
مدل کانو یک نظریه توسعه محصول و رضایت مشتری است که در دهه ۱۹۸۰ توسط پروفسور نوریاکی کانو ساخته شدهاست. کانو در این روش اولویتهای کاربران را به سه دسته پایه، جذاب و عملکردی طبقهبندی میکند. استفاده از این تکنیک با در نظر گرفتن دو فاکتور رضایت و احساس مشتریان، باعث درک بهتر دیدگاه کاربران در مورد ویژگیهای مختلف محصول میشود. این فاکتورها به طراحان کمک میکند تا بفهند که کدام ویژگی محصول باعث ایجاد لذت و یا ناامیدی در کاربران میگردد.
دستهبندی ویژگیهای مختلف محصول براساس احساس و میزان رضایت کاربر به ما طراحان کمک میکند تا بتوانیم تصمیم بگیریم که کدام یک از ویژگیها را در اولویت قرار دهیم و استراتژی ورود محصول به بازار را به چه طریقی برنامهریزی کنیم که نتیجه آن تأثیر بهتری در موفقیت محصول نهایی در بازار داشته باشد.
http://bit.ly/dxgn598
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: نیما حکیمرابط
#مدلکانو #رضایتکاربر
@Dexign فلسفه دیزاین
___
ما به عنوان طراحان محصول، همیشه در پی تولید محصولاتی هستیم که در کسب رضایت کاربران موفق باشند. اما گاهی اوقات علیرغم سعی و تلاش فراوان ما، این اتفاق به درستی رخ نمیدهد. در چنین شرایطی و برای جلوگیری از چنین اتفاقی میتوان از روشهای مکملی همچون مدل کانو کمک گرفت.
مدل کانو یک نظریه توسعه محصول و رضایت مشتری است که در دهه ۱۹۸۰ توسط پروفسور نوریاکی کانو ساخته شدهاست. کانو در این روش اولویتهای کاربران را به سه دسته پایه، جذاب و عملکردی طبقهبندی میکند. استفاده از این تکنیک با در نظر گرفتن دو فاکتور رضایت و احساس مشتریان، باعث درک بهتر دیدگاه کاربران در مورد ویژگیهای مختلف محصول میشود. این فاکتورها به طراحان کمک میکند تا بفهند که کدام ویژگی محصول باعث ایجاد لذت و یا ناامیدی در کاربران میگردد.
دستهبندی ویژگیهای مختلف محصول براساس احساس و میزان رضایت کاربر به ما طراحان کمک میکند تا بتوانیم تصمیم بگیریم که کدام یک از ویژگیها را در اولویت قرار دهیم و استراتژی ورود محصول به بازار را به چه طریقی برنامهریزی کنیم که نتیجه آن تأثیر بهتری در موفقیت محصول نهایی در بازار داشته باشد.
http://bit.ly/dxgn598
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: نیما حکیمرابط
#مدلکانو #رضایتکاربر
@Dexign فلسفه دیزاین
___
Medium
Choosing the Right Features with Kano Model
How to delight our users and exceed their expectations?
۶ اصل اساسی
گاهی اوقات هنگام دیزاین محصول به دلیل مشغولیت زیاد با پروژه و عدم تمرکز، موارد و اصول دیزاین از ذهنمان خارج و درگیر چیزهایی میشویم که اهمیتی ندارد و محصولمان حتی از استانداردهای اولیه نیز خارج شده و غیرقابل استفاده است.
چه خوب است در این لحظاتی که مسیر را گم کردهاییم و نمیدانیم دقیقا چه کار میکنیم، به اصول اثبات شدهی دیزاین بازگردیم و مجدداً آنها را با خود مرور کنیم و چالشهای پیش رویمان را، با کمک آنها حل کنیم.
دان نورمن را دیگر همگی میشناسیم. خدایگان اصول دیزاین در حرفهی تجربهی کاربری؛ او ۶ اصل پایهای دراینباره دارد که به شرح زیر است:
۱- قابلیت دیدن: میتوانم آن را ببینم؟
۲- بازخورد: مشغول به چه کاریست؟
۳- محدودیت: چرا نمیتوانم این کار را انجام دهم؟
۴- جهتیابی: من کجا هستم و کجا میتوانم بروم؟
۵- ثبات: من قبلاً این را دیدهام؟
۶- ارزیابی (قابلیت محیطی و یا کارایی): چگونه از آن استفاده کنم؟
این ۶ قاعده از اساسیترین استانداردها در طراحی محصول دیجیتال و غیردیجیتال است که اگر درست رعایت شوند، هر کاربری را خشنود میکند و محصول را نیز پختهتر.
http://bit.ly/dxgn599
پ.ن: پیشنهاد میکنم مقالهی کاربردی و کوتاه امروز را در Saved Messages تلگرامتان نگهدارید، چون مطمئنم پس از خواندنش، بارها و بارها به آن رجوع خواهید کرد.
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: حسین میرزاده
#اصول_طراحی #تجربه_کاربری #دیزاین #اصول_دیزاین #دان_نورمن
@Dexign فلسفه دیزاین
_____
گاهی اوقات هنگام دیزاین محصول به دلیل مشغولیت زیاد با پروژه و عدم تمرکز، موارد و اصول دیزاین از ذهنمان خارج و درگیر چیزهایی میشویم که اهمیتی ندارد و محصولمان حتی از استانداردهای اولیه نیز خارج شده و غیرقابل استفاده است.
چه خوب است در این لحظاتی که مسیر را گم کردهاییم و نمیدانیم دقیقا چه کار میکنیم، به اصول اثبات شدهی دیزاین بازگردیم و مجدداً آنها را با خود مرور کنیم و چالشهای پیش رویمان را، با کمک آنها حل کنیم.
دان نورمن را دیگر همگی میشناسیم. خدایگان اصول دیزاین در حرفهی تجربهی کاربری؛ او ۶ اصل پایهای دراینباره دارد که به شرح زیر است:
۱- قابلیت دیدن: میتوانم آن را ببینم؟
۲- بازخورد: مشغول به چه کاریست؟
۳- محدودیت: چرا نمیتوانم این کار را انجام دهم؟
۴- جهتیابی: من کجا هستم و کجا میتوانم بروم؟
۵- ثبات: من قبلاً این را دیدهام؟
۶- ارزیابی (قابلیت محیطی و یا کارایی): چگونه از آن استفاده کنم؟
این ۶ قاعده از اساسیترین استانداردها در طراحی محصول دیجیتال و غیردیجیتال است که اگر درست رعایت شوند، هر کاربری را خشنود میکند و محصول را نیز پختهتر.
http://bit.ly/dxgn599
پ.ن: پیشنهاد میکنم مقالهی کاربردی و کوتاه امروز را در Saved Messages تلگرامتان نگهدارید، چون مطمئنم پس از خواندنش، بارها و بارها به آن رجوع خواهید کرد.
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: حسین میرزاده
#اصول_طراحی #تجربه_کاربری #دیزاین #اصول_دیزاین #دان_نورمن
@Dexign فلسفه دیزاین
_____
Medium
The 6 design principles of Don Norman
Don Norman’s design principles are hugely important for any UX designer or Product…
هدیهای به بهانه یکسالگی استودیو دیزاین
اولین پست کانال فلسفه دیزاین برمیگردد به فروردین ۹۵. شوق من برای انتقال آنچه میخواندم و میآموختم با هیجانی که برای دنیای دیزاین داشتم، معجونی میشد که من را به ادامه دادن این راه وا داشت. حالا همراهانی در دیزاین استودیو دارم که گاهی بیشتر از خود من دغدغه و شوق انتقال دانش، و گسترش نگاه دیزاین را دارند.
در این روزها، Dexign Studio که نام دیزاینرهای آن را زیر پستهای این کانال میبینید، یکساله میشود.
از این بابت در پوست خود نمیگنجم و پر از غرور و افتخار هستم.
به مناسبت یکسالگی دیزاین استودیو، یک هدیه کوچک برای جامعه دیزاین آماده کردهایم که جای خالیش در میان سایتهای فارسی حس میشد:
وبسایت مرجع فارسی ابزارها و منابع دیزاین
https://dexignresources.com
شما هم میتوانید اگر منبعی یا ابزاری میشناسید که به درد بقیه میخورد به نام خود به اشتراک بگذارید.
پ. ن.
قصهای درباره دیزاین
وصف حال یکسال گذشته استودیو دیزاین
http://bit.ly/dxgn600
ارادتمند،
رامین خطیبی
اسفند ۱۳۹۸
______
اولین پست کانال فلسفه دیزاین برمیگردد به فروردین ۹۵. شوق من برای انتقال آنچه میخواندم و میآموختم با هیجانی که برای دنیای دیزاین داشتم، معجونی میشد که من را به ادامه دادن این راه وا داشت. حالا همراهانی در دیزاین استودیو دارم که گاهی بیشتر از خود من دغدغه و شوق انتقال دانش، و گسترش نگاه دیزاین را دارند.
در این روزها، Dexign Studio که نام دیزاینرهای آن را زیر پستهای این کانال میبینید، یکساله میشود.
از این بابت در پوست خود نمیگنجم و پر از غرور و افتخار هستم.
به مناسبت یکسالگی دیزاین استودیو، یک هدیه کوچک برای جامعه دیزاین آماده کردهایم که جای خالیش در میان سایتهای فارسی حس میشد:
وبسایت مرجع فارسی ابزارها و منابع دیزاین
https://dexignresources.com
شما هم میتوانید اگر منبعی یا ابزاری میشناسید که به درد بقیه میخورد به نام خود به اشتراک بگذارید.
پ. ن.
قصهای درباره دیزاین
وصف حال یکسال گذشته استودیو دیزاین
http://bit.ly/dxgn600
ارادتمند،
رامین خطیبی
اسفند ۱۳۹۸
______
تلههایی برای به دام انداختن الهامات
گرافیکدیزاینر آمریکایی Saul Bass میگوید: “ دیزاین؛ همان فکر شماست که به صورت دیداری ساخته شده است.”
پس در واقع اثری که خلق میکنید ساختهی ذهن شماست و این ذهن از مفاهیم ثابتی تشکیل شده است و برای مواجهه با چالشهای متفاوت دیزاین نیازمند حرکت است و ذهن زمانی میتواند به حرکت درآید که به منابع الهامگیری چنگ بزند.
شما چطور الهام میگیرید؟ یا چطور برای شروع یک پروژه ذهنتان را تحریک میکنید تا کار خلاقانهای انجام دهد؟ سعی میکنید با ترکیب عناصر یا خروج از مسیر عادت، این کار را انجام دهید؟ به وبسایتهای مختلف دیزاین سر میزنید؟ با دوست خود وارد صحبت میشوید؟ سوالاتتان را گوگل میکنید؟
به نظر شما این الهامات از کجا میآیند؟ چطور دیزاینهایی ساخته میشوند که انگشت به دهان میمانیم؟
نویسندهی مقالهی امروز به سه منبع مهم اشاره میکند که اتفاقا بیارتباط به اعضای بدنمان نیستند. این الهامات ناشی از سه منبع اصلی زیر هستند:
۱ - از سر؛ الهام عقلانی
۲- از دل؛ الهام احساسی
۳- از ناخودآگاه؛ الهام شانسی
برای آشنایی بیشتر با این سه منبع، شما را به خواندن این مقاله تشویق میکنم. و نیز خوشحال میشوم که شما به ما بگویید که هنگام الهامگیری از چه منابعی استفاده میکنید.
http://bit.ly/dxgn601
پ.ن: برای تقویت ذهن ناخودآگاهتان میتوانید ازین منبع گزینششدهی اختصاصیای که ما به وسواس انتخابشان کردیم نیز استفاده کنید:
http://bit.ly/dxgnresources
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: حسین میرزاده
#الهام_گیری #خلاقیت #دیزاین
@Dexign فلسفه دیزاین
______
گرافیکدیزاینر آمریکایی Saul Bass میگوید: “ دیزاین؛ همان فکر شماست که به صورت دیداری ساخته شده است.”
پس در واقع اثری که خلق میکنید ساختهی ذهن شماست و این ذهن از مفاهیم ثابتی تشکیل شده است و برای مواجهه با چالشهای متفاوت دیزاین نیازمند حرکت است و ذهن زمانی میتواند به حرکت درآید که به منابع الهامگیری چنگ بزند.
شما چطور الهام میگیرید؟ یا چطور برای شروع یک پروژه ذهنتان را تحریک میکنید تا کار خلاقانهای انجام دهد؟ سعی میکنید با ترکیب عناصر یا خروج از مسیر عادت، این کار را انجام دهید؟ به وبسایتهای مختلف دیزاین سر میزنید؟ با دوست خود وارد صحبت میشوید؟ سوالاتتان را گوگل میکنید؟
به نظر شما این الهامات از کجا میآیند؟ چطور دیزاینهایی ساخته میشوند که انگشت به دهان میمانیم؟
نویسندهی مقالهی امروز به سه منبع مهم اشاره میکند که اتفاقا بیارتباط به اعضای بدنمان نیستند. این الهامات ناشی از سه منبع اصلی زیر هستند:
۱ - از سر؛ الهام عقلانی
۲- از دل؛ الهام احساسی
۳- از ناخودآگاه؛ الهام شانسی
برای آشنایی بیشتر با این سه منبع، شما را به خواندن این مقاله تشویق میکنم. و نیز خوشحال میشوم که شما به ما بگویید که هنگام الهامگیری از چه منابعی استفاده میکنید.
http://bit.ly/dxgn601
پ.ن: برای تقویت ذهن ناخودآگاهتان میتوانید ازین منبع گزینششدهی اختصاصیای که ما به وسواس انتخابشان کردیم نیز استفاده کنید:
http://bit.ly/dxgnresources
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: حسین میرزاده
#الهام_گیری #خلاقیت #دیزاین
@Dexign فلسفه دیزاین
______
Medium
Three kinds of inspiration (and how they relate to three different parts of the body)
Where does creative inspiration come from?Where does creative inspiration come from? Where do musicians find inspiration for their music?
کشف راز نتفلیکس
در یک دهه گذشته سایت نتفلیکس دستخوش تحولاتی باورنکردنی شدهاست. دلیل اصلی این تغییرات مثبت، به وجود آمدن یک فرهنگ طراحی جدید در این سرویس است که بر اساس اصول "تست و یادگیری" است. امروزه نتفلیکس برای بسیاری از افراد به منبع اصلی سرگرمی تبدیل شدهاست به طوری که 15٪ از ترافیک وب جهان به نتفلیکس میرود و این مساله موجب تبدیل شدن آن به شرکتی شده که عنوانش مترادف با یک تجربه رضایت بخش برای مشتریان است.
اما وقتی در ایجاد یک تجربه خوب پیشتاز هستید، چگونه میتوانید بدون ناامید کردن مشتریان، کسب و کار خود را گسترش دهید و همچنان به رشد صعودی خود ادامه دهید؟ پاسخ این سوال در مجموعه نتفلیکس در آزموندن تجربههایی نهفته است که بر مبنای اصول روانشناختی بنیادین در قالب تست A/B پایهریزی شدهاند.
طراح محصول نتفلیکس، Navin Iyengar، فلسفه تست شرکت را این گونه تعریف میکند:
"بسیاری از ایدههای تجربهکاربری ما توسط تست A/B ارزیابی میشوند، با بهکار بردن این روش درک میکنیم که هر کدام از این ایدهها چه تأثیری در میزان رضایت و به تبع آن عضویت کاربران در سراسر جهان دارند. نتایج این آزمایشها به ما کمک میکند تا روی مهمترین مواردی که باید روی آنها کار کنیم تمرکز بیشتری داشته باشیم."
از گفتههای طراح محصول نتفلیکیس میتوان به این نتیجه رسید که تست A/B میتواند یکی از مطمئنترین روشهای دستیابی به خواستههای مردم از سرویس ما باشد. البته راهاندازی و بهرهبرداری درست از نتایج تست A/B برای هر محصول از فرایند سختی تشکیل میشود که طی آن طراحان ملزم به همکاری نزدیک با بخشهای مختلف از بازاریابی محصول و فناوری اطلاعات گرفته تا بخش عملیات و سایر تیمهای دیجیتال میباشند.
اما با ضریب بالایی از اطمینان میتوان گفت اگر این روش به درستی اجرا شود، سیر روند رشد برای محصول و یا سرویس شما صعودی خواهد بود. بنابراین به جای جواب دادن به این سوال که آیا استفاده از تست ضروری است بهتر این است دنبال پیدا کردن جواب این سوال باشیم که "چگونه میتوانیم انجام این تست را در اولویت قرار دهیم؟"
http://bit.ly/dxgn602
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#روانشناسی #تستAB #تجربهکاربری
@Dexign فلسفه دیزاین
__
در یک دهه گذشته سایت نتفلیکس دستخوش تحولاتی باورنکردنی شدهاست. دلیل اصلی این تغییرات مثبت، به وجود آمدن یک فرهنگ طراحی جدید در این سرویس است که بر اساس اصول "تست و یادگیری" است. امروزه نتفلیکس برای بسیاری از افراد به منبع اصلی سرگرمی تبدیل شدهاست به طوری که 15٪ از ترافیک وب جهان به نتفلیکس میرود و این مساله موجب تبدیل شدن آن به شرکتی شده که عنوانش مترادف با یک تجربه رضایت بخش برای مشتریان است.
اما وقتی در ایجاد یک تجربه خوب پیشتاز هستید، چگونه میتوانید بدون ناامید کردن مشتریان، کسب و کار خود را گسترش دهید و همچنان به رشد صعودی خود ادامه دهید؟ پاسخ این سوال در مجموعه نتفلیکس در آزموندن تجربههایی نهفته است که بر مبنای اصول روانشناختی بنیادین در قالب تست A/B پایهریزی شدهاند.
طراح محصول نتفلیکس، Navin Iyengar، فلسفه تست شرکت را این گونه تعریف میکند:
"بسیاری از ایدههای تجربهکاربری ما توسط تست A/B ارزیابی میشوند، با بهکار بردن این روش درک میکنیم که هر کدام از این ایدهها چه تأثیری در میزان رضایت و به تبع آن عضویت کاربران در سراسر جهان دارند. نتایج این آزمایشها به ما کمک میکند تا روی مهمترین مواردی که باید روی آنها کار کنیم تمرکز بیشتری داشته باشیم."
از گفتههای طراح محصول نتفلیکیس میتوان به این نتیجه رسید که تست A/B میتواند یکی از مطمئنترین روشهای دستیابی به خواستههای مردم از سرویس ما باشد. البته راهاندازی و بهرهبرداری درست از نتایج تست A/B برای هر محصول از فرایند سختی تشکیل میشود که طی آن طراحان ملزم به همکاری نزدیک با بخشهای مختلف از بازاریابی محصول و فناوری اطلاعات گرفته تا بخش عملیات و سایر تیمهای دیجیتال میباشند.
اما با ضریب بالایی از اطمینان میتوان گفت اگر این روش به درستی اجرا شود، سیر روند رشد برای محصول و یا سرویس شما صعودی خواهد بود. بنابراین به جای جواب دادن به این سوال که آیا استفاده از تست ضروری است بهتر این است دنبال پیدا کردن جواب این سوال باشیم که "چگونه میتوانیم انجام این تست را در اولویت قرار دهیم؟"
http://bit.ly/dxgn602
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#روانشناسی #تستAB #تجربهکاربری
@Dexign فلسفه دیزاین
__
Medium
How Netflix uses psychology to perfect its customer experience
Decoding the science behind the interactions that keep you binging
اسکنپذیری صفحات وب
با پیشرفت تکنولوژی و افزایش سرعت اینترنت، روند تولید محتوا و اطلاعات در فضای اینترنت و استفاده از آن توسط کاربران بسیار افزایش یافته است. این حجم بالای اطلاعات و محتوا باعث شده است که کاربران اطلاعات را به صورت کلمه به کلمه نخوانند و بیشتر آنها را اسکن کنند تا ببینند اطلاعات چطور و چگونه برایشان مفید است. بنابراین اسکنپذیری یکی از ویژگیهای مهم در کاربردپذیری وبسایت است.
در رابطه با صفحات وب و اطلاعات، «اسکن کردن» به معنی نگاه به صفحات و فهم کلیات آن است. در تعامل با صفحات وب، بهخصوص برای اولین بار، کاربران صفحات وب را در یک نگاه تحلیل میکنند تا ببینند آیا محتوای آن برای آنها مفید است یا نه. این موضوع چندان جدید نیست و از مدتها قبل در مورد روزنامهها و مجلات نیز صادق بوده است. خوانندگان پیش از صرف زمان برای خواندن یک مطلب طولانی، ابتدا آن را اسکن میکنند تا ببینند آیا مطلب مفیدی است یا نه، سپس در صورت نیاز کل آن را مطالعه میکنند. برای بررسی اسکنپذیر بودن صفحات وب میتوان به دو سؤال زیر پاسخ داد:
۱- آیا چیزهایی که در اولین نگاه مشاهده میکنید، منطبق بر انتظارات کاربر است؟
۲- آیا میتوانید در نگاه اول نوع اطلاعات موجود در صفحه را متوجه شوید؟
اگر پاسخ به این دو سوال مثبت باشد، یعنی صفحه از اسکنپذیری وضعیت مطلوبی دارد.
پیش از این، در مقاله زیر در مورد الگوهای اسکن اطلاعات صحبت کرده بودیم:
https://news.1rj.ru/str/Dexign/563
برای بهبود اسکنپذیری صفحات، رعایت نکات زیر مؤثر خواهد بود:
۱- اولویتبندی محتوا براساس سلسلهمراتب بصری
۲- قرار دادن قسمت اصلی مسیر اطلاعات در هدر وبسایت
۳- حفظ تعادل فضای منفی
۴- مشاهده شدن دکمههای CTA در یک نگاه
۵- بررسی خوانایی محتوا
۶- استفاده از اعداد و ارقام به جای کلمات
۷- ارائه یک موضوع در هر پاراگراف
۸- استفاده از لیستهای شمارهگذاری شده و مشخص شده
۹- هایلایت کردن اطلاعات مهم
۱۰- استفاده از عکس و تصویرسازی
برای آشنایی بیشتر با این موضوع و نکات مؤثر، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn603
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#اسکنپذیری #معماریاطلاعات
@Dexign فلسفه دیزاین
ـــــــــ
با پیشرفت تکنولوژی و افزایش سرعت اینترنت، روند تولید محتوا و اطلاعات در فضای اینترنت و استفاده از آن توسط کاربران بسیار افزایش یافته است. این حجم بالای اطلاعات و محتوا باعث شده است که کاربران اطلاعات را به صورت کلمه به کلمه نخوانند و بیشتر آنها را اسکن کنند تا ببینند اطلاعات چطور و چگونه برایشان مفید است. بنابراین اسکنپذیری یکی از ویژگیهای مهم در کاربردپذیری وبسایت است.
در رابطه با صفحات وب و اطلاعات، «اسکن کردن» به معنی نگاه به صفحات و فهم کلیات آن است. در تعامل با صفحات وب، بهخصوص برای اولین بار، کاربران صفحات وب را در یک نگاه تحلیل میکنند تا ببینند آیا محتوای آن برای آنها مفید است یا نه. این موضوع چندان جدید نیست و از مدتها قبل در مورد روزنامهها و مجلات نیز صادق بوده است. خوانندگان پیش از صرف زمان برای خواندن یک مطلب طولانی، ابتدا آن را اسکن میکنند تا ببینند آیا مطلب مفیدی است یا نه، سپس در صورت نیاز کل آن را مطالعه میکنند. برای بررسی اسکنپذیر بودن صفحات وب میتوان به دو سؤال زیر پاسخ داد:
۱- آیا چیزهایی که در اولین نگاه مشاهده میکنید، منطبق بر انتظارات کاربر است؟
۲- آیا میتوانید در نگاه اول نوع اطلاعات موجود در صفحه را متوجه شوید؟
اگر پاسخ به این دو سوال مثبت باشد، یعنی صفحه از اسکنپذیری وضعیت مطلوبی دارد.
پیش از این، در مقاله زیر در مورد الگوهای اسکن اطلاعات صحبت کرده بودیم:
https://news.1rj.ru/str/Dexign/563
برای بهبود اسکنپذیری صفحات، رعایت نکات زیر مؤثر خواهد بود:
۱- اولویتبندی محتوا براساس سلسلهمراتب بصری
۲- قرار دادن قسمت اصلی مسیر اطلاعات در هدر وبسایت
۳- حفظ تعادل فضای منفی
۴- مشاهده شدن دکمههای CTA در یک نگاه
۵- بررسی خوانایی محتوا
۶- استفاده از اعداد و ارقام به جای کلمات
۷- ارائه یک موضوع در هر پاراگراف
۸- استفاده از لیستهای شمارهگذاری شده و مشخص شده
۹- هایلایت کردن اطلاعات مهم
۱۰- استفاده از عکس و تصویرسازی
برای آشنایی بیشتر با این موضوع و نکات مؤثر، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn603
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#اسکنپذیری #معماریاطلاعات
@Dexign فلسفه دیزاین
ـــــــــ
Telegram
فلسفه دیزاین
طراحی بر مدار چشم انسان
هر صفحهای که در دنیای دیجیتال طراحی میشود شامل اطلاعات و قسمتهای مختلفی است که براساس عملکرد و اهمیت در کنار هم قرار گرفتهاند. تلاش طراحان همیشه بر این اصل استوار است که اطلاعات و قسمتهای مهمتر بیشتر در معرض دید و در کانون توجه…
هر صفحهای که در دنیای دیجیتال طراحی میشود شامل اطلاعات و قسمتهای مختلفی است که براساس عملکرد و اهمیت در کنار هم قرار گرفتهاند. تلاش طراحان همیشه بر این اصل استوار است که اطلاعات و قسمتهای مهمتر بیشتر در معرض دید و در کانون توجه…
۷ قانون اساسی طراحی آیکن
تابحال شده وقتی دنبال گزینه تنظیمات روی گوشی موبایل خودتان میگردید، اصلا به نوشته «تنظیمات» توجه کنید؟ درواقع تنها به دنبال آیکن «چرخدنده» میگردید.
مغز ما معمولا به دنبال سادهسازی روند زندگیمان است و در این مسیر هر اتفاق اضافی را حذف و اتکا بر حافظه را جایگزین میکند.
آیکنها یکی از مهمترین عوامل در حفظ ساختار دیزاین هستند، عواملی آنچنان مهم که وقتی نباشند نمیتوان خیلی بین یک ضفحه اپلیکیشن و یک پاراگراف نوشته، تفاوت آنچنانی قائل شد.
این روزها آیکنها به کوچکترین عنصر انتقال احساسات و مفاهیم تبدیل شدهاند و همانطور که میدانیم هر حسی میتواند یک خروجی بصری داشته باشد.
برای مثال، هرچقدر هویت بصری یک پروژه خشکتر و سادهتر باشد، آیکنهای استفادهشده در آن شامل خطوط قطور تر و نرمیهای کمتری میباشد.
در مقالهای که امروز به شما معرفی میکنم، «Helena Zhang» درباره ۷ قانون اصلی طراحی آیکن نوشته و به تفسیر انواع حسهای تولید شده توسط آیکنها میپردازد.
فراگرفتن موارد این مقاله میتواند همان فوت کوزهگری باشد که خیلی از دیزاینرها به دنبال آن هستند.
http://bit.ly/dxgn604
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#آیکن #تجربه_کاربری
@Dexign فلسفه دیزاین
ـــــــــ
تابحال شده وقتی دنبال گزینه تنظیمات روی گوشی موبایل خودتان میگردید، اصلا به نوشته «تنظیمات» توجه کنید؟ درواقع تنها به دنبال آیکن «چرخدنده» میگردید.
مغز ما معمولا به دنبال سادهسازی روند زندگیمان است و در این مسیر هر اتفاق اضافی را حذف و اتکا بر حافظه را جایگزین میکند.
آیکنها یکی از مهمترین عوامل در حفظ ساختار دیزاین هستند، عواملی آنچنان مهم که وقتی نباشند نمیتوان خیلی بین یک ضفحه اپلیکیشن و یک پاراگراف نوشته، تفاوت آنچنانی قائل شد.
این روزها آیکنها به کوچکترین عنصر انتقال احساسات و مفاهیم تبدیل شدهاند و همانطور که میدانیم هر حسی میتواند یک خروجی بصری داشته باشد.
برای مثال، هرچقدر هویت بصری یک پروژه خشکتر و سادهتر باشد، آیکنهای استفادهشده در آن شامل خطوط قطور تر و نرمیهای کمتری میباشد.
در مقالهای که امروز به شما معرفی میکنم، «Helena Zhang» درباره ۷ قانون اصلی طراحی آیکن نوشته و به تفسیر انواع حسهای تولید شده توسط آیکنها میپردازد.
فراگرفتن موارد این مقاله میتواند همان فوت کوزهگری باشد که خیلی از دیزاینرها به دنبال آن هستند.
http://bit.ly/dxgn604
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#آیکن #تجربه_کاربری
@Dexign فلسفه دیزاین
ـــــــــ
Medium
7 Principles of Icon Design
Creating a high-quality icon family requires a thoughtful approach, a trained eye, and a lot of practice. Below, I’ll illustrate the…
سفر به اعماق ذهن کاربر
مصاحبه با کاربر یکی از متدهای تحقیقات کاربر است که در زمان کم اطلاعات بیشماری درباره رفتارها، عادتها و روش استفادهی کاربر از محصول بدست میدهد.
مصاحبه تنها پرسیدن چند سوال درباره علایق کاربر و محصولی که دوست دارد ساخته شود نیست بلکه هدف اصلی مصاحبه این است که طراح دریابد کاربر چگونه فکر میکند و برای رسیدن به هدف خود چه مسیری را طی میکند.
برای رسیدن به این مقصود باید از پرسیدن سوالهایی که جواب را در خود دارند و ذهن کاربر را به سمت خاصی هدایت میکنند دوری کرد. همچنین سوالهایی با پاسخهای کوتاه اطلاعات دقیقی نمیدهند.
از همین رو لازم است پیش از مصاحبه سوالها و اهدافی که مصاحبه برای آن طراحی شده است را مرور کرد و با داشتن برنامهی مناسب پیش رفت.
در مقالهی زیر اطلاعات بیشتری درباره ویژگیهای یک مصاحبهی کاربردی آمده است که آن را به شما پیشنهاد میکنم:
http://bit.ly/dxgn605
شما چه تجربهای هنگام مصاحبه با کاربر داشتهاید؟ آن را با ما و دیگر دوستان درمیان بگذارید.
(مدت زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #مصاحبه
@Dexign فلسفه دیزاین
ـــــــــ
مصاحبه با کاربر یکی از متدهای تحقیقات کاربر است که در زمان کم اطلاعات بیشماری درباره رفتارها، عادتها و روش استفادهی کاربر از محصول بدست میدهد.
مصاحبه تنها پرسیدن چند سوال درباره علایق کاربر و محصولی که دوست دارد ساخته شود نیست بلکه هدف اصلی مصاحبه این است که طراح دریابد کاربر چگونه فکر میکند و برای رسیدن به هدف خود چه مسیری را طی میکند.
برای رسیدن به این مقصود باید از پرسیدن سوالهایی که جواب را در خود دارند و ذهن کاربر را به سمت خاصی هدایت میکنند دوری کرد. همچنین سوالهایی با پاسخهای کوتاه اطلاعات دقیقی نمیدهند.
از همین رو لازم است پیش از مصاحبه سوالها و اهدافی که مصاحبه برای آن طراحی شده است را مرور کرد و با داشتن برنامهی مناسب پیش رفت.
در مقالهی زیر اطلاعات بیشتری درباره ویژگیهای یک مصاحبهی کاربردی آمده است که آن را به شما پیشنهاد میکنم:
http://bit.ly/dxgn605
شما چه تجربهای هنگام مصاحبه با کاربر داشتهاید؟ آن را با ما و دیگر دوستان درمیان بگذارید.
(مدت زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #مصاحبه
@Dexign فلسفه دیزاین
ـــــــــ
Medium
How to conduct user interviews
User interviews are a great way to gain foundational knowledge about the problems your users are facing. And a lot of people mess them up.
سبک سوئیس در طراحی وب
سبک تایپوگرافی بینالمللی که با عنوان سبک سوئیس نیز شناخته میشود، سبکی در هنر گرافیک است که آغاز آن به دهههای ۲۰ و ۳۰ میلادی در کشورهای روسیه، هلند و آلمان بازمیگردد. این سبک که در دهه ۱۹۵۰ میلادی در کشور سوئیس توسعه پیدا کرده است بر مسائلی همچون پاکیزگی، خوانایی و واقعبینی در هنر گرافیک و تایپوگرافی تاکید دارد. در بسیاری از کارهای اولیه سبک تایپوگرافی بینالمللی، تایپوگرافی به عنوان عنصر اصلی طراحی، به ویژه در متنها مورد استفاده قرار گرفته است و دلیل نامگذاری این سبک نیز همین مسئله میباشد.
عیار و نشانهای اصلی جنبش سبک سوئیسی به عنوان یک سبک مدرن، در استفاده از گریدها و صفحهبندیهای نامتقارن، تایپفیسهای صنعتی مانند Sans-Serif و Akzidenz-Grotesk *، تمرکز بر دقت، سادگی، عینیت، انتزاع هندسی و به استفاده از عکسها به جای تصویرسازی میباشد.
بر خلاف تصور عموم طراحان سبک سویس تنها در پوسترها و طرحهای گرافیکی کاربرد ندارد؛ بلکه میتوان نتایج خوبی هم از به کار بردن آن در طراحی وب بدست آورد. تمام ویژگیهای ذکر شده این سبک قابل پیادهسازی در طراحی وبسایتها نیز میباشند و مزیت اصلی بهره گیری از این روش در طراحی، این است که سبک سویس با ایجاد رابطهای کاربر پسند سازگار در ارتباط میباشد.
فونت Akzidenz-Grotesk*یک فونت قرن نوزدهمی ساده، کاربردی و فراگیر بوده که تمامی ویژگیهای فونتهای مدرن را دارد. ویژگیهای این فونت تأثیر زیادی بر سبک سوئیس گذاشته است. این فونت بعدها الهام بخش فونت محبوب Helvetica بوده است.
http://bit.ly/dxgn606
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: نیما حکیمرابط
#سبکسویس #طراحیگرافیک #طراحیوبسایت
@Dexign فلسفه دیزاین
ــــــــ
سبک تایپوگرافی بینالمللی که با عنوان سبک سوئیس نیز شناخته میشود، سبکی در هنر گرافیک است که آغاز آن به دهههای ۲۰ و ۳۰ میلادی در کشورهای روسیه، هلند و آلمان بازمیگردد. این سبک که در دهه ۱۹۵۰ میلادی در کشور سوئیس توسعه پیدا کرده است بر مسائلی همچون پاکیزگی، خوانایی و واقعبینی در هنر گرافیک و تایپوگرافی تاکید دارد. در بسیاری از کارهای اولیه سبک تایپوگرافی بینالمللی، تایپوگرافی به عنوان عنصر اصلی طراحی، به ویژه در متنها مورد استفاده قرار گرفته است و دلیل نامگذاری این سبک نیز همین مسئله میباشد.
عیار و نشانهای اصلی جنبش سبک سوئیسی به عنوان یک سبک مدرن، در استفاده از گریدها و صفحهبندیهای نامتقارن، تایپفیسهای صنعتی مانند Sans-Serif و Akzidenz-Grotesk *، تمرکز بر دقت، سادگی، عینیت، انتزاع هندسی و به استفاده از عکسها به جای تصویرسازی میباشد.
بر خلاف تصور عموم طراحان سبک سویس تنها در پوسترها و طرحهای گرافیکی کاربرد ندارد؛ بلکه میتوان نتایج خوبی هم از به کار بردن آن در طراحی وب بدست آورد. تمام ویژگیهای ذکر شده این سبک قابل پیادهسازی در طراحی وبسایتها نیز میباشند و مزیت اصلی بهره گیری از این روش در طراحی، این است که سبک سویس با ایجاد رابطهای کاربر پسند سازگار در ارتباط میباشد.
فونت Akzidenz-Grotesk*یک فونت قرن نوزدهمی ساده، کاربردی و فراگیر بوده که تمامی ویژگیهای فونتهای مدرن را دارد. ویژگیهای این فونت تأثیر زیادی بر سبک سوئیس گذاشته است. این فونت بعدها الهام بخش فونت محبوب Helvetica بوده است.
http://bit.ly/dxgn606
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: نیما حکیمرابط
#سبکسویس #طراحیگرافیک #طراحیوبسایت
@Dexign فلسفه دیزاین
ــــــــ
Justinmind
Swiss style web design: Everything you need to know
Swiss Style rejects decoration, pursues objectivity and favors clear communication. How can we apply this to web design?
قانون آشنایی جیکوب
الگوهای طراحی یا (Design Patterns) زمانی ایجاد میشوند که مدت زیادی را کاربران با آن رابط و تجربهی کاربری مشغول هستند و بهترین راهحل ممکن را دریافت کردهاند.
حتما بسیاری از وبسایتهای فانتزی را مشاهده کردهاییدکه هنگام ورود به آنها، با گیجی و سردرگمی فراوان روبرو میشوید و احساس میکنید هیچی از آن بلد نیستید و به کلی هدف خود را از باز کردن آن صفحه از یاد میبرید و اینجاست که دکمهی ضربدر را فشار میدهید.
ذهن انسان این ناآشنایی و عدم شناخت را دوست ندارد. به همین دلیل بزرگترین اشتباه در دیزاین محصولات، خارج شدن از چهارچوب الگوهای طراحیست.
به همین دلیل Jakob Nielsen مشاور کاربری طراحی وب و دانشمند علوم کامپیوتری، قانونی ثابت در این زمینه دارد که با آن آشنا میشویم.
bit.ly/dxgn607
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: حسین میرزاده
#تجربه_کاربری #قانون_آشنایی_جیکوب #الگوی_طراحی
@Dexign فلسفه دیزاین
_____
الگوهای طراحی یا (Design Patterns) زمانی ایجاد میشوند که مدت زیادی را کاربران با آن رابط و تجربهی کاربری مشغول هستند و بهترین راهحل ممکن را دریافت کردهاند.
حتما بسیاری از وبسایتهای فانتزی را مشاهده کردهاییدکه هنگام ورود به آنها، با گیجی و سردرگمی فراوان روبرو میشوید و احساس میکنید هیچی از آن بلد نیستید و به کلی هدف خود را از باز کردن آن صفحه از یاد میبرید و اینجاست که دکمهی ضربدر را فشار میدهید.
ذهن انسان این ناآشنایی و عدم شناخت را دوست ندارد. به همین دلیل بزرگترین اشتباه در دیزاین محصولات، خارج شدن از چهارچوب الگوهای طراحیست.
به همین دلیل Jakob Nielsen مشاور کاربری طراحی وب و دانشمند علوم کامپیوتری، قانونی ثابت در این زمینه دارد که با آن آشنا میشویم.
bit.ly/dxgn607
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: حسین میرزاده
#تجربه_کاربری #قانون_آشنایی_جیکوب #الگوی_طراحی
@Dexign فلسفه دیزاین
_____
Medium
UX Laws 101: Jakob’s Law of familiarity
Get a closer look at why users prefer familiar patterns when using the web.
دنیای جذاب میکرو اینتراکشنها
دیزاین خوب همه را عاشق خودش میکند.
یکی از مهمترین بخشهای هر دیزاین خوبی، نمایش زنده بودن طرح است.
کاربر چطور باید احساس کند طرح زنده است؟ اگر توجه کردهباشید ما کاربران همیشه «بازخورد» در اپلیکیشنها و وبسایتهایی که با آنها کار میکنیم را دوست داریم. بازخورد یعنی زمانی که طرح به رفتار شما به عنوان کاربر، پاسخ میدهد.
فرض کنیم:
شما وارد یک وبسایت میشوید، تعدادی باتن میبینید، هنگامی که روی آنها با ماوس Hover میکنید، هیج اتفاقی نمیافتد. برای لحظهای به آدم حس فریز شدن دست میدهد، گویی وبسایت از کار افتاده است.
دنیای فیدبکها و میکرواینتراکشنها بسیار جذاب و دوستداشتنی است، چون بر پایه احساسات غریزی انسان بنا شده است.
ما دوست داریم هر کاری میکنیم - حتی بردن نشانگر ماوس روی یک دکمه - یک بازخورد داشته باشد، آن دکمه کمی تیرهتر شود یا کمی بزرگتر. بالاخره یک اتفاقی بیفتد.
البته مساله میکرواینتراکشنها کمی پیچیدهتر و جذابتر از مساله Feedbackهاست.
میکرواینتراکشنها همانطور که از اسمشان پیداست، به اتفاقات انیمیشنی کوچکی گفته میشود که با بهتر عملکردن «تجربه کاربری» رابطه مستقیم دارد.
وقتی یک لینک را به «نشانکرده»های خود اضافه میکنید، آیکن آن لینک به بخش «نشانشدهها» میپرد!
وقتی آمار بازدیدهای ویدیوهای یوتیوب شما بالا میرود، اعداد جدید، اعداد قدیمی را به سمت بالا هل میدهند تا خود جای آنها را بگیرند.
زمانی که میخواهید یک ایمیل را پاک کنید یا به گزینههای سریع ایمیل دسترسی داشتهباشید تنها کافیست تا انگشتتان را روی آن ایمیل به سمت راست یا چپ بکشید. آیکنهای اتفاقهای کوچک و مهم برای شما به ترتیب و با انیمیشنی به نمایش در میآیند.
از آنجایی که اکثر مقولههای دیزاینی به نوعی زیرمجموعه «تجربه کاربری» هستند و قرار است به بهبود آن کمک کنند، حتی «رابط کاربری» مانند میکرو اینتراکشنها و انیمیشنها، فیدبکها و جلوههایی بصری هستند که با کمک کردن به «رابط کاربری» در نهایت تجربه خوشایندی برای کاربر تولید میکنند.
مقالهای که امروز به شما معرفی میکنیم درباره لزوم استفاده از میکرواینتراکشنها و چگونگی بهبود رابط و تجربه کاربری
توسط آن است.
bit.ly/dxgn608
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#میکرواینتراکشن #تجربه_کاربری
@Dexign فلسفه دیزاین
_____
دیزاین خوب همه را عاشق خودش میکند.
یکی از مهمترین بخشهای هر دیزاین خوبی، نمایش زنده بودن طرح است.
کاربر چطور باید احساس کند طرح زنده است؟ اگر توجه کردهباشید ما کاربران همیشه «بازخورد» در اپلیکیشنها و وبسایتهایی که با آنها کار میکنیم را دوست داریم. بازخورد یعنی زمانی که طرح به رفتار شما به عنوان کاربر، پاسخ میدهد.
فرض کنیم:
شما وارد یک وبسایت میشوید، تعدادی باتن میبینید، هنگامی که روی آنها با ماوس Hover میکنید، هیج اتفاقی نمیافتد. برای لحظهای به آدم حس فریز شدن دست میدهد، گویی وبسایت از کار افتاده است.
دنیای فیدبکها و میکرواینتراکشنها بسیار جذاب و دوستداشتنی است، چون بر پایه احساسات غریزی انسان بنا شده است.
ما دوست داریم هر کاری میکنیم - حتی بردن نشانگر ماوس روی یک دکمه - یک بازخورد داشته باشد، آن دکمه کمی تیرهتر شود یا کمی بزرگتر. بالاخره یک اتفاقی بیفتد.
البته مساله میکرواینتراکشنها کمی پیچیدهتر و جذابتر از مساله Feedbackهاست.
میکرواینتراکشنها همانطور که از اسمشان پیداست، به اتفاقات انیمیشنی کوچکی گفته میشود که با بهتر عملکردن «تجربه کاربری» رابطه مستقیم دارد.
وقتی یک لینک را به «نشانکرده»های خود اضافه میکنید، آیکن آن لینک به بخش «نشانشدهها» میپرد!
وقتی آمار بازدیدهای ویدیوهای یوتیوب شما بالا میرود، اعداد جدید، اعداد قدیمی را به سمت بالا هل میدهند تا خود جای آنها را بگیرند.
زمانی که میخواهید یک ایمیل را پاک کنید یا به گزینههای سریع ایمیل دسترسی داشتهباشید تنها کافیست تا انگشتتان را روی آن ایمیل به سمت راست یا چپ بکشید. آیکنهای اتفاقهای کوچک و مهم برای شما به ترتیب و با انیمیشنی به نمایش در میآیند.
از آنجایی که اکثر مقولههای دیزاینی به نوعی زیرمجموعه «تجربه کاربری» هستند و قرار است به بهبود آن کمک کنند، حتی «رابط کاربری» مانند میکرو اینتراکشنها و انیمیشنها، فیدبکها و جلوههایی بصری هستند که با کمک کردن به «رابط کاربری» در نهایت تجربه خوشایندی برای کاربر تولید میکنند.
مقالهای که امروز به شما معرفی میکنیم درباره لزوم استفاده از میکرواینتراکشنها و چگونگی بهبود رابط و تجربه کاربری
توسط آن است.
bit.ly/dxgn608
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#میکرواینتراکشن #تجربه_کاربری
@Dexign فلسفه دیزاین
_____
Medium
Micro-interactions: why, when and how to use them to improve the user experience
What are micro-interactions?
هر آنچه در مورد UX Writing باید بدانید
اگر به روند طراحی UX در سال گذشته توجه کرده باشید، بدون شک بارها با عبارت UX writing برخورد کردهاید. مدتی است که بحث نوشتن به عنوان یک "مهارت یکپارچه طراحی" مورد ستایش طراحان دنیا قرار گرفتهاست. به طوری که این تخصص در دیزاین دیگر صرفاً یک تخصص تکمیلی نبوده و به عنوان یک عنصر تخصصی جداگانه و با اهمیت مورد توجه کلیه طراحان قرار گرفته است. همین موضوع باعث شده است تا نویسندههای UX به طور فزایندهای به عنوان بخشی جدایی ناپذیر از تیم های طراحی شناخته شوند.
گواه این امر را میتوان در شرکتهای معتبری چون فیس بوک، گوگل، مایکروسافت و آمازون مشاهده کرد که در آنها نویسندگان UX را به عنوان عضو اصلی گروه دیزاین در تیمهای طراحی خود به حساب میآورند. بنابراین باتوجه به نیاز روزافزون شركتها به نویسندگان UX، لازم است طراحان در مورد چیستی این نقش و نحوه افزودن ارزشهای آن به روند كلی طراحی آگاهی داشته باشند.
در این مقاله، نویسنده با تمرکز بر نقش نویسنده UX، سعی دارد تا مخاطبین مقاله را با پتانسیل این نقش و کلیه وظایف آن آشنا کند.
bit.ly/dxgn609
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیما حکیمرابط
#طراحیتجربهکاربری #UXWriting
@Dexign فلسفه دیزاین
__
اگر به روند طراحی UX در سال گذشته توجه کرده باشید، بدون شک بارها با عبارت UX writing برخورد کردهاید. مدتی است که بحث نوشتن به عنوان یک "مهارت یکپارچه طراحی" مورد ستایش طراحان دنیا قرار گرفتهاست. به طوری که این تخصص در دیزاین دیگر صرفاً یک تخصص تکمیلی نبوده و به عنوان یک عنصر تخصصی جداگانه و با اهمیت مورد توجه کلیه طراحان قرار گرفته است. همین موضوع باعث شده است تا نویسندههای UX به طور فزایندهای به عنوان بخشی جدایی ناپذیر از تیم های طراحی شناخته شوند.
گواه این امر را میتوان در شرکتهای معتبری چون فیس بوک، گوگل، مایکروسافت و آمازون مشاهده کرد که در آنها نویسندگان UX را به عنوان عضو اصلی گروه دیزاین در تیمهای طراحی خود به حساب میآورند. بنابراین باتوجه به نیاز روزافزون شركتها به نویسندگان UX، لازم است طراحان در مورد چیستی این نقش و نحوه افزودن ارزشهای آن به روند كلی طراحی آگاهی داشته باشند.
در این مقاله، نویسنده با تمرکز بر نقش نویسنده UX، سعی دارد تا مخاطبین مقاله را با پتانسیل این نقش و کلیه وظایف آن آشنا کند.
bit.ly/dxgn609
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیما حکیمرابط
#طراحیتجربهکاربری #UXWriting
@Dexign فلسفه دیزاین
__
Tubik Blog: Articles About Design
UX Writing. Let User Interface Speak
The article tells about UX writing as a tool supporting UI design and improving user engagement in web and mobile products. Check tips for powerful microcopy.
نکاتی برای بهبود طراحی رابط کاربری
وقتی به طراحی یک رابط کاربری فکر میکنیم و هنوز برای انجام آن وارد عمل نشدهایم، معمولا همه چیز خیلی ساده و راحت به نظر میآید و میتوانیم در ذهنمان بهترین رابط کاربری را برای هدف مد نظر خود طراحی کنیم.
اما وقتی دست به کار میشویم و افکار و ایدههای خود را از ذهن به روی کاغذ یا نرمافزار منتقل میکنیم، قضیه کمی متفاوت میشود. گاهی میبینیم نتیجه آن چیزی نیست که در ذهن داشتیم و یا هرچقدر تلاش میکنیم نمیتوانیم دقیقا آن چیزی را پیادهسازی و طراحی کنیم که در ذهن داشتهایم.
این اتفاق معمولا با افزایش تجربه و همچنین افزایش مهارت در استفاده از ابزارهای طراحی کمتر میشود و میتوان سادهتر و سریعتر نکاتی که در ذهن داریم به یک رابط کاربری طراحی شده تبدیل کنیم. در این مسیر شناخت درست ابزارها، روشها و نکات ریز فنی میتواند بسیار موثر و کارگشا باشد و خروجی کار را به چیزی دلخواه برای طراح، مشتری و کاربر تبدیل کند.
همانطور که ذکر شد، کسب تجربه و استفاده از تجارب دیگران میتواند تاثیر بهسزایی بر بهبود طراحی رابط کاربری داشته باشد و طراحی ما را از یک طرح مبتدی و کاملا معمولی، به یک طرح خاص و حرفهای تبدیل کند.
در مقاله زیر نکاتی برای بهبود طراحی رابط کاربری ارائه شده است که طراحی شما را یک قدم به پیش برده و تبدیل به طرحی حرفهای و منسجم میکند.
http://bit.ly/dxgn610
(زمان حدودی مطالعه: 7 دقیقه)
نویسنده: محمدرضا پناهی
#رابط_کاربری #طراحی
@Dexign فلسفه دیزاین
______
وقتی به طراحی یک رابط کاربری فکر میکنیم و هنوز برای انجام آن وارد عمل نشدهایم، معمولا همه چیز خیلی ساده و راحت به نظر میآید و میتوانیم در ذهنمان بهترین رابط کاربری را برای هدف مد نظر خود طراحی کنیم.
اما وقتی دست به کار میشویم و افکار و ایدههای خود را از ذهن به روی کاغذ یا نرمافزار منتقل میکنیم، قضیه کمی متفاوت میشود. گاهی میبینیم نتیجه آن چیزی نیست که در ذهن داشتیم و یا هرچقدر تلاش میکنیم نمیتوانیم دقیقا آن چیزی را پیادهسازی و طراحی کنیم که در ذهن داشتهایم.
این اتفاق معمولا با افزایش تجربه و همچنین افزایش مهارت در استفاده از ابزارهای طراحی کمتر میشود و میتوان سادهتر و سریعتر نکاتی که در ذهن داریم به یک رابط کاربری طراحی شده تبدیل کنیم. در این مسیر شناخت درست ابزارها، روشها و نکات ریز فنی میتواند بسیار موثر و کارگشا باشد و خروجی کار را به چیزی دلخواه برای طراح، مشتری و کاربر تبدیل کند.
همانطور که ذکر شد، کسب تجربه و استفاده از تجارب دیگران میتواند تاثیر بهسزایی بر بهبود طراحی رابط کاربری داشته باشد و طراحی ما را از یک طرح مبتدی و کاملا معمولی، به یک طرح خاص و حرفهای تبدیل کند.
در مقاله زیر نکاتی برای بهبود طراحی رابط کاربری ارائه شده است که طراحی شما را یک قدم به پیش برده و تبدیل به طرحی حرفهای و منسجم میکند.
http://bit.ly/dxgn610
(زمان حدودی مطالعه: 7 دقیقه)
نویسنده: محمدرضا پناهی
#رابط_کاربری #طراحی
@Dexign فلسفه دیزاین
______
Medium
9 tips to quickly improve your UI designs
Small and easy to put into practice tips to improve your designs.
نقش پررنگ تایپوگرافی در طراحی رابط کاربری
اشکالی که ما در زندگی آنها را میبینیم، همگی پس از مدتی روی ذهن ما اثر میگذارند و هرکدام به صورت ناخواگاه درون ذهن ما مفاهیمی را یادآوری میکنند.
درواقع اشکال مختلف باعث میشوند حسهای مختلفی را تجربه کنیم.
دقیقا همین احساسات بر پایه اشکال، میتواند پیشزمینه تصمیمگیری طراحان برای انتخاب بین یک شکل یا شکلی دیگر شوند.
برای مثال زمانی که نیاز است در یک طرح، داخل یک صفحه کتاب را نمایش دهیم، میزان تیز بودن یا نرم بودن فونت استفادهشده حسهای مختلف و گاه متضادی را تولید میکند.
البته هرچقدر درصد خطای ما به عنوان طراح، نسبت به انتخاب اشکال مختلف به عنوان دیزاینسیستم کمتر باشد، راحتتر به هدف میرسیم.
مقالهای که امروز معرفی میکنم، درباره اهمیت دقت به فونت انتخابی و استفاده از تمام تنظیمات فوتتها برای گرفتن نتیجه بهتر است.
این نکات شاید خیلی کوچک به نظر برسد ولی یادمان باشد فرق ما با دیکران همین اهمیت دادن به جزئیات خواهد بود.
http://bit.ly/dxgn611
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: آرش اصغری
#رابط_کاربری #فونت
@Dexign فلسفه دیزاین
__
اشکالی که ما در زندگی آنها را میبینیم، همگی پس از مدتی روی ذهن ما اثر میگذارند و هرکدام به صورت ناخواگاه درون ذهن ما مفاهیمی را یادآوری میکنند.
درواقع اشکال مختلف باعث میشوند حسهای مختلفی را تجربه کنیم.
دقیقا همین احساسات بر پایه اشکال، میتواند پیشزمینه تصمیمگیری طراحان برای انتخاب بین یک شکل یا شکلی دیگر شوند.
برای مثال زمانی که نیاز است در یک طرح، داخل یک صفحه کتاب را نمایش دهیم، میزان تیز بودن یا نرم بودن فونت استفادهشده حسهای مختلف و گاه متضادی را تولید میکند.
البته هرچقدر درصد خطای ما به عنوان طراح، نسبت به انتخاب اشکال مختلف به عنوان دیزاینسیستم کمتر باشد، راحتتر به هدف میرسیم.
مقالهای که امروز معرفی میکنم، درباره اهمیت دقت به فونت انتخابی و استفاده از تمام تنظیمات فوتتها برای گرفتن نتیجه بهتر است.
این نکات شاید خیلی کوچک به نظر برسد ولی یادمان باشد فرق ما با دیکران همین اهمیت دادن به جزئیات خواهد بود.
http://bit.ly/dxgn611
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: آرش اصغری
#رابط_کاربری #فونت
@Dexign فلسفه دیزاین
__
Medium
How to use typography in UI Design
Practical tips and tricks
مبانی سلسله مراتب بصری
ما در دوران خیلی شلوغی زندگی میکنیم و با هیاهوی موبایل، لپتاپ، تلوزیون و امثال آن احاطه شدهایم. وقتی که در یک اپلیکیشن یا محصول دیجیتال سیر میکنیم، چیزی به صورت طبیعی احساس میشود و جریان دارد که ما دلیل آن را نمیدانیم. آن چیز اغلب ترکیب بصری المانها است که در کنار هم قرار گرفتهاند. زمانی که این المانهای بصری به صورت درست و منسجم در کنار یکدیگر قرار میگیرند، کاربر به سادگی میتواند محصول را درک کرده و به سیر در آن بپردازند.
توانایی ساخت داستانی مجذوب کننده با استفاده از فونتها و سلسله مراتب بصری چیزی است که هر دیزاینری باید با آن آشنا باشد و با اصول و قواعد آن به عنوان ابزاری برای تاثیر بر روی تجربه کاربری آشنا باشد. هنگامی که اجزای مختلف، هوشمندانه در کنار هم قرار میگیرند، کاربران میتوانند بدون گسست و تلاش زیاد با محصول تعامل داشته و در نتیجه تجربهای لذتبخش داشته باشند.
ایجاد سلسله مراتب بصری مبنای ساخت هر محصول موفق است. سلسله مراتب بصری، ترتیب المانهای مختلف براساس اهمیت آنها را مشخص میکند تا توجه کاربر را هدایت و استفاده از اطلاعات را برای او راحتتر کند. با استفاده از رنگها، تضاد و بافت رنگی، با شکلها، تعیین موقعیتها و جهتها و اندازهها، مهمترین اطلاعات قابل نمایش هستند. سلسله مراتب به ساخت نقاط کانونی و هدایت کاربر به سمت مهمترین اطلاعات کمک میکند.
از حدود یک قرن قبل، دانشمندان به بررسی و مطالعه نحوه برداشت انسانها از محیط و درک آن پرداختند و نتیجه این مطالعات قوانینی از جمله قانون گشتالت، هیکز، میلر و ... است. از جمله این قواعد میتوان به نحوه استفاده از فضای سفید، تایپوگرافی، اندازهها و رنگ و نیز تضاد رنگی اشاره کرد.
برای آشنایی بیشتر با اصول ایجاد و بهبود سلسله مراتب بصری مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn612
(زمان حدودی مطالعه: 15 دقیقه)
نویسنده: محمدرضا پناهی
#سلسله_مراتب #طراحی_بصری #تجربه_کاربری
@Dexign فلسفه دیزاین
______
ما در دوران خیلی شلوغی زندگی میکنیم و با هیاهوی موبایل، لپتاپ، تلوزیون و امثال آن احاطه شدهایم. وقتی که در یک اپلیکیشن یا محصول دیجیتال سیر میکنیم، چیزی به صورت طبیعی احساس میشود و جریان دارد که ما دلیل آن را نمیدانیم. آن چیز اغلب ترکیب بصری المانها است که در کنار هم قرار گرفتهاند. زمانی که این المانهای بصری به صورت درست و منسجم در کنار یکدیگر قرار میگیرند، کاربر به سادگی میتواند محصول را درک کرده و به سیر در آن بپردازند.
توانایی ساخت داستانی مجذوب کننده با استفاده از فونتها و سلسله مراتب بصری چیزی است که هر دیزاینری باید با آن آشنا باشد و با اصول و قواعد آن به عنوان ابزاری برای تاثیر بر روی تجربه کاربری آشنا باشد. هنگامی که اجزای مختلف، هوشمندانه در کنار هم قرار میگیرند، کاربران میتوانند بدون گسست و تلاش زیاد با محصول تعامل داشته و در نتیجه تجربهای لذتبخش داشته باشند.
ایجاد سلسله مراتب بصری مبنای ساخت هر محصول موفق است. سلسله مراتب بصری، ترتیب المانهای مختلف براساس اهمیت آنها را مشخص میکند تا توجه کاربر را هدایت و استفاده از اطلاعات را برای او راحتتر کند. با استفاده از رنگها، تضاد و بافت رنگی، با شکلها، تعیین موقعیتها و جهتها و اندازهها، مهمترین اطلاعات قابل نمایش هستند. سلسله مراتب به ساخت نقاط کانونی و هدایت کاربر به سمت مهمترین اطلاعات کمک میکند.
از حدود یک قرن قبل، دانشمندان به بررسی و مطالعه نحوه برداشت انسانها از محیط و درک آن پرداختند و نتیجه این مطالعات قوانینی از جمله قانون گشتالت، هیکز، میلر و ... است. از جمله این قواعد میتوان به نحوه استفاده از فضای سفید، تایپوگرافی، اندازهها و رنگ و نیز تضاد رنگی اشاره کرد.
برای آشنایی بیشتر با اصول ایجاد و بهبود سلسله مراتب بصری مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn612
(زمان حدودی مطالعه: 15 دقیقه)
نویسنده: محمدرضا پناهی
#سلسله_مراتب #طراحی_بصری #تجربه_کاربری
@Dexign فلسفه دیزاین
______
Medium
The fundamentals behind visual hierarchy
We live in a very busy time. Everything is screaming for our attention — our phones, laptops, television and so on. Yet, when we stumble…
نکات موثر برای کار از راه دور
این روزها بیشتر تیمهای کاری همانند تیم ما؛ دیزاین استودیو، به دلیل شیوع ویروس کرونا تصمیم گرفتهاند تا دورکاری را جایگزین فعالیت حضوری کارکنان در شرکت نمایند. ایده دورکاری و اینکه از محدودیت های زندگی اداری به سمت آزادی کار در خانه بریم در نگاه اول بسیار جذاب و ساده بنظر میرسد. اما اجرای آن در واقع به این سادگی نیست و شاید تیم شما هم در این مدت در تجربه اجرای این روش با چالشهای متفاوتی روبرو شده باشد. برای اینکه بتوایم از راه دور با اعضای تیم خود همکاری موثرتری داشته باشیم بسیار مهم است که در گام نخست اصولی را برای خود تعیین کرده و در طول مدت دورکاری به آنها پایبند باشیم. در این راستا میتوانید اصول زیر را به عنوان برخی راهکارهای مفید برای افزایش بهرهوری در روزهایی که مجبور به فعالیت در محیطی خارج از دفتر میباشید، در نظر داشته باشید:
۱- فضای کاری مشخصی برای خود در خانه ایجاد کنید.
۲- بین فعالیتهای شغلی و کارهای شخصی خود در خانه مرزبندی ایجاد کنید.
۳- ساعت کار منظمی برای خود تعیین کنید و در آن زمان در دسترس سایر اعضای تیم باشید.
۴- وضعیت کاری خود را به طور مستمر با هم تیمیهای خود به اشتراک بگذارید.
۵- با اعضای تیم خود در ارتباط باشید و در مسائل مختلف همفکری کنید.
۶- از ابزارهای برنامهریزی مثل ترلو، آسانا، تسکولو و ... جهت ایجاد نظم در فعالیتهای تیم استفاده کنید.
برخی از شرکتها این امکان را برای شما فراهم میکنند تا در دورکاری از برنامه کاری انعطاف پذیری برخوردار باشید. اگر شرکت شما نیز از این قبیل شرکتها میباشد، حتماً توجه داشته باشید که تعیین دورههای اوج کار شما، به منظور افزایش بهرهوری بسیار مهم خواهد بود. آیا شما بهترین بازدهی کاری را در ابتدای صبح دارید؟ یا اینکه در بازه ظهر بیشتر فعال هستید؟
دانستن اینکه چه موقع از روز بهتر کار میکنید، میتواند به شما کمک کند تا بهترین و مفیدترین استفاده را از روز کاری خود داشته باشید. به طوری که در برنامه زمانبندی خود اجرای وظایف مهم را در این دورهها قرار داده و سایر کارها را که نیاز به تمرکز کمتری دارند به دورههایی که احتمالاً دچار خستگی ذهنی خواهید بود موکول کنید.
اگر شما هم تجربیات مشابهی در این زمنیه دارید خوشحال میشویم که آنها در قسمت کامنتها با ما در میان بگذارید.
https://bit.ly/dxgn613
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#دورکاری #کارتیمی
@Dexign فلسفه دیزاین
______
این روزها بیشتر تیمهای کاری همانند تیم ما؛ دیزاین استودیو، به دلیل شیوع ویروس کرونا تصمیم گرفتهاند تا دورکاری را جایگزین فعالیت حضوری کارکنان در شرکت نمایند. ایده دورکاری و اینکه از محدودیت های زندگی اداری به سمت آزادی کار در خانه بریم در نگاه اول بسیار جذاب و ساده بنظر میرسد. اما اجرای آن در واقع به این سادگی نیست و شاید تیم شما هم در این مدت در تجربه اجرای این روش با چالشهای متفاوتی روبرو شده باشد. برای اینکه بتوایم از راه دور با اعضای تیم خود همکاری موثرتری داشته باشیم بسیار مهم است که در گام نخست اصولی را برای خود تعیین کرده و در طول مدت دورکاری به آنها پایبند باشیم. در این راستا میتوانید اصول زیر را به عنوان برخی راهکارهای مفید برای افزایش بهرهوری در روزهایی که مجبور به فعالیت در محیطی خارج از دفتر میباشید، در نظر داشته باشید:
۱- فضای کاری مشخصی برای خود در خانه ایجاد کنید.
۲- بین فعالیتهای شغلی و کارهای شخصی خود در خانه مرزبندی ایجاد کنید.
۳- ساعت کار منظمی برای خود تعیین کنید و در آن زمان در دسترس سایر اعضای تیم باشید.
۴- وضعیت کاری خود را به طور مستمر با هم تیمیهای خود به اشتراک بگذارید.
۵- با اعضای تیم خود در ارتباط باشید و در مسائل مختلف همفکری کنید.
۶- از ابزارهای برنامهریزی مثل ترلو، آسانا، تسکولو و ... جهت ایجاد نظم در فعالیتهای تیم استفاده کنید.
برخی از شرکتها این امکان را برای شما فراهم میکنند تا در دورکاری از برنامه کاری انعطاف پذیری برخوردار باشید. اگر شرکت شما نیز از این قبیل شرکتها میباشد، حتماً توجه داشته باشید که تعیین دورههای اوج کار شما، به منظور افزایش بهرهوری بسیار مهم خواهد بود. آیا شما بهترین بازدهی کاری را در ابتدای صبح دارید؟ یا اینکه در بازه ظهر بیشتر فعال هستید؟
دانستن اینکه چه موقع از روز بهتر کار میکنید، میتواند به شما کمک کند تا بهترین و مفیدترین استفاده را از روز کاری خود داشته باشید. به طوری که در برنامه زمانبندی خود اجرای وظایف مهم را در این دورهها قرار داده و سایر کارها را که نیاز به تمرکز کمتری دارند به دورههایی که احتمالاً دچار خستگی ذهنی خواهید بود موکول کنید.
اگر شما هم تجربیات مشابهی در این زمنیه دارید خوشحال میشویم که آنها در قسمت کامنتها با ما در میان بگذارید.
https://bit.ly/dxgn613
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#دورکاری #کارتیمی
@Dexign فلسفه دیزاین
______
Medium
Effective Tips for Working Remotely
Companies rarely explain effective ways to work remotely. Use these suggestions to get you started.