دکمه نادیدنی
یکی از نکات مهمی که در دیزاین محصول باید مورد توجه قرار بگیرد، توجه به جزییاتیست که میتواند در تجربه کاربری بسیار اثرگذار باشد. برای مثال برخی کاربران هنگام کار با یک محصول ممکن است ناخواسته تغییراتی را ایجاد کنند، در این زمان وجود یک دکمه بازگشت به صفحهی قبلی لازم است. اما دکمهی بازگشت چگونه باید طراحی شود؟
اگر دکمه بازگشت مانند یک دکمه اقدام (CTA) طراحی شود، این احساس را به کاربر میدهد که او با فشردن یا کلیک کردن روی آن وارد مرحلهی جدیدی میشود. از سویی دیگر، اگر تعداد دکمههای رنگی در صفحه زیاد باشد، اضافه کردن یک دکمهی دیگر میتواند موجب حواسپرتی و سردرگمی کاربر شود.
این موارد از جمله دلایلیست که در مقالهی زیر برشمرده شده و بیانگر آن است که دکمهی بازگشت باید به شکلی خنثی و طبیعی طراحی شود.
سایر نکاتی که در طراحی این دکمه، باید مورد توجه قرار بگیرد را در مقالهی زیر بخوانید:
http://bit.ly/dxgn584
شما چه تجربهای در طراحی دکمهی بازگشت دارید و فکر میکنید چه نکاتی در طراحی آن باید مد نظر قرار بگیرد؟
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #دکمه
@Dexign فلسفه دیزاین
ــــــ
یکی از نکات مهمی که در دیزاین محصول باید مورد توجه قرار بگیرد، توجه به جزییاتیست که میتواند در تجربه کاربری بسیار اثرگذار باشد. برای مثال برخی کاربران هنگام کار با یک محصول ممکن است ناخواسته تغییراتی را ایجاد کنند، در این زمان وجود یک دکمه بازگشت به صفحهی قبلی لازم است. اما دکمهی بازگشت چگونه باید طراحی شود؟
اگر دکمه بازگشت مانند یک دکمه اقدام (CTA) طراحی شود، این احساس را به کاربر میدهد که او با فشردن یا کلیک کردن روی آن وارد مرحلهی جدیدی میشود. از سویی دیگر، اگر تعداد دکمههای رنگی در صفحه زیاد باشد، اضافه کردن یک دکمهی دیگر میتواند موجب حواسپرتی و سردرگمی کاربر شود.
این موارد از جمله دلایلیست که در مقالهی زیر برشمرده شده و بیانگر آن است که دکمهی بازگشت باید به شکلی خنثی و طبیعی طراحی شود.
سایر نکاتی که در طراحی این دکمه، باید مورد توجه قرار بگیرد را در مقالهی زیر بخوانید:
http://bit.ly/dxgn584
شما چه تجربهای در طراحی دکمهی بازگشت دارید و فکر میکنید چه نکاتی در طراحی آن باید مد نظر قرار بگیرد؟
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #دکمه
@Dexign فلسفه دیزاین
ــــــ
Medium
Why Cancel Buttons Should Never Have a Color
What does the Cancel button exactly do? It dismisses the user’s current screen and brings them back to their previous one. Users rely on…
به رنگ سادگی
اگر اندکی در دنیای پر هیایو و جنب و جوش دیزاین سرک بکشید و نگاهی به عناصر موفق و شناخته شده در زمانهای مختلف بیاندازید، متوجه ویژگی مشترک خیلی از آنها خواهید شد. این ویژگی چیزی نیست جز «سادگی»! موفقترین و شناختهشدهترین محصولات در این دنیا، همواره سادگی را با خود همراه داشتهاند و همین ویژگی عامل موفقیت آنها بوده است.
سادگی فلسفهای است که توسط بسیاری از کمپانیهای بزرگ، سرلوحه دیزاین و توسعه محصولاتشان قرار گرفته و باعث محبوبیت محصولاتشان شده است. استیو جابز، مدیرعامل فقید اپل میگفت: «تمرکز و سادگی همواره ورد زبان من است. سادگی بسیار سختتر از پیچیدگی است. شما باید بسیار تلاش کنید تا ذهن خود را پاک کنید تا بتوانید به سادگی برسید. اما در انتها ارزشش را دارد، چون وقتی به نتیجه برسید میتوانید کوهها را جابجا کنید.»
در طراحی رابط کاربری نیز، توجه به نیاز و هدف کاربران و ارائه سادهترین روشها و راهکار برای رسیدن به این اهداف نهایت رضایت را به دنبال خواهد داشت. سادگی در دیزاین تنها به معنی استفاده از رنگهای مینیمال نیست، بلکه شناخت عمیق کاربر و استفاده از این شناخت برای طراحی محصولی است که به دور از المانهای بدون کاربرد، خلأ بین اهداف کاربر و ابزارهای رسیدن به آنها را پر میکند.
برای رسیدن به سادگی در دیزاین راههای مختلفی وجود دارد که برخی از آنها عبارتند از:
۱ـ شفافیت: صرفنظر از کاربرد و هدف محصول، شفافیت و دوری از اطلاعات و محتوای زیاد و گیجکننده باعث افزایش رضایت کاربران و فهم راحتتر آنها نسبت به کاربرد محصول خواهد شد.
۲- اتوماسیون: براساس مطالعات دانشمندان علوم شناختی، انسانها تمایل دارند تا اعمالی را انجام دهند که به آنها عادت کرده یا با آنها آشنا هستند. هرچه نیاز به فکر کردن و یادگیری در استفاده از محصول کاهش یافته، و عملکرد کاربران به صورت اتوماسیون درآیند، موجب سادهتر شدن استفاده از محصول نیز خواهد شد.
۳- محدودیت انتخابها: انسانها تمایل دارند چیزهایی را ببینند و با آنها درگیر شوند که در راستای هدفشان باشد و موجب انحراف از این هدف نشود. بنابراین محدود کردن انتخابها و امکانات در راستای رسیدن کاربر به هدف مدنظرش تاثیر بهسزایی در سادگی محصول خواهد داشت.
۴- کاهش خلیج عملکرد: عبارت «خلیج عملکرد» که نخستین بار توسط دان نورمن استفاده شد، به خلأ میان هدف اصلی کاربر و ابزارهای رسیدن به آن اطلاق میشود. هرچه این مقدار کمتر شده و ابزارهای لازم برای رسیدن به هدف برای کاربر در دسترستر باشند، کاربردپذیری محصول افزایش یافته و موجب سادگی آن خواهد شد.
برای آشنایی بیشتر با این روشها و نمونههایی موفق از پیادهسازی آنها، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn585
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #سادگی
@Dexign فلسفه دیزاین
_____
اگر اندکی در دنیای پر هیایو و جنب و جوش دیزاین سرک بکشید و نگاهی به عناصر موفق و شناخته شده در زمانهای مختلف بیاندازید، متوجه ویژگی مشترک خیلی از آنها خواهید شد. این ویژگی چیزی نیست جز «سادگی»! موفقترین و شناختهشدهترین محصولات در این دنیا، همواره سادگی را با خود همراه داشتهاند و همین ویژگی عامل موفقیت آنها بوده است.
سادگی فلسفهای است که توسط بسیاری از کمپانیهای بزرگ، سرلوحه دیزاین و توسعه محصولاتشان قرار گرفته و باعث محبوبیت محصولاتشان شده است. استیو جابز، مدیرعامل فقید اپل میگفت: «تمرکز و سادگی همواره ورد زبان من است. سادگی بسیار سختتر از پیچیدگی است. شما باید بسیار تلاش کنید تا ذهن خود را پاک کنید تا بتوانید به سادگی برسید. اما در انتها ارزشش را دارد، چون وقتی به نتیجه برسید میتوانید کوهها را جابجا کنید.»
در طراحی رابط کاربری نیز، توجه به نیاز و هدف کاربران و ارائه سادهترین روشها و راهکار برای رسیدن به این اهداف نهایت رضایت را به دنبال خواهد داشت. سادگی در دیزاین تنها به معنی استفاده از رنگهای مینیمال نیست، بلکه شناخت عمیق کاربر و استفاده از این شناخت برای طراحی محصولی است که به دور از المانهای بدون کاربرد، خلأ بین اهداف کاربر و ابزارهای رسیدن به آنها را پر میکند.
برای رسیدن به سادگی در دیزاین راههای مختلفی وجود دارد که برخی از آنها عبارتند از:
۱ـ شفافیت: صرفنظر از کاربرد و هدف محصول، شفافیت و دوری از اطلاعات و محتوای زیاد و گیجکننده باعث افزایش رضایت کاربران و فهم راحتتر آنها نسبت به کاربرد محصول خواهد شد.
۲- اتوماسیون: براساس مطالعات دانشمندان علوم شناختی، انسانها تمایل دارند تا اعمالی را انجام دهند که به آنها عادت کرده یا با آنها آشنا هستند. هرچه نیاز به فکر کردن و یادگیری در استفاده از محصول کاهش یافته، و عملکرد کاربران به صورت اتوماسیون درآیند، موجب سادهتر شدن استفاده از محصول نیز خواهد شد.
۳- محدودیت انتخابها: انسانها تمایل دارند چیزهایی را ببینند و با آنها درگیر شوند که در راستای هدفشان باشد و موجب انحراف از این هدف نشود. بنابراین محدود کردن انتخابها و امکانات در راستای رسیدن کاربر به هدف مدنظرش تاثیر بهسزایی در سادگی محصول خواهد داشت.
۴- کاهش خلیج عملکرد: عبارت «خلیج عملکرد» که نخستین بار توسط دان نورمن استفاده شد، به خلأ میان هدف اصلی کاربر و ابزارهای رسیدن به آن اطلاق میشود. هرچه این مقدار کمتر شده و ابزارهای لازم برای رسیدن به هدف برای کاربر در دسترستر باشند، کاربردپذیری محصول افزایش یافته و موجب سادگی آن خواهد شد.
برای آشنایی بیشتر با این روشها و نمونههایی موفق از پیادهسازی آنها، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn585
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #سادگی
@Dexign فلسفه دیزاین
_____
The Interaction Design Foundation
Simplicity in Design: 4 Ways to Achieve Simplicity in Your Designs
Learn ways to achieve simplicity in your designs and recognize why certain designs are overly complex. Recognize and achieve simplicity in your design work.
حس تجربه کاربری
خیلی اوقات پیش میآید که دوستی گروه چت دوستان را ترک میکند. هیچکس نمیداند چرا این اتفاق افتادهاست.
طبیعتا این اتفاق به دوستان و اطرافیانی که در گروه مشغول صحبت کردن هستند حس خوبی نمیدهد و خود این مساله یک امتیاز منفی تجربه کاربریست که البته به دست کاربران رقم میخورد.
خودمان را جای آن شخصی بگذاریم که میخواهد برود.
چطور باید رفتن را برای او سخت کنیم؟ اصولا چه چیزی رفتن را سخت میکند؟ توضیح دادن درباره دلیل رفتن. اینکه چرا میروم و اینکه میدانم اگر درباره دلایلش توضیح بدهم باید در برابر توضیحات خودم به دوستانم پاسخگو باشم.
آیا میتوان این حس را بیشتر وارد دنیای دیزاین کرد؟ شاید میشود کاربر را موجودی «همیشه در حال ترک سرویس» در نظر گرفت و تلاشهای خود را برای همیشه ماندن او بیشتر کرد.
چون ما انسانها - متاسفانه یا خوشبختانه - همیشه حوصلهمان از چیزهایی که جذابیتشان را برای ما از دست میدهند سر میرود.
همین مساله نشان میدهد که انسان در ناخودآگاه خود بیشتر تمایل به انجام ندادن کارها تا انجام دادن آنها دارد.
از این مساله میتوان در طراحی تجربه و رابط کاربری استفادههای زیادی کرد و بخشهای حوصلهسربر سرویس را برای مخاطبان جذابتر طراحی کرد.
در مقاله پیشرو «Lasse Kristensen» مثال خیلی جالبی را درباره این مقوله بررسی کرده.
هر نتیجهای که از این مقاله بگیرید، مطمئن هستم در طرز تفکر و طرحهای آینده شما تاثیر خواهد گذاشت.
http://bit.ly/dxgn586
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دسترسیپذیری #تجربهکاربری
@Dexign فلسفه دیزاین
__
خیلی اوقات پیش میآید که دوستی گروه چت دوستان را ترک میکند. هیچکس نمیداند چرا این اتفاق افتادهاست.
طبیعتا این اتفاق به دوستان و اطرافیانی که در گروه مشغول صحبت کردن هستند حس خوبی نمیدهد و خود این مساله یک امتیاز منفی تجربه کاربریست که البته به دست کاربران رقم میخورد.
خودمان را جای آن شخصی بگذاریم که میخواهد برود.
چطور باید رفتن را برای او سخت کنیم؟ اصولا چه چیزی رفتن را سخت میکند؟ توضیح دادن درباره دلیل رفتن. اینکه چرا میروم و اینکه میدانم اگر درباره دلایلش توضیح بدهم باید در برابر توضیحات خودم به دوستانم پاسخگو باشم.
آیا میتوان این حس را بیشتر وارد دنیای دیزاین کرد؟ شاید میشود کاربر را موجودی «همیشه در حال ترک سرویس» در نظر گرفت و تلاشهای خود را برای همیشه ماندن او بیشتر کرد.
چون ما انسانها - متاسفانه یا خوشبختانه - همیشه حوصلهمان از چیزهایی که جذابیتشان را برای ما از دست میدهند سر میرود.
همین مساله نشان میدهد که انسان در ناخودآگاه خود بیشتر تمایل به انجام ندادن کارها تا انجام دادن آنها دارد.
از این مساله میتوان در طراحی تجربه و رابط کاربری استفادههای زیادی کرد و بخشهای حوصلهسربر سرویس را برای مخاطبان جذابتر طراحی کرد.
در مقاله پیشرو «Lasse Kristensen» مثال خیلی جالبی را درباره این مقوله بررسی کرده.
هر نتیجهای که از این مقاله بگیرید، مطمئن هستم در طرز تفکر و طرحهای آینده شما تاثیر خواهد گذاشت.
http://bit.ly/dxgn586
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دسترسیپذیری #تجربهکاربری
@Dexign فلسفه دیزاین
__
Medium
Re-Imagining The Bottom Navigation Bar
6 new ideas for displaying the bottom navigation bar in 2020
خُرده نانهایی برای تعقیب
بردکرامب (Breadcrumb) یک راهنمای ناوبری در رابطهای کاربری است و به کاربران کمک میکند تا مکان فعلی خود را در برنامهها، اسناد و وبسایتها ردیابی کنند. نام بردکرامب از داستان هانسل و گرتل گرفته شدهاست که هانسل با خرد کردن تکهنانی که همراه خود برداشته بود اقدام به گذاشتن ردی برای بازگشتشان به خانه میکند.
بردکرامبها معمولاً به صورت افقی در بالای صفحات وب زیر عنوان و هدر سایت قرار میگیرند. بردکرامب در سایتها دنبالهای از پیوندها را از نقطهی ورود و صفحات قبلی کاربر تا صفحه فعلی را ارائه میدهند. علامت (>) برای جدا کردن سلسله مراتبهای بردکرامب استفاده میشود، همچنین دیزاینرها ممکن است از گلیفها (مانند » یا ›) و اشکال گرافیکی هم استفاده کنند.
بردکرامبها معمولاً به صورت زیر هستند:
صفحه اصلی> صفحه بخش> صفحه زیرمجموعه
“از ویکیپدیا”
حال نویسنده در مقالهی زیر به بررسی این موضوع میپردازد که اگر قرار است بردکرامبها مسیر ما را به عقب هدایت کنند چرا جهت فلشها، رو به عقب نیز نباشند؟ و از نحوهی برخورد جدید او با این مقوله صحبت میکند و دیزاین جدید را نمایش میدهد.
http://bit.ly/dxgn586-1
پ.ن: از راهنمای زیر هم میتوانید برای دیزاین بردکرامبها استفاده کنید.
http://bit.ly/dxgn586-2
(زمان حدودی مطالعهی مقالهی اول: ۶ دقیقه و مقالهی دوّم: ۵ دقیقه)
نویسنده: حسین میرزاده
#بردکرامب #پیمایش #ناوبری #تجربه_کاربری
@Dexign فلسفه دیزاین
_____
بردکرامب (Breadcrumb) یک راهنمای ناوبری در رابطهای کاربری است و به کاربران کمک میکند تا مکان فعلی خود را در برنامهها، اسناد و وبسایتها ردیابی کنند. نام بردکرامب از داستان هانسل و گرتل گرفته شدهاست که هانسل با خرد کردن تکهنانی که همراه خود برداشته بود اقدام به گذاشتن ردی برای بازگشتشان به خانه میکند.
بردکرامبها معمولاً به صورت افقی در بالای صفحات وب زیر عنوان و هدر سایت قرار میگیرند. بردکرامب در سایتها دنبالهای از پیوندها را از نقطهی ورود و صفحات قبلی کاربر تا صفحه فعلی را ارائه میدهند. علامت (>) برای جدا کردن سلسله مراتبهای بردکرامب استفاده میشود، همچنین دیزاینرها ممکن است از گلیفها (مانند » یا ›) و اشکال گرافیکی هم استفاده کنند.
بردکرامبها معمولاً به صورت زیر هستند:
صفحه اصلی> صفحه بخش> صفحه زیرمجموعه
“از ویکیپدیا”
حال نویسنده در مقالهی زیر به بررسی این موضوع میپردازد که اگر قرار است بردکرامبها مسیر ما را به عقب هدایت کنند چرا جهت فلشها، رو به عقب نیز نباشند؟ و از نحوهی برخورد جدید او با این مقوله صحبت میکند و دیزاین جدید را نمایش میدهد.
http://bit.ly/dxgn586-1
پ.ن: از راهنمای زیر هم میتوانید برای دیزاین بردکرامبها استفاده کنید.
http://bit.ly/dxgn586-2
(زمان حدودی مطالعهی مقالهی اول: ۶ دقیقه و مقالهی دوّم: ۵ دقیقه)
نویسنده: حسین میرزاده
#بردکرامب #پیمایش #ناوبری #تجربه_کاربری
@Dexign فلسفه دیزاین
_____
Medium
We’ve All Been Doing Breadcrumbs Wrong
If they’re meant to help us find our way back, shouldn’t they — wait for it — point backward?
اصول طراحی جداول اطلاعات
اگر با سرویسها و پلتفرمهایی سر و کار داشته باشید که نیازمند پایش و کنترل حجم بالایی از اطلاعات باشند، نکته حائز اهمیت ساختار و طراحی جداول اطلاعات و نحوه نمایش اطلاعات در قالب جدولهای مختلف است.
استفاده از جداول برای نمایش اطلاعات، روشی مؤثر برای سازماندهی اطلاعات و دادهها و ایجاد امکان بررسی، مقایسه و تحلیل آنهاست. از این رو رعایت اصول و قواعد طراحی برای ایجاد ساختاری نظاممند و کاربردپذیر در جداول دارای اهمیت است.
طراحی جداول زمانی اهمیت خود را نشان میدهد که حجم اطلاعات زیاد شده و نیازمند استفاده از جداول بزرگ و با سطر و ستونهای بیشتر باشد. در مقاله زیر ۱۱ اصل برای طراحی جداول ارائه شده است.
http://bit.ly/dxgn587
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#طراحی #جدول
@Dexign فلسفه دیزاین
______
اگر با سرویسها و پلتفرمهایی سر و کار داشته باشید که نیازمند پایش و کنترل حجم بالایی از اطلاعات باشند، نکته حائز اهمیت ساختار و طراحی جداول اطلاعات و نحوه نمایش اطلاعات در قالب جدولهای مختلف است.
استفاده از جداول برای نمایش اطلاعات، روشی مؤثر برای سازماندهی اطلاعات و دادهها و ایجاد امکان بررسی، مقایسه و تحلیل آنهاست. از این رو رعایت اصول و قواعد طراحی برای ایجاد ساختاری نظاممند و کاربردپذیر در جداول دارای اهمیت است.
طراحی جداول زمانی اهمیت خود را نشان میدهد که حجم اطلاعات زیاد شده و نیازمند استفاده از جداول بزرگ و با سطر و ستونهای بیشتر باشد. در مقاله زیر ۱۱ اصل برای طراحی جداول ارائه شده است.
http://bit.ly/dxgn587
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#طراحی #جدول
@Dexign فلسفه دیزاین
______
Medium
11 data table design guidelines
For most SaaS platforms, data tables are essential components that allow the user to derive insights, leading to follow-up actions.
بازی رنگها در دیزاینهای تیره
امروزه دیزاینهای دارک و یا تیره، بیش از هر زمان دیگری محبوبِ کاربران هستند. بسیاری از کاربران در اپلیکیشنها انتظار حالت دارکمود را دارند و از همین رو دیزاینرها به طراحی این حالت توجه بیشتری میکنند. اما طراحی اینگونه دیزاینها چالشهای مخصوص به خود را دارد.
یکی از مهمترین چالشها، انتخاب رنگ مناسب المانها در پسزمینهی تیره است. رنگ باید به شکلی انتخاب شود که هم خوانایی را حفظ کند و هم موجب ناراحتی چشم نشود.
همچنین میزان تیرگی پسزمینه یکی دیگر از مسائل مهم است.
در مقالهی زیر ، آقای Joe Honton میزان روشنی و تیرگی رنگهای مورد استفاده در دیزاین از جمله تایپوگرافیها، دکمهها و حالت هاور آنها را بررسی میکند. علاوه بر این، او دربارهی میزان غلظت رنگها توضیحاتی ارائه میدهد و برای استفادهی بهتر ، کد رنگی پیشنهادی خود را نیز معرفی میکند.
اطلاعات تکمیلی را در مقالهی زیر بخوانید:
http://bit.ly/dxgn588
شما در طراحی حالت دارکمود چه تجربیاتی دارید؟
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#دیزاین #دارک_مود
@Dexign فلسفه دیزاین
ــــــ
امروزه دیزاینهای دارک و یا تیره، بیش از هر زمان دیگری محبوبِ کاربران هستند. بسیاری از کاربران در اپلیکیشنها انتظار حالت دارکمود را دارند و از همین رو دیزاینرها به طراحی این حالت توجه بیشتری میکنند. اما طراحی اینگونه دیزاینها چالشهای مخصوص به خود را دارد.
یکی از مهمترین چالشها، انتخاب رنگ مناسب المانها در پسزمینهی تیره است. رنگ باید به شکلی انتخاب شود که هم خوانایی را حفظ کند و هم موجب ناراحتی چشم نشود.
همچنین میزان تیرگی پسزمینه یکی دیگر از مسائل مهم است.
در مقالهی زیر ، آقای Joe Honton میزان روشنی و تیرگی رنگهای مورد استفاده در دیزاین از جمله تایپوگرافیها، دکمهها و حالت هاور آنها را بررسی میکند. علاوه بر این، او دربارهی میزان غلظت رنگها توضیحاتی ارائه میدهد و برای استفادهی بهتر ، کد رنگی پیشنهادی خود را نیز معرفی میکند.
اطلاعات تکمیلی را در مقالهی زیر بخوانید:
http://bit.ly/dxgn588
شما در طراحی حالت دارکمود چه تجربیاتی دارید؟
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#دیزاین #دارک_مود
@Dexign فلسفه دیزاین
ــــــ
Medium
Designing a Dark Mode Is Harder Than It Looks
Eight tips for converting your CSS from light to dark
روند دیزاین UX/UI در سال ۲۰۲۰
کمتر از چند هفته است که وارد دهه سوم قرن بیست و یکم شدهایم و سال ۲۰۲۰ موج جدیدی از ترندها و شیوههای نوینی را در دیزاین UX/UI با خود به ارمغان آوردهاست. از انتقال به "قلمروهای دیزاین" کاملاً جدید مانند فعال سازی رابط کاربری توسط صدا و یا طراحی AR / VR گرفته، تا ورود به بحث ترندهای دیزاین UI مانند انیمیشنها، تصاویر سفارشی و موارد دیگر.
سال ۲۰۱۹ سال بسیار خوبی برای دیزاین UX/UI بود. انتظار میرود که در سال ۲۰۲۰ نیز این اتفاقات در دنیای دیزاین دوباره تکرار شود. ظهور تکنولوژیهای جدید و ایجاد تجربههای کاربری دلپذیر برای مخاطبان طی یک دهه گذشته باعث ایجاد رقابت هر چه بیشتر در کسبوکارهای مدرن شدهاست.
جهت ماندگاری و موفقیت در فضای رقابتی امروز تنها تشخیص نیازها و خواستههای مشتریان کافی نیست. کسبوکارهایی که میخواهند سهم بیشتری از بازار را بهدست آورند باید یک قدم جلوتر از دیگران باشند و ترندهای آینده UX را پیش بینی کنند.
در مقاله امروز نویسنده، جدیدترین ترندهای دنیای دیزاین UX/UI را که اعتقاد دارد در سال ۲۰۲۰ اتفاق خواهد افتاد جمعآوری کردهاست. بهتر است قبل از رقبای خود، به آنها نگاهی بیندازید و تصمیمات استراتژیک بگیرید.
http://bit.ly/dxgn589
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#جدیدترینترندها #دیزاینتجربهکاربری #دیزاینرابطکاربری
@Dexign فلسفه دیزاین
ـــــــ
کمتر از چند هفته است که وارد دهه سوم قرن بیست و یکم شدهایم و سال ۲۰۲۰ موج جدیدی از ترندها و شیوههای نوینی را در دیزاین UX/UI با خود به ارمغان آوردهاست. از انتقال به "قلمروهای دیزاین" کاملاً جدید مانند فعال سازی رابط کاربری توسط صدا و یا طراحی AR / VR گرفته، تا ورود به بحث ترندهای دیزاین UI مانند انیمیشنها، تصاویر سفارشی و موارد دیگر.
سال ۲۰۱۹ سال بسیار خوبی برای دیزاین UX/UI بود. انتظار میرود که در سال ۲۰۲۰ نیز این اتفاقات در دنیای دیزاین دوباره تکرار شود. ظهور تکنولوژیهای جدید و ایجاد تجربههای کاربری دلپذیر برای مخاطبان طی یک دهه گذشته باعث ایجاد رقابت هر چه بیشتر در کسبوکارهای مدرن شدهاست.
جهت ماندگاری و موفقیت در فضای رقابتی امروز تنها تشخیص نیازها و خواستههای مشتریان کافی نیست. کسبوکارهایی که میخواهند سهم بیشتری از بازار را بهدست آورند باید یک قدم جلوتر از دیگران باشند و ترندهای آینده UX را پیش بینی کنند.
در مقاله امروز نویسنده، جدیدترین ترندهای دنیای دیزاین UX/UI را که اعتقاد دارد در سال ۲۰۲۰ اتفاق خواهد افتاد جمعآوری کردهاست. بهتر است قبل از رقبای خود، به آنها نگاهی بیندازید و تصمیمات استراتژیک بگیرید.
http://bit.ly/dxgn589
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#جدیدترینترندها #دیزاینتجربهکاربری #دیزاینرابطکاربری
@Dexign فلسفه دیزاین
ـــــــ
Medium
2020: The State of UX/UI Design
We’re less than a couple of months away from entering the third decade of the 21st Century, and 2020 brings with it a brand new wave of…
اصول طراحی تبدیل-محور
طراحی تبدیل-محور (Conversion Centered Design) چارچوبی است که برای طراحی صفحات لندینگ که هدف آن متقاعد کردن کاربر برای انجام عملی خاص است، کاربرد دارد. این عمل میتواند ثبت ایمیل، تکمیل فرم، ثبتنام دوره آزمایشی و اعمالی از این دست باشد. به گفتهی اولی گاردنر بنیانگذار این چارچوب، پیادهسازی آن باعث تبدیل صفحهی وبسایت به محتوایی قابل اتکا میشود.
در این چارچوب میتوان میزان تأثیر، موفقیت و هدف هر صفحه در تبدیل بازدیدکنندگان به مشتری را اندازهگیری کرد. دیزاین اغلب در راستای حل یک مشکل است. اکثر این مشکلات که دیزاینرها درگیر حل آنها میباشند، مشکلات کاربر-محور هستند. اما از سویی دیگر یکی از مشکلاتی که باید مورد توجه قرار گیرد، مشکلات بیزینس-محور است. با استفاده از این چارچوب میتوان در راستای برآورده کردن نیاز یک بیزینس نیز قدم برداشت.
اولی گاردنر ۷ اصل را به عنوان اصول بنیادی طراحی تبدیل-محور بیان میکند که شامل موارد زیر است:
- کپسولهسازی (Encapsulation)
- تضاد (Contrast)
- سرنخهای جهتیابی
- استفاده زیاد از فضای سفید
- فوریت و کمبود
- قبل از خرید امتحان کنید
- تأیید اجتماعی
برای آشنایی با این چارچوب و اصول آن مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn590
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #طراحی_تبدیل_محور
@Dexign فلسفه دیزاین
______
طراحی تبدیل-محور (Conversion Centered Design) چارچوبی است که برای طراحی صفحات لندینگ که هدف آن متقاعد کردن کاربر برای انجام عملی خاص است، کاربرد دارد. این عمل میتواند ثبت ایمیل، تکمیل فرم، ثبتنام دوره آزمایشی و اعمالی از این دست باشد. به گفتهی اولی گاردنر بنیانگذار این چارچوب، پیادهسازی آن باعث تبدیل صفحهی وبسایت به محتوایی قابل اتکا میشود.
در این چارچوب میتوان میزان تأثیر، موفقیت و هدف هر صفحه در تبدیل بازدیدکنندگان به مشتری را اندازهگیری کرد. دیزاین اغلب در راستای حل یک مشکل است. اکثر این مشکلات که دیزاینرها درگیر حل آنها میباشند، مشکلات کاربر-محور هستند. اما از سویی دیگر یکی از مشکلاتی که باید مورد توجه قرار گیرد، مشکلات بیزینس-محور است. با استفاده از این چارچوب میتوان در راستای برآورده کردن نیاز یک بیزینس نیز قدم برداشت.
اولی گاردنر ۷ اصل را به عنوان اصول بنیادی طراحی تبدیل-محور بیان میکند که شامل موارد زیر است:
- کپسولهسازی (Encapsulation)
- تضاد (Contrast)
- سرنخهای جهتیابی
- استفاده زیاد از فضای سفید
- فوریت و کمبود
- قبل از خرید امتحان کنید
- تأیید اجتماعی
برای آشنایی با این چارچوب و اصول آن مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn590
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #طراحی_تبدیل_محور
@Dexign فلسفه دیزاین
______
The Interaction Design Foundation
The Seven Simple Principles of Conversion Centred Design (CCD) and How to Use Them
Oli Gardner – the Creative Director of Unbounce (a landing page builder for marketers), is an advocate of CCD. He says that deploying CCD makes each page you create on a website a piece of “accountabl...
مستندهایی از جنس دیزاین
دیزاین مقولهایست که هرچقدر مطالعه داشته باشیم یا تحقیق کنیم، میتوانیم بگوییم که کافی نیست.
منبع دانشی که چون گاهی به روشهای عملی متکیست، پر شدنش کمی بیشتر از حالت معمول طول میکشد.
مستندها معمولا سادهترین و بیپرواترین روش برای انتقال مفاهیمی علمی مثل اصول دیزاین میباشند.
مستندها همیشه به کشف واقعیت وجودی اصولی که ما به شکل روزمره با آنها سروکار داریم میپردازند و باعث میشوند تفکرات دیگر را نیز از دید خودمان مورد راستیآزمایی قرار دهیم.
همینطور مستندها بهترین شکل انتقال احساسات و عواطف مابین تجربیات هستند، احساساتی که دیزاینرها خیلی به آن وابستهاند.
مقاله امروز، چند مستند برتر در زمینه دیزاین را معرفی میکند. مستندهایی ارزشمند که هرکدام بینش ما را در یک بخش از «دیزاین» قوی میکنند.
http://bit.ly/dxgn591
(زمان حدودی مطالعه: ۳ دقیقه)
نویسنده: آرش اصغری
#دیزاین #مستند
@Dexign فلسفه دیزاین
______
دیزاین مقولهایست که هرچقدر مطالعه داشته باشیم یا تحقیق کنیم، میتوانیم بگوییم که کافی نیست.
منبع دانشی که چون گاهی به روشهای عملی متکیست، پر شدنش کمی بیشتر از حالت معمول طول میکشد.
مستندها معمولا سادهترین و بیپرواترین روش برای انتقال مفاهیمی علمی مثل اصول دیزاین میباشند.
مستندها همیشه به کشف واقعیت وجودی اصولی که ما به شکل روزمره با آنها سروکار داریم میپردازند و باعث میشوند تفکرات دیگر را نیز از دید خودمان مورد راستیآزمایی قرار دهیم.
همینطور مستندها بهترین شکل انتقال احساسات و عواطف مابین تجربیات هستند، احساساتی که دیزاینرها خیلی به آن وابستهاند.
مقاله امروز، چند مستند برتر در زمینه دیزاین را معرفی میکند. مستندهایی ارزشمند که هرکدام بینش ما را در یک بخش از «دیزاین» قوی میکنند.
http://bit.ly/dxgn591
(زمان حدودی مطالعه: ۳ دقیقه)
نویسنده: آرش اصغری
#دیزاین #مستند
@Dexign فلسفه دیزاین
______
Medium
20 documentaries every designer should watch
Some of the documentaries listed below are quite famous, some are completely unknown. More than teaching you anything about Design, these…
دیزاینهای قیمتی
بسیاری از ما دیزاینرها تصور میکنیم صرف اضافه کردن موشنها و المانهای متحرک طرح را برای کاربر هیجانانگیزتر میکند. اما موشنهای جذاب بدون تفکر قبلی، دیزاین را ارزشمند نمیکند.
موشنها نیز مانند دیگر عناصر دیزاین باید با هدف و انگیزهی مناسب انتخاب شوند. در این صورت میگوییم که طراح یک دیزاین تعاملی انجام داده است.
با توجه به نرمافزارهای جدید و پیشرفت در زمینهی توسعه محصولات دیجیتال، تنوع موشنها بیش از پیش شده و میتوان موشنها را با توجه به اهداف و کاربردهایشان تقسیمبندی کرد.
در مقالهی زیر خانم Yifan Ding انواع موشنها را از نظر عملکرد، المانهای انتقالی و عوامل تعیینکننده ادراک بر میشمرد. همچنین نگاهی به ابزارهای مختلف برای ساخت موشنها داشته و ویژگیهای هر کدام را بیان میکند.
اطلاعات بیشتر را در مقالهی زیر بخوانید:
http://bit.ly/dxgn592
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: پریسا حسینی
#طراحی_تعاملی #موشن
@Dexign فلسفه دیزاین
______
بسیاری از ما دیزاینرها تصور میکنیم صرف اضافه کردن موشنها و المانهای متحرک طرح را برای کاربر هیجانانگیزتر میکند. اما موشنهای جذاب بدون تفکر قبلی، دیزاین را ارزشمند نمیکند.
موشنها نیز مانند دیگر عناصر دیزاین باید با هدف و انگیزهی مناسب انتخاب شوند. در این صورت میگوییم که طراح یک دیزاین تعاملی انجام داده است.
با توجه به نرمافزارهای جدید و پیشرفت در زمینهی توسعه محصولات دیجیتال، تنوع موشنها بیش از پیش شده و میتوان موشنها را با توجه به اهداف و کاربردهایشان تقسیمبندی کرد.
در مقالهی زیر خانم Yifan Ding انواع موشنها را از نظر عملکرد، المانهای انتقالی و عوامل تعیینکننده ادراک بر میشمرد. همچنین نگاهی به ابزارهای مختلف برای ساخت موشنها داشته و ویژگیهای هر کدام را بیان میکند.
اطلاعات بیشتر را در مقالهی زیر بخوانید:
http://bit.ly/dxgn592
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: پریسا حسینی
#طراحی_تعاملی #موشن
@Dexign فلسفه دیزاین
______
Medium
Adding value to your design by understanding motion and its tools
The original intention of writing this article is because most of the designers around us basically rely on feelings while designing…
فراتر از یک دکمه
هر دیزاینی برای رسیدن به هدفی طراحی میشود و طراح در پی آن است تا کاربر در کمترین زمان ممکن و به آسانترین شکل به هدف مورد نظر برسد. برای مثال در یک فروشگاه اینترنتی، هدف ما خرید است و کاربر هرچه سریعتر وارد پروسهی خرید و اتمام آن شود، میزان رضایتش نیز افزایش مییابد.
یکی از نکاتی که غالبا، کاربران را طی مسیر گیج میکند و زمان تصمیمگیری آنها را افزایش میدهد، دکمههای 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
فلسفه دیزاین
طراحی بر مدار چشم انسان
هر صفحهای که در دنیای دیجیتال طراحی میشود شامل اطلاعات و قسمتهای مختلفی است که براساس عملکرد و اهمیت در کنار هم قرار گرفتهاند. تلاش طراحان همیشه بر این اصل استوار است که اطلاعات و قسمتهای مهمتر بیشتر در معرض دید و در کانون توجه…
هر صفحهای که در دنیای دیجیتال طراحی میشود شامل اطلاعات و قسمتهای مختلفی است که براساس عملکرد و اهمیت در کنار هم قرار گرفتهاند. تلاش طراحان همیشه بر این اصل استوار است که اطلاعات و قسمتهای مهمتر بیشتر در معرض دید و در کانون توجه…