طرحهایی که نفس میکشند
تصور کنید که وارد اتاقی پر از وسیلههای مختلف شدهاید، قفسهها، جعبهها، انبوهی از کتابها و لباسها در همه جای اتاق دیده میشود و میزکار کاملا بههم ریخته است! آیا میتوانید در چنین شرایطی بهراحتی تمرکز کنید؟ یا لوازمی که به آن نیاز دارید را در این اتاق شلوغ پیدا کنید؟
این درست همان حسی است که کاربران هنگام باز کردن یک سایت یا اپلیکیشنی که فضای منفی کافی برای آن در نظر نگرفته شده است پیدا میکنند.
فضای منفی - یا فضای سفید، منطقهای خالی در طرح است که ممکن است در اطراف یک شی (object) و یا درون آن وجود داشته باشد. این فضا نهتنها حدود اشیا را تعریف میکند، بلکه بر اساس اصول گشتالت پیوندهای لازم را بین آنها را نیز ایجاد میکند. فضای سفید تأثیر زیادی در تجربه مثبت کاربر دارد و در طراحی رابط کاربری برای وبسایت ها و برنامههای تلفن همراه ، عاملی مهم برای بالا بردن کاربردپذیری و هدایت کاربر است.
ممکناست برخی از طراحان و کارفرمایان این تصور را داشته باشند که قرار دادن عناصر و ویژگیهای زیاد در یک صفحه باعث میشود کاربران به سرعت چیزی را که به دنبال آن هستند را بیابند اما این تصور درست نیست زیرا کاربرها در یک زمان به همه چیز نیاز پیدا نمیکنند، از طرفی قرار دادن عناصر زیاد در یک صفحه بدون در نظر گرفتن فضای منفی کافی سطح حواسپرتی را نیز افزایش میدهد.
سکوت، خالیبودن و بیرنگی بنیان محکم کنتراست هستند. همانطور که سکوت به ما اجازه می دهد تا ارزش صدا را بدانیم. فضاهای منفی اهمیت عناصر موجود در صفحه را بالا میبرد، همانطور که بیرنگی باعث میشود تا رنگها روشنتر و عمیقتر به نمایش دربیایند.
فضاهای منفی یا سفید در طراحی اهمیت زیادی دارد، همانطور که هوا برای زندهبودن ما حیاتی است و این مقاله به شما کمک میکند تا درباره آنها بیشتر بدانید.
http://bit.ly/dxgn706
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: فیروزه ایمانی
#طراحی #تجربه_کاربری #رابط_کاربری #فضای_منفی
@Dexign فلسفه دیزاین
_____
تصور کنید که وارد اتاقی پر از وسیلههای مختلف شدهاید، قفسهها، جعبهها، انبوهی از کتابها و لباسها در همه جای اتاق دیده میشود و میزکار کاملا بههم ریخته است! آیا میتوانید در چنین شرایطی بهراحتی تمرکز کنید؟ یا لوازمی که به آن نیاز دارید را در این اتاق شلوغ پیدا کنید؟
این درست همان حسی است که کاربران هنگام باز کردن یک سایت یا اپلیکیشنی که فضای منفی کافی برای آن در نظر نگرفته شده است پیدا میکنند.
فضای منفی - یا فضای سفید، منطقهای خالی در طرح است که ممکن است در اطراف یک شی (object) و یا درون آن وجود داشته باشد. این فضا نهتنها حدود اشیا را تعریف میکند، بلکه بر اساس اصول گشتالت پیوندهای لازم را بین آنها را نیز ایجاد میکند. فضای سفید تأثیر زیادی در تجربه مثبت کاربر دارد و در طراحی رابط کاربری برای وبسایت ها و برنامههای تلفن همراه ، عاملی مهم برای بالا بردن کاربردپذیری و هدایت کاربر است.
ممکناست برخی از طراحان و کارفرمایان این تصور را داشته باشند که قرار دادن عناصر و ویژگیهای زیاد در یک صفحه باعث میشود کاربران به سرعت چیزی را که به دنبال آن هستند را بیابند اما این تصور درست نیست زیرا کاربرها در یک زمان به همه چیز نیاز پیدا نمیکنند، از طرفی قرار دادن عناصر زیاد در یک صفحه بدون در نظر گرفتن فضای منفی کافی سطح حواسپرتی را نیز افزایش میدهد.
سکوت، خالیبودن و بیرنگی بنیان محکم کنتراست هستند. همانطور که سکوت به ما اجازه می دهد تا ارزش صدا را بدانیم. فضاهای منفی اهمیت عناصر موجود در صفحه را بالا میبرد، همانطور که بیرنگی باعث میشود تا رنگها روشنتر و عمیقتر به نمایش دربیایند.
فضاهای منفی یا سفید در طراحی اهمیت زیادی دارد، همانطور که هوا برای زندهبودن ما حیاتی است و این مقاله به شما کمک میکند تا درباره آنها بیشتر بدانید.
http://bit.ly/dxgn706
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: فیروزه ایمانی
#طراحی #تجربه_کاربری #رابط_کاربری #فضای_منفی
@Dexign فلسفه دیزاین
_____
Medium
Negative Space in UI Design: Tips and Best Practices
We often think that silence, emptiness or colorlessness is bad for us. We take them for granted without thinking that they are the solid…
دیزاین برای نسل Z
نسل Z یا نسل اینترنت (iGeneration) به معنای واقعی کلمه با یک تلفن هوشمند در دست متولد شدهاند که با خصلت تنبلی و اعتیاد به تلفنهای هوشمند شناخته میشوند. نسل X و Y همیشه تلاش میکنند که تعادلی را میان زندگی شخصی و کاریشان ایجاد کنند، اما باید بگوییم نسل اینترنت دارد این تعادل را بهم میریزد و قوانین و رویههای جدیدی را برای خود در محیط کاری تعریف میکند. زندگی iGeneration به اندازهای به فناوری گره خورده که همیشه ترندهای حوزه فناوری را دنبال میکند و دوست دارد جدیدترین تکنولوژیها را امتحان کند. اگر سوالی ذهن این نسل را درگیر کند، میداند که جواب سوالش را باید در کدام منبع جستجو کند. نسل Z عاشق گشت و گذار در فضای مجازی و رسانههای اجتماعی است. این نسل دوست دارد رخدادهای مهم زندگی و اتفاقات روزمرهاش را با مخاطبان خود در شبکههای اجتماعی به اشتراک بگذارد.
براساس بررسیهای صورت گرفته، ۹۶ درصد از این نسل دارای تلفن هوشمند و ۶۳ درصد آنها دارای تبلت هستند. اغلب افراد این نسل حداقل یک ساعت در روز را آنلاین هستند و تقریبا نیمی از آنها حدود ۱۰ ساعت را متصل به اینترنت هستند. این مدت زمان آنلاین بودن باعث میشود بتوان به راحتی با آنها ارتباط برقرار کرد اما حفظ این ارتباط چندان ساده نیست. آنها ارتباط زیادی با برندهای مختلف دارند اما به هیچیک وفادار نیستند. آنها توجه در شبکههای اجتماعی را دوست دارند اما درباره چیزهایی که در فضای مجازی میگویند محتاط هستند. آنها همراه با ارسال لحظات زندگیشان در فضای مجازی توسط والدینشان بزرگ شدهاند، اما نسبت به انتشار اطلاعات ضخصی خود محتاط هستند.
این نسل علایق و مشخصههای متغیری دارند و محصولات و اپلیکیشنهایی را انتخاب میکنند که این علایق را در بر گرفته باشند. آنها به برچسبها و دستهبندیهای سنتی علاقهای ندارند و از هرچیزی که آنها را محدود به گروه یا دستهای خاص کند گریزانند و دوست دارند خودشان حدود و مرزهای خود را تعیین کنند.
بر این اساس برای دیزاین یک محصول دیجیتال برای این نسل هم باید از اصول و قواعد قدیمی فاصله گرفته و با شناخت بیشترشان و براساس خواستهها و نیازهای آنها اقدام به تولید محصول کرد.
برای شناخت بیشتر نسل Z و انتظارات آنها از یک محصول دیجیتال، میتوان به موارد زیر به عنوان کلیدی برای ایجاد ارتباط با این نسل اشاره کرد:
- ایجاد تعامل مثبت و جذاب
- توجه به محصولات اجتماعی و ارتباطات درونبرنامهای
- طراحی فرآیندها و روندهای بدون عیب و نقص
برای اینکه بیشتر با این نسل آشنا شوید و کلید موفقیت اپلیکیشنهایی مانند TikTok و Likee را که در جذب مخاطبان خود از این نسل بسیار موفق عمل کردهاند بدانید، پیشنهاد میکنیم مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn707
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #نسل_اینترنت #نسل_Z
@Dexign فلسفه دیزاین
______
نسل Z یا نسل اینترنت (iGeneration) به معنای واقعی کلمه با یک تلفن هوشمند در دست متولد شدهاند که با خصلت تنبلی و اعتیاد به تلفنهای هوشمند شناخته میشوند. نسل X و Y همیشه تلاش میکنند که تعادلی را میان زندگی شخصی و کاریشان ایجاد کنند، اما باید بگوییم نسل اینترنت دارد این تعادل را بهم میریزد و قوانین و رویههای جدیدی را برای خود در محیط کاری تعریف میکند. زندگی iGeneration به اندازهای به فناوری گره خورده که همیشه ترندهای حوزه فناوری را دنبال میکند و دوست دارد جدیدترین تکنولوژیها را امتحان کند. اگر سوالی ذهن این نسل را درگیر کند، میداند که جواب سوالش را باید در کدام منبع جستجو کند. نسل Z عاشق گشت و گذار در فضای مجازی و رسانههای اجتماعی است. این نسل دوست دارد رخدادهای مهم زندگی و اتفاقات روزمرهاش را با مخاطبان خود در شبکههای اجتماعی به اشتراک بگذارد.
براساس بررسیهای صورت گرفته، ۹۶ درصد از این نسل دارای تلفن هوشمند و ۶۳ درصد آنها دارای تبلت هستند. اغلب افراد این نسل حداقل یک ساعت در روز را آنلاین هستند و تقریبا نیمی از آنها حدود ۱۰ ساعت را متصل به اینترنت هستند. این مدت زمان آنلاین بودن باعث میشود بتوان به راحتی با آنها ارتباط برقرار کرد اما حفظ این ارتباط چندان ساده نیست. آنها ارتباط زیادی با برندهای مختلف دارند اما به هیچیک وفادار نیستند. آنها توجه در شبکههای اجتماعی را دوست دارند اما درباره چیزهایی که در فضای مجازی میگویند محتاط هستند. آنها همراه با ارسال لحظات زندگیشان در فضای مجازی توسط والدینشان بزرگ شدهاند، اما نسبت به انتشار اطلاعات ضخصی خود محتاط هستند.
این نسل علایق و مشخصههای متغیری دارند و محصولات و اپلیکیشنهایی را انتخاب میکنند که این علایق را در بر گرفته باشند. آنها به برچسبها و دستهبندیهای سنتی علاقهای ندارند و از هرچیزی که آنها را محدود به گروه یا دستهای خاص کند گریزانند و دوست دارند خودشان حدود و مرزهای خود را تعیین کنند.
بر این اساس برای دیزاین یک محصول دیجیتال برای این نسل هم باید از اصول و قواعد قدیمی فاصله گرفته و با شناخت بیشترشان و براساس خواستهها و نیازهای آنها اقدام به تولید محصول کرد.
برای شناخت بیشتر نسل Z و انتظارات آنها از یک محصول دیجیتال، میتوان به موارد زیر به عنوان کلیدی برای ایجاد ارتباط با این نسل اشاره کرد:
- ایجاد تعامل مثبت و جذاب
- توجه به محصولات اجتماعی و ارتباطات درونبرنامهای
- طراحی فرآیندها و روندهای بدون عیب و نقص
برای اینکه بیشتر با این نسل آشنا شوید و کلید موفقیت اپلیکیشنهایی مانند TikTok و Likee را که در جذب مخاطبان خود از این نسل بسیار موفق عمل کردهاند بدانید، پیشنهاد میکنیم مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn707
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #نسل_اینترنت #نسل_Z
@Dexign فلسفه دیزاین
______
Medium
How to Design Mobile Apps for Generation Z
Generation Z represents a huge opportunity for mobile app designers. As the first generation of true digital natives, they’re voracious app…
آغازی بر دیزاین محیط محور
شیوع ویروس Covid-19 در سطح جهان که باعث آسیب به اکثر صنایع در حوزههای مختلف شدهاست، ما را به فکر فرو میبرد که شاید این پدیده ناشی از آسیب زدن و تجاوز ما انسانها به مرزهای زیستی کره زمین است و وقت آن رسیده تا با این حقیقت روبرو شویم که ریشه بسیاری از مشکلات ما از دیزاین انسان محور نشات میگیرد. به بیان دیگر اگر ما انسانها، در روند دیزاین و تولید محصولات و خدمات صرفاً در جهت برآوردن نیازهای انسانها باشیم و به محدودیتها و ترجیحات دیگر موجوات زنده و محیط زیست توجه نکنیم پیامد ناگواری زندگی انسانها را تهدید خواهد کرد. پس زمان آن فرا رسیده که دیدگاه خود را تغییر دهیم و به استقبال چارچوب جدیدی در دیزاین رویم که همان دیزاین محیط محور است.
حال این پرسش برای شما بوجود آمده که دیزاین محیط محور چیست و چگونه میتوانید آن را شروع کنید؟
همانطور که پیشتر گفتیم بخش عمده تفکر دیزاین انسان محور در جهت برآوردن نیازهای انسانهاست، همین امر باعث شده که بخش مهم دیگری از زندگی انسانها که مدیریت رابطه آنها با عوامل محیطی و یا موجودات دیگر است عموماً در فرایند دیزاین نادیده گرفته شود. دیزاین محیط محور با تمرکز بر این مساله قصد دارد این خلا را پر کند و این قطعه گمشده و در عین حال مهم را به روند دیزاین اضافه نماید و بر همین اساس اگر بخواهیم تعریف مختصری از دیزاین محیط محور ارائه نماییم، میتواند اینگونه باشد:
دیزاین محیط محور، رویکردی در تولید و توسعه محصول یا خدمات است که هدف اصلی آن ایجاد محصولات یا خدماتی دوستدار محیط زیست که از نظر اجتماعی و اقتصادی پایدار بوده و در عین حال به محدودیتها و اولویتهای ذینفعانی همچون عموم انسانها، محیط زیست و دیگر موجودات زنده مقید است. به عبارت دیگر تفکر دیزاین محیط محور، ترکیبی از دانش و تکنیکهای مختلف دیزاین است که بر اساس دیزاین انسان محور و با تاکید بر مفاهیمی همچون قابلیت استفاده، بوم شناسی و علم پایداری توسعه یافته است.
در ادامه برای آشنایی بیشتر با این مفاهیم جذاب و مفید شما را به خواندن مقاله امروز دعوت میکنم.
https://bit.ly/dxgn708
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینمحیطمحور #دیزاینپایدار
@Dexign فلسفه دیزاین
______
شیوع ویروس Covid-19 در سطح جهان که باعث آسیب به اکثر صنایع در حوزههای مختلف شدهاست، ما را به فکر فرو میبرد که شاید این پدیده ناشی از آسیب زدن و تجاوز ما انسانها به مرزهای زیستی کره زمین است و وقت آن رسیده تا با این حقیقت روبرو شویم که ریشه بسیاری از مشکلات ما از دیزاین انسان محور نشات میگیرد. به بیان دیگر اگر ما انسانها، در روند دیزاین و تولید محصولات و خدمات صرفاً در جهت برآوردن نیازهای انسانها باشیم و به محدودیتها و ترجیحات دیگر موجوات زنده و محیط زیست توجه نکنیم پیامد ناگواری زندگی انسانها را تهدید خواهد کرد. پس زمان آن فرا رسیده که دیدگاه خود را تغییر دهیم و به استقبال چارچوب جدیدی در دیزاین رویم که همان دیزاین محیط محور است.
حال این پرسش برای شما بوجود آمده که دیزاین محیط محور چیست و چگونه میتوانید آن را شروع کنید؟
همانطور که پیشتر گفتیم بخش عمده تفکر دیزاین انسان محور در جهت برآوردن نیازهای انسانهاست، همین امر باعث شده که بخش مهم دیگری از زندگی انسانها که مدیریت رابطه آنها با عوامل محیطی و یا موجودات دیگر است عموماً در فرایند دیزاین نادیده گرفته شود. دیزاین محیط محور با تمرکز بر این مساله قصد دارد این خلا را پر کند و این قطعه گمشده و در عین حال مهم را به روند دیزاین اضافه نماید و بر همین اساس اگر بخواهیم تعریف مختصری از دیزاین محیط محور ارائه نماییم، میتواند اینگونه باشد:
دیزاین محیط محور، رویکردی در تولید و توسعه محصول یا خدمات است که هدف اصلی آن ایجاد محصولات یا خدماتی دوستدار محیط زیست که از نظر اجتماعی و اقتصادی پایدار بوده و در عین حال به محدودیتها و اولویتهای ذینفعانی همچون عموم انسانها، محیط زیست و دیگر موجودات زنده مقید است. به عبارت دیگر تفکر دیزاین محیط محور، ترکیبی از دانش و تکنیکهای مختلف دیزاین است که بر اساس دیزاین انسان محور و با تاکید بر مفاهیمی همچون قابلیت استفاده، بوم شناسی و علم پایداری توسعه یافته است.
در ادامه برای آشنایی بیشتر با این مفاهیم جذاب و مفید شما را به خواندن مقاله امروز دعوت میکنم.
https://bit.ly/dxgn708
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینمحیطمحور #دیزاینپایدار
@Dexign فلسفه دیزاین
______
Medium
The time for Environment-Centered Design has come
In times of Covid-19 taking its toll on almost every industry on this planet, we all must finally embrace the lesson on what’s at risk if…
نقشه سفر مشتری
قبل از هر چیز باید گفت موضوعی که امروز میخواهیم در مورد آن صحبت کنیم چیزی جز یک ابزار نیست. ازین جهت به این موضوع اشاره میکنیم که قرار نیست خودمان و ذهنمان را متعصب یک ابزار کنیم. منتهی با معرفی این ابزار به خصوص میخواهیم خیلی بیشتر از قبل، مشتری یا کاربر محصولات دیجیتال را بشناسیم.
نقشهی سفر مشتری را میتوان به صورت زیر تعریف کرد:
به تصویر کشیدن تمامی تجربهی مشتری یا کاربر در طول مسیری که محصول یا خدمتی را تجربه میکند، نقشهی سفر مشتری میگویند.
این نقشه؛ پرسونا، سناریو، اهداف و انتظارات، مراحل سفر، کارها، ذهنیتها، احساسات کاربر و در آخر نقاط درد و فرصتها را شامل میشود. که به طور مفصل در مقالات زیر با آنها آشنا خواهید شد.
اما این ابزار مهم به دیزاینرها در حل مشکلات دیزاین کمک شایانی میکند. به این صورت که شما را در نقش کاربر فرو میبرد و از دیدگاه او همه چیز را تجربه خواهید کرد. تمامی تعاملات کاربر را میبینید و دردسرها و فرصتها را کشف خواهید کرد.
برای تهیهی نقشهی سفر مشتری نیازمند دانستن هر مرحله از آن هستید که میتوانید از مقالات زیر استفاده کنید. در ضمن اگر تجربهای یا سؤالی در این مورد داشتید میتوانید با فشردن دکمهی «نظرت را بگو ✏️» آن را با ما در میان بگذارید.
https://bit.ly/dxgn709-1
https://bit.ly/dxgn709-2
https://bit.ly/dxgn709-3
(زمان حدودی مطالعهی مقالهی اول: ۱۰ دقیقه،
مقالهی دوم: ۶ دقیقه
و مقالهی سوم: ۸ دقیقه)
نویسنده: حسین میرزاده
#تجربه_کاربری #کاربرپژوهی #نقشه_سفر_مشتری
@Dexign فلسفه دیزاین
______
قبل از هر چیز باید گفت موضوعی که امروز میخواهیم در مورد آن صحبت کنیم چیزی جز یک ابزار نیست. ازین جهت به این موضوع اشاره میکنیم که قرار نیست خودمان و ذهنمان را متعصب یک ابزار کنیم. منتهی با معرفی این ابزار به خصوص میخواهیم خیلی بیشتر از قبل، مشتری یا کاربر محصولات دیجیتال را بشناسیم.
نقشهی سفر مشتری را میتوان به صورت زیر تعریف کرد:
به تصویر کشیدن تمامی تجربهی مشتری یا کاربر در طول مسیری که محصول یا خدمتی را تجربه میکند، نقشهی سفر مشتری میگویند.
این نقشه؛ پرسونا، سناریو، اهداف و انتظارات، مراحل سفر، کارها، ذهنیتها، احساسات کاربر و در آخر نقاط درد و فرصتها را شامل میشود. که به طور مفصل در مقالات زیر با آنها آشنا خواهید شد.
اما این ابزار مهم به دیزاینرها در حل مشکلات دیزاین کمک شایانی میکند. به این صورت که شما را در نقش کاربر فرو میبرد و از دیدگاه او همه چیز را تجربه خواهید کرد. تمامی تعاملات کاربر را میبینید و دردسرها و فرصتها را کشف خواهید کرد.
برای تهیهی نقشهی سفر مشتری نیازمند دانستن هر مرحله از آن هستید که میتوانید از مقالات زیر استفاده کنید. در ضمن اگر تجربهای یا سؤالی در این مورد داشتید میتوانید با فشردن دکمهی «نظرت را بگو ✏️» آن را با ما در میان بگذارید.
https://bit.ly/dxgn709-1
https://bit.ly/dxgn709-2
https://bit.ly/dxgn709-3
(زمان حدودی مطالعهی مقالهی اول: ۱۰ دقیقه،
مقالهی دوم: ۶ دقیقه
و مقالهی سوم: ۸ دقیقه)
نویسنده: حسین میرزاده
#تجربه_کاربری #کاربرپژوهی #نقشه_سفر_مشتری
@Dexign فلسفه دیزاین
______
Nielsen Norman Group
Journey Mapping 101
A journey map is a visualization of the process that a person goes through in order to accomplish a goal.
ورود رنسانس به رابط کاربری
کمتر کسی پیدا میشود که بهنحوی با هنر در ارتباط باشد ولی دوره رنسانس را نشناسد. رنسانس (به فرانسوی: Renaissance) به معنای دوره نوزایی یا تجدید حیات از فلورانس ایتالیا آغاز شد و به عصر روشنگری در اروپا انجامید.
آثار هنری دوره رنسانس همیشه منبعی الهام بخش برای هنرمندان بودهاند، ولی آیا تاکنون به این نکته فکر کردهاید که این آثار میتوانند در بهبود طراحی رابط کاربری نیز موثر باشند؟
شاید برایتان عجیب باشد و ارتباط دادن این دو را تا غیر منطقی بدانید ولی چند لحظه به این سوال فکر کنید، شما در یک منبعالهام بخش دقیقا به دنبال چه چیزی هستید؟ تکنیک؟ پالت رنگ؟ یا یک شکل خاص؟ یا اینکه تلاش میکنید تا مفهوم ناب پشت آن منبع الهامبخش را کشف و از آن در طراحیهای خود استفاده کنید؟
لینکلن سوارز (Lincoln Soares) نویسنده مقالهای که در ادامه به معرفی آن میپردازیم روش دوم را انتخاب میکند. او بهترین راه برای رفتن به آینده را نگاه به گذشته میداند و تلاش میکند تا با الهام گرفتن از چهار تکنیک مشهور تصویری آثار هنرمندان ایتالیایی دوره رنسانس یعنی: Sfumato ، Unione ، Chiaroscuro و Cangiante، مفهوم نابی که در پشت آنها پنهان است را کشف و از آن در سبک تصویرسازی و رابط کاربری خود استفاده کند.
تکنیک تصویری است که در آن رنگها با هم ترکیب می شوند را Sfumato مینامند . تصویر ایجاد شده هیچ خط و لبهای در اطراف شکل ها ندارد و جلوه ای مبهم و نرم ایجاد می کند. حالت Unione شبیه به Sfumato است، با این تفاوت که Unione رنگهای پر طراوتتر و اشباع شدهتری را به کار میگیرد. در تکنیک Chiaroscuro نقاش کنتراست زیادی بین نور و تاریکی ایجاد می کند و در نهایت در تکنیک Cangiante از تغییر رنگ برای به تصویر کشیدن سایهها و برجستگیها استفاده میشود.
سوارز در این مقاله ضمن معرفی این تکنیکها ابتدا آنها را در آثار نقاشان مطرح آن دوران همچون لئوناردو داوینچی، بوتیچلی و دیگران بررسی کرده و سپس چگونگی استفاده از آن در بهبود رابط کاربری شخصیتی به نام چاموشو (Chamoso) را توضیح میدهد.
https://bit.ly/dxgn710
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: فیروزه ایمانی
#رابط_کاربری #رنسانس
@Dexign فلسفه دیزاین
_____
کمتر کسی پیدا میشود که بهنحوی با هنر در ارتباط باشد ولی دوره رنسانس را نشناسد. رنسانس (به فرانسوی: Renaissance) به معنای دوره نوزایی یا تجدید حیات از فلورانس ایتالیا آغاز شد و به عصر روشنگری در اروپا انجامید.
آثار هنری دوره رنسانس همیشه منبعی الهام بخش برای هنرمندان بودهاند، ولی آیا تاکنون به این نکته فکر کردهاید که این آثار میتوانند در بهبود طراحی رابط کاربری نیز موثر باشند؟
شاید برایتان عجیب باشد و ارتباط دادن این دو را تا غیر منطقی بدانید ولی چند لحظه به این سوال فکر کنید، شما در یک منبعالهام بخش دقیقا به دنبال چه چیزی هستید؟ تکنیک؟ پالت رنگ؟ یا یک شکل خاص؟ یا اینکه تلاش میکنید تا مفهوم ناب پشت آن منبع الهامبخش را کشف و از آن در طراحیهای خود استفاده کنید؟
لینکلن سوارز (Lincoln Soares) نویسنده مقالهای که در ادامه به معرفی آن میپردازیم روش دوم را انتخاب میکند. او بهترین راه برای رفتن به آینده را نگاه به گذشته میداند و تلاش میکند تا با الهام گرفتن از چهار تکنیک مشهور تصویری آثار هنرمندان ایتالیایی دوره رنسانس یعنی: Sfumato ، Unione ، Chiaroscuro و Cangiante، مفهوم نابی که در پشت آنها پنهان است را کشف و از آن در سبک تصویرسازی و رابط کاربری خود استفاده کند.
تکنیک تصویری است که در آن رنگها با هم ترکیب می شوند را Sfumato مینامند . تصویر ایجاد شده هیچ خط و لبهای در اطراف شکل ها ندارد و جلوه ای مبهم و نرم ایجاد می کند. حالت Unione شبیه به Sfumato است، با این تفاوت که Unione رنگهای پر طراوتتر و اشباع شدهتری را به کار میگیرد. در تکنیک Chiaroscuro نقاش کنتراست زیادی بین نور و تاریکی ایجاد می کند و در نهایت در تکنیک Cangiante از تغییر رنگ برای به تصویر کشیدن سایهها و برجستگیها استفاده میشود.
سوارز در این مقاله ضمن معرفی این تکنیکها ابتدا آنها را در آثار نقاشان مطرح آن دوران همچون لئوناردو داوینچی، بوتیچلی و دیگران بررسی کرده و سپس چگونگی استفاده از آن در بهبود رابط کاربری شخصیتی به نام چاموشو (Chamoso) را توضیح میدهد.
https://bit.ly/dxgn710
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: فیروزه ایمانی
#رابط_کاربری #رنسانس
@Dexign فلسفه دیزاین
_____
Medium
How the canonical modes of the Renaissance are improving our UI Design.
When you see an inspiration, what exactly are you looking for? A technique, a color palette or a specific shape?
بازی با سایهها
اگر موفقترین دیزاینهای تعاملی سالهای اخیر را بررسی کنید، بهترین دیزاینها، آنهایی هستند که از نظر عملکرد کارایی بالاتری نسبت به سایر دیزاینها دارند. شکی نیست که موفقیت یک محصول در درجه اول وابسته به نحوه عملکرد آن میباشد. با این وجود عواملی همچون زیبایی و جزئیات بصری نیز به همان اندازه مهماند، بویژه اگر از این عناصر به نحوی استفاده گردد که بتوانند عملکرد محصول را بهبود بخشند. عناصر بصری مختلف همچون سایهها و جلوههای محو، میتوانند بر روی عملکرد محصول اثر مستقیم داشته باشند به طوری که استفاده صحیح از آنها میتواند منجر به بهبود عملکرد یک طرح گردد.
دلیل استفاده طراحان رابطکاربری گرافیکی GUI از عناصر بصری چون سایه، کمک به کاربران در درک نحوه استفاده از یک رابطکاربری است. تصاویر و عناصر دارای سایه که در یک صفحه وجود دارند میتوانند این احساس را به کاربران انتقال دهند که از توانایی تعامل فیزیکی با این عناصر برخوردارند. حتی اگر نشانههای تصویری از برنامهای به برنامه دیگر متفاوت باشد، کاربران در مواجهه با این عناصر معمولاً بطور پیشفرض به یکی از دو صورت زیر رفتار میکنند:
در عناصری که برجسته مینمایند، از دید کاربران اینگونه به نظر میرسد که میتوانند آنها را به پایین فشار دهند (با ماوس کلیک کنند و یا با انگشت به آنها ضربه بزنند). از این تصور کاربران اغلب برای طراحی دکمهها استفاده میشود.
همچنین از عناصری که به نظر میرسد در پس زمینه صفحه فرو رفتهاند نیز اغلب اوقات به عنوان یک نشان تصویری برای فیلدهای متنی که قابلیت پرشدن توسط کاربر را دارند استفاده میشود.
در مقاله امروز نویسنده به طور مفصل به توضیح این موضوع پرداختهاست که چگونه میتوان از عناصر بصری مختلف، مانند سایهها و جلوههای محو، در جهت بهبود عناصر عملکردی یک طرح استفاده نمود.
https://bit.ly/dxgn711
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینرابطکاربری #عناصربصری #سایهها
@Dexign فلسفه دیزاین
______
اگر موفقترین دیزاینهای تعاملی سالهای اخیر را بررسی کنید، بهترین دیزاینها، آنهایی هستند که از نظر عملکرد کارایی بالاتری نسبت به سایر دیزاینها دارند. شکی نیست که موفقیت یک محصول در درجه اول وابسته به نحوه عملکرد آن میباشد. با این وجود عواملی همچون زیبایی و جزئیات بصری نیز به همان اندازه مهماند، بویژه اگر از این عناصر به نحوی استفاده گردد که بتوانند عملکرد محصول را بهبود بخشند. عناصر بصری مختلف همچون سایهها و جلوههای محو، میتوانند بر روی عملکرد محصول اثر مستقیم داشته باشند به طوری که استفاده صحیح از آنها میتواند منجر به بهبود عملکرد یک طرح گردد.
دلیل استفاده طراحان رابطکاربری گرافیکی GUI از عناصر بصری چون سایه، کمک به کاربران در درک نحوه استفاده از یک رابطکاربری است. تصاویر و عناصر دارای سایه که در یک صفحه وجود دارند میتوانند این احساس را به کاربران انتقال دهند که از توانایی تعامل فیزیکی با این عناصر برخوردارند. حتی اگر نشانههای تصویری از برنامهای به برنامه دیگر متفاوت باشد، کاربران در مواجهه با این عناصر معمولاً بطور پیشفرض به یکی از دو صورت زیر رفتار میکنند:
در عناصری که برجسته مینمایند، از دید کاربران اینگونه به نظر میرسد که میتوانند آنها را به پایین فشار دهند (با ماوس کلیک کنند و یا با انگشت به آنها ضربه بزنند). از این تصور کاربران اغلب برای طراحی دکمهها استفاده میشود.
همچنین از عناصری که به نظر میرسد در پس زمینه صفحه فرو رفتهاند نیز اغلب اوقات به عنوان یک نشان تصویری برای فیلدهای متنی که قابلیت پرشدن توسط کاربر را دارند استفاده میشود.
در مقاله امروز نویسنده به طور مفصل به توضیح این موضوع پرداختهاست که چگونه میتوان از عناصر بصری مختلف، مانند سایهها و جلوههای محو، در جهت بهبود عناصر عملکردی یک طرح استفاده نمود.
https://bit.ly/dxgn711
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینرابطکاربری #عناصربصری #سایهها
@Dexign فلسفه دیزاین
______
Medium
XD Essentials: Shadows and Blur Effects in Modern UI Design
While the function of a design is key to a product’s success, aesthetics and visual details are equally important. In this post, I’ll show…
طراحان محصول، این شما و این iOS 14
شرکت اپل از قدیم تا این روزها به طراحی ساختارشکن، اصولی و الیته زیبا و جذاب از نظر بصری مشهور است.
جالب اینجاست که اگر خوب دقت کنیم؛ دیزاینهای سیستمعامل iOS از شماره 1 تا امروز که نسخه 14 آن منتشر شده است، نماد تاریخ طراحی دیجیتال و طراحی رابط کاربری میباشند.
دورانی که از طراحی واقعگرا شروع شد و بعد از آن کمکم با تغییرات ساختاری کوچک و بزرگ تبدیل شد به طراحی Flat اپلی.
حالا چرا اپلی؟
بخاطر اینکه اپل همیشه عادت دارد تا اثر انگشت خودش را روی محصولات فیزیکی و دیجیتالش بگذارد.
برای مثال اپل با استفاده از مدلهای خاص گرادینت تلاش کرد تا نسخه فلتدیزاین خودش را بسازد و توسعه دهد.
میتوان گفت که تغییراتی که iOS14 داشته یکی از نقاط عطف در سبک طراحی فلت است و دقیقا همین عامل میتواند برای طراحان محصول مورد توجه قرار بگیرد.
مقالهای که امروز انتخاب کردیم درباره درسهاییست که میتوانیم از سیستم دیزاین جدید اپل یاد بگیریم.
https://bit.ly/dxgn712
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: آرش اصغری
#دیزاینرابطکاربری #عناصربصری
@Dexign فلسفه دیزاین
______
شرکت اپل از قدیم تا این روزها به طراحی ساختارشکن، اصولی و الیته زیبا و جذاب از نظر بصری مشهور است.
جالب اینجاست که اگر خوب دقت کنیم؛ دیزاینهای سیستمعامل iOS از شماره 1 تا امروز که نسخه 14 آن منتشر شده است، نماد تاریخ طراحی دیجیتال و طراحی رابط کاربری میباشند.
دورانی که از طراحی واقعگرا شروع شد و بعد از آن کمکم با تغییرات ساختاری کوچک و بزرگ تبدیل شد به طراحی Flat اپلی.
حالا چرا اپلی؟
بخاطر اینکه اپل همیشه عادت دارد تا اثر انگشت خودش را روی محصولات فیزیکی و دیجیتالش بگذارد.
برای مثال اپل با استفاده از مدلهای خاص گرادینت تلاش کرد تا نسخه فلتدیزاین خودش را بسازد و توسعه دهد.
میتوان گفت که تغییراتی که iOS14 داشته یکی از نقاط عطف در سبک طراحی فلت است و دقیقا همین عامل میتواند برای طراحان محصول مورد توجه قرار بگیرد.
مقالهای که امروز انتخاب کردیم درباره درسهاییست که میتوانیم از سیستم دیزاین جدید اپل یاد بگیریم.
https://bit.ly/dxgn712
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: آرش اصغری
#دیزاینرابطکاربری #عناصربصری
@Dexign فلسفه دیزاین
______
Medium
What can designers learn from iOS 14 and macOS Big Sur?
With the introduction of iOS 14 and macOS Big Sur, we are the witness of the next big thing in UI Desing. Changes are…
دیزاین بد …
معمولا میبینیم که طراحان آماتور در نهایت قصد دارند تا یک دیزاین خوب و کاربردی را به یک گزینه بد تبدیل کنند و یک دیزاین جایگزین برای آن بیابند. اگر چه طراحان حرفهای هم اینکار را انجام میدهند اما تحت شرایط و پارامترهای خاص! هدفی که در پشت این عمل است، به منظور برانگیختن ذهن کاربر و امکان ارتباط بهتر با دیزاین است.
دیزاین بد، یک ابزار تفکر جایگزین است تا طراحی معمول را بسیار پیچیده یا در برخی موارد برعکس به سرانجام برساند. به عنوان مثال، افراد در مواجهه اول با توپ بولینگ، بسیار با آن کلنجار میروند تا روش کار با آن را یاد بگیرند. روی توپ بولینگ ۳ حفره وجود دارد که هریک از آنها بر اساس انگشتی که در آن فرو میروند، طراحی میشوند. تلاش برای حفظ تعادل توپ با ۳ انگشت، ممکن است این سوال را در ذهن کاربر ایجاد کند که به جای ۳ انگشت، چرا از ۵ انگشت برای استفاده از توپ استفاده نشده است تا در نهایت کنترل توپ راحت شود!
درست حدس زدید، قبلا توپی با ۵ حفره ساخته شده است. بر اساس این مثال، مفهوم «سادگی - پیچیدگی» به وجود میآید که در ادامه بیشتر به آن خواهیم پرداخت.
دیزاین بد، آسان است
دیزاین بد معمولا دیزاینیست که بر کیفیت خروجی آن به اندازه کافی دقت نمیشود. معمولا استفاده از راهحل مناسب که به نظر میرسد استفاده از آن برای کاربران آسان است، به وحلهی آخر موکول میشود. در مثال توپ بولینگ نیز، بدون در نظر گرفتن اینکه کاربران با چه مشکلی روبرو هستند، گمان میکنیم که استفاده از توپ بولینگ به وسیلهی ۳ انگشت برای کاربر سخت است. در نهایت تعداد حفره، با تست توپ بولینگ با انگشتان واقعی انسان پیدا میشود.
دیزاین بد، پیچیده است
چیزی که در اینجا میخواهیم بیان کنیم این است که معمولا زمانی که طراحان سعی در سادهسازی محصول دارند، در نهایت ناخواسته آن را بسیار پیچیده طراحی میکنند. در مثال توپ بولینگ، به نظر میرسد که در حال ۵ انگشته، توپ بهتر در دست قرار میگیرد اما به دلیل نحوه قرارگرفتن انگشتان، پرتاب توپ به خوبی انجام نمیشود.
دیزاین بد، خستهکننده است
جهانی را تصور کنید که در آن همه چیز آشکار بود و درک تک تک موارد مربوط به محصول به حدی آسان بود که مجبور نبودیم در مورد جنبههای مختلف آن فکر کنیم. اگرچه دیزاین خوب بر ایجاد تعامل بین کاربر و محصول تاکید دارد، اما از طرف دیگر باعث تفکر انسانها میشود.
و در نهایت، دیزاین بد، یک دیزاین است
خلاقیت زمانی خود را نشان میدهد که اصرار و فشاری بر یک دیزاین خوب وجود ندارد! در مثال بولینگ دیدیم که چگونه تلاش برای راحتی کاربر زمانی که سطحی به مشکل نگاه کردیم، در انتها باعث پیچیدگی شد.
نسخه کامل مقاله را در لینک زیر مشاهده کنید:
https://bit.ly/dxgn714
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی_بد #راه_حل #دیزاین #تفکر #محصول
@Dexign فلسفه دیزاین
______
معمولا میبینیم که طراحان آماتور در نهایت قصد دارند تا یک دیزاین خوب و کاربردی را به یک گزینه بد تبدیل کنند و یک دیزاین جایگزین برای آن بیابند. اگر چه طراحان حرفهای هم اینکار را انجام میدهند اما تحت شرایط و پارامترهای خاص! هدفی که در پشت این عمل است، به منظور برانگیختن ذهن کاربر و امکان ارتباط بهتر با دیزاین است.
دیزاین بد، یک ابزار تفکر جایگزین است تا طراحی معمول را بسیار پیچیده یا در برخی موارد برعکس به سرانجام برساند. به عنوان مثال، افراد در مواجهه اول با توپ بولینگ، بسیار با آن کلنجار میروند تا روش کار با آن را یاد بگیرند. روی توپ بولینگ ۳ حفره وجود دارد که هریک از آنها بر اساس انگشتی که در آن فرو میروند، طراحی میشوند. تلاش برای حفظ تعادل توپ با ۳ انگشت، ممکن است این سوال را در ذهن کاربر ایجاد کند که به جای ۳ انگشت، چرا از ۵ انگشت برای استفاده از توپ استفاده نشده است تا در نهایت کنترل توپ راحت شود!
درست حدس زدید، قبلا توپی با ۵ حفره ساخته شده است. بر اساس این مثال، مفهوم «سادگی - پیچیدگی» به وجود میآید که در ادامه بیشتر به آن خواهیم پرداخت.
دیزاین بد، آسان است
دیزاین بد معمولا دیزاینیست که بر کیفیت خروجی آن به اندازه کافی دقت نمیشود. معمولا استفاده از راهحل مناسب که به نظر میرسد استفاده از آن برای کاربران آسان است، به وحلهی آخر موکول میشود. در مثال توپ بولینگ نیز، بدون در نظر گرفتن اینکه کاربران با چه مشکلی روبرو هستند، گمان میکنیم که استفاده از توپ بولینگ به وسیلهی ۳ انگشت برای کاربر سخت است. در نهایت تعداد حفره، با تست توپ بولینگ با انگشتان واقعی انسان پیدا میشود.
دیزاین بد، پیچیده است
چیزی که در اینجا میخواهیم بیان کنیم این است که معمولا زمانی که طراحان سعی در سادهسازی محصول دارند، در نهایت ناخواسته آن را بسیار پیچیده طراحی میکنند. در مثال توپ بولینگ، به نظر میرسد که در حال ۵ انگشته، توپ بهتر در دست قرار میگیرد اما به دلیل نحوه قرارگرفتن انگشتان، پرتاب توپ به خوبی انجام نمیشود.
دیزاین بد، خستهکننده است
جهانی را تصور کنید که در آن همه چیز آشکار بود و درک تک تک موارد مربوط به محصول به حدی آسان بود که مجبور نبودیم در مورد جنبههای مختلف آن فکر کنیم. اگرچه دیزاین خوب بر ایجاد تعامل بین کاربر و محصول تاکید دارد، اما از طرف دیگر باعث تفکر انسانها میشود.
و در نهایت، دیزاین بد، یک دیزاین است
خلاقیت زمانی خود را نشان میدهد که اصرار و فشاری بر یک دیزاین خوب وجود ندارد! در مثال بولینگ دیدیم که چگونه تلاش برای راحتی کاربر زمانی که سطحی به مشکل نگاه کردیم، در انتها باعث پیچیدگی شد.
نسخه کامل مقاله را در لینک زیر مشاهده کنید:
https://bit.ly/dxgn714
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی_بد #راه_حل #دیزاین #تفکر #محصول
@Dexign فلسفه دیزاین
______
Medium
What makes a bad design?
Bad Design is an alternative thinking tool that allows participants to reverse or defy the conventional design process to arrive at a…
بروزرسانی بصری؛ ترندهای اخیر دیزاین در سال ۲۰۲۰
اگر یادتان باشد یکی از قوانین تجربهی کاربری به نام «قانون کارایی زیبایی» بیان میکرد که کاربران غالباً طراحی زیبا و جذاب را به عنوان دیزاین کاراتر درک میکنند.
یکی از راههای زیباسازی دیزاین این است که رابط کاربری خود را با ترندهای اخیر درگیر کنیم. در دههی گذشته، رابطهای کاربری تغییر و تحولهای شگرفی را تجربه کردند. پیشرفت زبانهای برنامهنویسی، خیلی از دیزاینهایی را که به نظر فانتزی و نشدنی میآمدند امکانپذیر و قابل توسعه کردند. امروز دیگر حدومرزی برای خلاقیت وجود ندارد. کافی است فقط تصمیم بگیریم و رویای بصری خود را خلق کنیم.
هرچقدر چشمان ما با دیزاینهای بیشتری آشنا شود، قدرت ترکیب و ساخت دیزاین در ذهنمان، خلاقانه و بدیعتر میشود. در مقالات زیر که همگی به وسواس برای شما انتخاب شدهاند با تکنیکهای جدید دنیای دیزاین آشنا میشوید.
https://bit.ly/dxgn715-1
https://bit.ly/dxgn715-2
https://bit.ly/dxgn715-3
(زمان حدودی مطالعهی مقالهی اول: ۵ دقیقه،
مقالهی دوم: ۱۲ دقیقه
و مقالهی سوم: ۱۰ دقیقه)
نویسنده: حسین میرزاده
#رابط_کاربری #ترند #تکنیک #طراحی_بصری
@Dexign فلسفه دیزاین
______
اگر یادتان باشد یکی از قوانین تجربهی کاربری به نام «قانون کارایی زیبایی» بیان میکرد که کاربران غالباً طراحی زیبا و جذاب را به عنوان دیزاین کاراتر درک میکنند.
یکی از راههای زیباسازی دیزاین این است که رابط کاربری خود را با ترندهای اخیر درگیر کنیم. در دههی گذشته، رابطهای کاربری تغییر و تحولهای شگرفی را تجربه کردند. پیشرفت زبانهای برنامهنویسی، خیلی از دیزاینهایی را که به نظر فانتزی و نشدنی میآمدند امکانپذیر و قابل توسعه کردند. امروز دیگر حدومرزی برای خلاقیت وجود ندارد. کافی است فقط تصمیم بگیریم و رویای بصری خود را خلق کنیم.
هرچقدر چشمان ما با دیزاینهای بیشتری آشنا شود، قدرت ترکیب و ساخت دیزاین در ذهنمان، خلاقانه و بدیعتر میشود. در مقالات زیر که همگی به وسواس برای شما انتخاب شدهاند با تکنیکهای جدید دنیای دیزاین آشنا میشوید.
https://bit.ly/dxgn715-1
https://bit.ly/dxgn715-2
https://bit.ly/dxgn715-3
(زمان حدودی مطالعهی مقالهی اول: ۵ دقیقه،
مقالهی دوم: ۱۲ دقیقه
و مقالهی سوم: ۱۰ دقیقه)
نویسنده: حسین میرزاده
#رابط_کاربری #ترند #تکنیک #طراحی_بصری
@Dexign فلسفه دیزاین
______
Medium
10 Newest and promising UI design trends
New neumorphism 🤯 pastels, geometry, helpful tips and more!
داستان تصویرهای جذاب کاربردی
اگر از کاربران محصولات دیجیتالی هستید باید تصویرسازیهایی که در این محصولات از آنها استفاده شده است را دیده باشید، طرحهای جذاب و گاها عجیبی که هنگام استفاده از Slack، MailChimp،Uber و دیگر از محصولات یا خدمات از شما استقبال میکنند و حتی ممکن است دلیلی برای علاقهمندشدن شما به آنها باشد. ولی این تصاویر دقیقا چه هستند و چرا شرکتهای فناوری از استفاده از این تصویرها استقبال میکنند؟
تصویر سازی محصول روشی قوی برای برجسته کردن مزایای یک محصول دیجیتال و ترغیب کاربران برای استفاده از آن محصول است. اگرچه تصویرسازی محصول نباید راه حل اصلی برای بهبود یک محصول باشد، اما در صورت استفاده مناسب، میتواند کاربران را به خود جلب کرده و آن محصول را از رقبایش متمایز کند.
این تصویرسازیها با اضافه کردن عناصر انسانی به تجربه کاربری و نمایش ایدهها و مفاهیم پیچیده به شکلی ساده و جذاب به کاربر کمک میکند تا ارتباط صمیمانهتری با محصول برقرار کند و حتی به آن علاقهمند شود. اما باید به خاطر داشته باشیم که هدف این تصویرسازیها نمایش روشهای استفاده از محصول و ارایه توضیحات لازم برای روشن ساختن ذهن مخاطب است نه تزیین و زیباترکردن محصول و در غیر این صورت ممکن است باعث گیج شدن کاربران شود.
به صورت کلی مواردی که از تصویرسازی در طراحی محصول استفاده میشود عبارتند از:
- هنگامی که خواندن و درک توضیحات برای کاربران دشوار است.
- راهنمایی کاربران برای انجام کارهای مربوط به هر مرحله
- آشنا کردن کاربران جدید با روشهای استفاده از محصول
- تبریک گفتن به کاربر هنگام رسیدن به هدف
- راهنمایی به کاربرانی که دچار سردرگمیشدهاند
در این مقاله فرانسیس تو، طراح محصول و تصویرساز، ضمن ارایه توضیحاتی در مورد تصویرسازی محصول، نکاتی کاربردی برای ورود به این حوزه را بیان میکند. پس اگر علاقهمند به تصویرسازی محصول هستید پیشنهاد میکنیم این مقاله را بخوانید.
https://bit.ly/dxgn716
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #رابط_کاربری #تصویرسازی
@Dexign فلسفه دیزاین
______
اگر از کاربران محصولات دیجیتالی هستید باید تصویرسازیهایی که در این محصولات از آنها استفاده شده است را دیده باشید، طرحهای جذاب و گاها عجیبی که هنگام استفاده از Slack، MailChimp،Uber و دیگر از محصولات یا خدمات از شما استقبال میکنند و حتی ممکن است دلیلی برای علاقهمندشدن شما به آنها باشد. ولی این تصاویر دقیقا چه هستند و چرا شرکتهای فناوری از استفاده از این تصویرها استقبال میکنند؟
تصویر سازی محصول روشی قوی برای برجسته کردن مزایای یک محصول دیجیتال و ترغیب کاربران برای استفاده از آن محصول است. اگرچه تصویرسازی محصول نباید راه حل اصلی برای بهبود یک محصول باشد، اما در صورت استفاده مناسب، میتواند کاربران را به خود جلب کرده و آن محصول را از رقبایش متمایز کند.
این تصویرسازیها با اضافه کردن عناصر انسانی به تجربه کاربری و نمایش ایدهها و مفاهیم پیچیده به شکلی ساده و جذاب به کاربر کمک میکند تا ارتباط صمیمانهتری با محصول برقرار کند و حتی به آن علاقهمند شود. اما باید به خاطر داشته باشیم که هدف این تصویرسازیها نمایش روشهای استفاده از محصول و ارایه توضیحات لازم برای روشن ساختن ذهن مخاطب است نه تزیین و زیباترکردن محصول و در غیر این صورت ممکن است باعث گیج شدن کاربران شود.
به صورت کلی مواردی که از تصویرسازی در طراحی محصول استفاده میشود عبارتند از:
- هنگامی که خواندن و درک توضیحات برای کاربران دشوار است.
- راهنمایی کاربران برای انجام کارهای مربوط به هر مرحله
- آشنا کردن کاربران جدید با روشهای استفاده از محصول
- تبریک گفتن به کاربر هنگام رسیدن به هدف
- راهنمایی به کاربرانی که دچار سردرگمیشدهاند
در این مقاله فرانسیس تو، طراح محصول و تصویرساز، ضمن ارایه توضیحاتی در مورد تصویرسازی محصول، نکاتی کاربردی برای ورود به این حوزه را بیان میکند. پس اگر علاقهمند به تصویرسازی محصول هستید پیشنهاد میکنیم این مقاله را بخوانید.
https://bit.ly/dxgn716
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #رابط_کاربری #تصویرسازی
@Dexign فلسفه دیزاین
______
Medium
How to Get Started in Product Illustration
Find out what is product illustration and how it is best used
راهنمای جامع طراحی اعلانها
امروزه هر کسی که با دستگاههای الکترونیک و محصولات دیجیتال سر و کار داشته باشد، حتما با اعلانها (Notifications) آشناست و تجربه دریافت این اعلانها را داشته است. اگر خوب فکر کنید، روزانه هنگام کار با محصولات مختلف اعلانهای مختلفی دریافت میکنید که برخی از آنها به درد بخور و برخی از آنها نیز به درد نخور و کلافه کننده هستند. این اعلانها که پیامهای جنبی و پیرامونی در محصولات دیجیتال هستند، نباید تاثیر منفی بر روی تجربه کاربری داشته باشند، بلکه باید راهنمایی در جهت کمک به کاربران برای رسیدن به هدف خود باشند.
برای اینکه اعلانها به درستی و در راستای اهداف و نیازهای کاربران عمل کنند و موجب بهبود تجربه کاربری شوند، باید رویکردی یکپارچه و منسجم در مورد آنها وجود داشته باشد. اگرچه ممکن است در ابتدای مسیر و هنگام طراحی محصول، اطلاعات کاملی در مورد اعلانها و انواع و اقسام مورد نیاز آنها وجود نداشته باشد، اما طراحی یک چارچوب جامع برای اعلانها در طول دوره طراحی محصول میتواند بسیار مفید بوده و در شرایط مختلف مورد استفاده قرار گیرد.
هنگامی که صحبت از طراحی اعلانها به میان میآید، اصل مهمی که باید در نظر داشت این است که اعلانها باید کاربران را برای انجام کار خود همراهی و کمک کنند و مانعی در این مسیر نباشند. بنابراین در مراحل اولیه دیزاین باید محصول را مورد بررسی قرارداد تا مشخص شود که در چه نقاطی استفاده از اعلانها میتواند راهگشا بوده و کاربر را در رسیدن به هدف خود یاری کند.
برای آشنایی با ویژگیهای اعلانها و اصولی که باید در طراحی آنها مد نظر قرار داد، مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn717
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #اعلانها
@Dexign فلسفه دیزاین
____
امروزه هر کسی که با دستگاههای الکترونیک و محصولات دیجیتال سر و کار داشته باشد، حتما با اعلانها (Notifications) آشناست و تجربه دریافت این اعلانها را داشته است. اگر خوب فکر کنید، روزانه هنگام کار با محصولات مختلف اعلانهای مختلفی دریافت میکنید که برخی از آنها به درد بخور و برخی از آنها نیز به درد نخور و کلافه کننده هستند. این اعلانها که پیامهای جنبی و پیرامونی در محصولات دیجیتال هستند، نباید تاثیر منفی بر روی تجربه کاربری داشته باشند، بلکه باید راهنمایی در جهت کمک به کاربران برای رسیدن به هدف خود باشند.
برای اینکه اعلانها به درستی و در راستای اهداف و نیازهای کاربران عمل کنند و موجب بهبود تجربه کاربری شوند، باید رویکردی یکپارچه و منسجم در مورد آنها وجود داشته باشد. اگرچه ممکن است در ابتدای مسیر و هنگام طراحی محصول، اطلاعات کاملی در مورد اعلانها و انواع و اقسام مورد نیاز آنها وجود نداشته باشد، اما طراحی یک چارچوب جامع برای اعلانها در طول دوره طراحی محصول میتواند بسیار مفید بوده و در شرایط مختلف مورد استفاده قرار گیرد.
هنگامی که صحبت از طراحی اعلانها به میان میآید، اصل مهمی که باید در نظر داشت این است که اعلانها باید کاربران را برای انجام کار خود همراهی و کمک کنند و مانعی در این مسیر نباشند. بنابراین در مراحل اولیه دیزاین باید محصول را مورد بررسی قرارداد تا مشخص شود که در چه نقاطی استفاده از اعلانها میتواند راهگشا بوده و کاربر را در رسیدن به هدف خود یاری کند.
برای آشنایی با ویژگیهای اعلانها و اصولی که باید در طراحی آنها مد نظر قرار داد، مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn717
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #اعلانها
@Dexign فلسفه دیزاین
____
Medium
A comprehensive guide to notification design
Notifications of all types are an indispensable part of digital products, but they should never harm the user experience.
بررسی چند اشتباه در اول راه طراح رابط کاربری
همه ما روزهای اول حرفهای که در آن مشغول هستیم را گذراندهایم. سختیهای مخصوص به کار، علمی که همیشه در حال پیشرفت است و وقتی که همیشه در دسترس نیست.
طبیعی است که خیلی از درسهایی که از دیزاین یاد گرفتیم دقیقا زمانی اتفاق افتادند که با مشکلات جدید روبرو شدیم و البته دیزاینها و راهحلهای جدیدی را از دیزاینرهای دیگر دیدیم.
این یک روند طبیعی در پیشرفت است. احتمالا اگر همین حالا به دیزاینهای چند سال پیشتان مراجعه کنید، مشکلات بسیار واضحی میبینید و با خود میگویید چرا اینها را آن موقع نمیدانستم.
بعضی از این موارد با گذشت زمان و تکمیل سلیقه و درک هنری از مقوله دیزاین مشخص و برطرف میشوند ولی بعضی از موارد نیاز به آموزش دارند. چون در زندگی همیشه نمیشود آزمون و خطا قدم برداشت. گاهی تصمیمات ما هرچند برای ممکن است ساده باشند ولی تبعات وسیعتری خواهند داشت.
مقالهای که امروز معرفی میکنیم، ده اشتباهی است که آقای Danny Sapio وقتی یک طراح رابط کاربری تازهکار بوده انجام داده است.
مواردی که در مقاله مطرح شده عموما پایهای هستند و رعایت این موارد به آرامش ذهنی شما به عنوان یک دیزاینر کمک بسیاری میکند.
https://bit.ly/dxgn718
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#رابط_کاربری #تجربه
@Dexign فلسفه دیزاین
_______
همه ما روزهای اول حرفهای که در آن مشغول هستیم را گذراندهایم. سختیهای مخصوص به کار، علمی که همیشه در حال پیشرفت است و وقتی که همیشه در دسترس نیست.
طبیعی است که خیلی از درسهایی که از دیزاین یاد گرفتیم دقیقا زمانی اتفاق افتادند که با مشکلات جدید روبرو شدیم و البته دیزاینها و راهحلهای جدیدی را از دیزاینرهای دیگر دیدیم.
این یک روند طبیعی در پیشرفت است. احتمالا اگر همین حالا به دیزاینهای چند سال پیشتان مراجعه کنید، مشکلات بسیار واضحی میبینید و با خود میگویید چرا اینها را آن موقع نمیدانستم.
بعضی از این موارد با گذشت زمان و تکمیل سلیقه و درک هنری از مقوله دیزاین مشخص و برطرف میشوند ولی بعضی از موارد نیاز به آموزش دارند. چون در زندگی همیشه نمیشود آزمون و خطا قدم برداشت. گاهی تصمیمات ما هرچند برای ممکن است ساده باشند ولی تبعات وسیعتری خواهند داشت.
مقالهای که امروز معرفی میکنیم، ده اشتباهی است که آقای Danny Sapio وقتی یک طراح رابط کاربری تازهکار بوده انجام داده است.
مواردی که در مقاله مطرح شده عموما پایهای هستند و رعایت این موارد به آرامش ذهنی شما به عنوان یک دیزاینر کمک بسیاری میکند.
https://bit.ly/dxgn718
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#رابط_کاربری #تجربه
@Dexign فلسفه دیزاین
_______
Medium
10 Mistakes I Made Starting Out As A UI Designer
The ten mistakes that made me look like an amatuer
چگونه یک چشم تیزبین برای طراحی داشته باشیم؟
برای اینکه بتوانید یک چشم تیزبین در طراحی داشته باشید، نیاز است خود را به جای طراح محصول ببینید. برنامهای که بیشترین استفاده از آن را دارید، باز کنید و اینبار بدون گشت و گذار در آن، سعی در تمرکز بر قسمتهای مختلف آن کنید.
مواردی که میتواند به شما در این مرحله کمک کند:
مسیر پیمایش
طراحی، چگونه تمرکز شما را هدایت میکند؟ چه اطلاعاتی حالت برجسته دارند؟ تاثیر رنگ و متن در مهم نشان دادن عناصر چیست؟
محتوا
از چه عبارتهایی برای این تجربه کاربری استغاده شده است؟ کدام محتوا جالب و به راحتی قابل مشاهده است، کدام نه؟ به کارگیری فاصله برای قالببندی محتوا چگونه انجام میشود؟
هدف
دلایل استفاده کاربران از این برنامه چیست؟ این برنامه چه مشکلی را حل میکند؟ چگونه طراحی میتواند به حل بهتر این مسئله کمک کند؟
مخاطبان
افرادی که از این برنامه استفاده میکنند، چه کسانی هستند؟ موارد استفادهی آنها چه تفاوتهایی با شما دارد؟ طراحی چگونه این موارد را پوشش میدهد؟
شکستن برنامه به قسمتهای کوچکتر
بخشهای مختلف برنامه را به قسمتهای کوچک به عنوان کامپوننت به منظور تمرکز بهتر تقسیم کنید. ممکن است جزئیات جدیدی از هر قسمت را کشف کنید که قبلتر متوجه آن نشده بودید. در مورد هرآنچه میبینید کنجکاو باشید و در مورد انتخابهای خود برای این برنامه تفکر کنید.
دفعهی بعدی که فرصت اضافی برای خود دارید یا منتظر کسی هستید، برنامهای را باز کنید و به دلایلی که طراحان تصمیم گرفتهاند تا از این روش استفاده کنند، فکر کنید. با تجزیه و تحلیل برنامهها، شما تفکر محصول خود را توسعه میدهید و طراحیهای بعدیتان را بهتر انجام خواهید داد.
در ادامهی این مقاله، نمونهای از تجزیه و تحلیل برنامهها را مشاهده خواهید کرد:
https://bit.ly/dxgn719
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #تفکر_محصول #دیزاین #تفکر #محصول #تجزیه #تحلیل #مخاطب #محتوا
@Dexign فلسفه دیزاین
______
برای اینکه بتوانید یک چشم تیزبین در طراحی داشته باشید، نیاز است خود را به جای طراح محصول ببینید. برنامهای که بیشترین استفاده از آن را دارید، باز کنید و اینبار بدون گشت و گذار در آن، سعی در تمرکز بر قسمتهای مختلف آن کنید.
مواردی که میتواند به شما در این مرحله کمک کند:
مسیر پیمایش
طراحی، چگونه تمرکز شما را هدایت میکند؟ چه اطلاعاتی حالت برجسته دارند؟ تاثیر رنگ و متن در مهم نشان دادن عناصر چیست؟
محتوا
از چه عبارتهایی برای این تجربه کاربری استغاده شده است؟ کدام محتوا جالب و به راحتی قابل مشاهده است، کدام نه؟ به کارگیری فاصله برای قالببندی محتوا چگونه انجام میشود؟
هدف
دلایل استفاده کاربران از این برنامه چیست؟ این برنامه چه مشکلی را حل میکند؟ چگونه طراحی میتواند به حل بهتر این مسئله کمک کند؟
مخاطبان
افرادی که از این برنامه استفاده میکنند، چه کسانی هستند؟ موارد استفادهی آنها چه تفاوتهایی با شما دارد؟ طراحی چگونه این موارد را پوشش میدهد؟
شکستن برنامه به قسمتهای کوچکتر
بخشهای مختلف برنامه را به قسمتهای کوچک به عنوان کامپوننت به منظور تمرکز بهتر تقسیم کنید. ممکن است جزئیات جدیدی از هر قسمت را کشف کنید که قبلتر متوجه آن نشده بودید. در مورد هرآنچه میبینید کنجکاو باشید و در مورد انتخابهای خود برای این برنامه تفکر کنید.
دفعهی بعدی که فرصت اضافی برای خود دارید یا منتظر کسی هستید، برنامهای را باز کنید و به دلایلی که طراحان تصمیم گرفتهاند تا از این روش استفاده کنند، فکر کنید. با تجزیه و تحلیل برنامهها، شما تفکر محصول خود را توسعه میدهید و طراحیهای بعدیتان را بهتر انجام خواهید داد.
در ادامهی این مقاله، نمونهای از تجزیه و تحلیل برنامهها را مشاهده خواهید کرد:
https://bit.ly/dxgn719
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #تفکر_محصول #دیزاین #تفکر #محصول #تجزیه #تحلیل #مخاطب #محتوا
@Dexign فلسفه دیزاین
______
Medium
How to develop an eye for Design
When I started off in design, I sucked.
درآمدی بر ساخت سیستمهای دیزاین
در دنیای رقابتی تکنولوژی جهانی، نیاز به دیزاین بیش از هر زمان دیگری احساس میشود. بهطوری که بهرهگیری مناسب از سیستمهای دیزاین به یکی از نقاط قوت شرکتها و یا محصولات تبدیل شده است. این قبیل شرکتها در طول زمان، به بهبود تجربه کاربر به عنوان یک تمایز دهنده اصلی اعتماد کردهاند که این موضوع منجر به درخواستهای متوالی شرکتها از طراحان جهت ایجاد تجربه لذتبخشتر برای کاربران شده است. در چنین شرایطی که طراحان از یک طرف ملزم به انجام پروژه های بیشتر و کار سریعتر میباشند و از سوی دیگر میبایست محصولاتی با کیفیت بالاتر تحویل دهند؛ اگر هیچ زبان دیزاین استانداردی برای طراحان وجود نداشته باشد، آنها با مشکلات بسیاری مواجه خواهند بود.
ساخت یک سیستم دیزاینی کار سادهای نیست، اما نتیجه آن میتواند لذتبخش باشد. برخورد با مواردی همچون کشف ارتباط بین عناصر، ساخت ارتباطات جدید، بهبود عناصر و مشاهده تکامل عناصر در شکل و هدف، در طول روند ساخت یک سیستم دیزاینی میتواند پروژهای جذاب برای هر طراحی باشد.
دونلا میدوز نویسنده کتاب "تفکر در سیستمها"، به ۳ ایده اساسی اشاره میکند که توجه به آنها برای طراحی یک سیستم دیزاینی کارآمد دارای اهمیت میباشد:
- عناصر موجود در سیستم چه هستند؟
- ارتباطات بین این عناصر چگونه است؟
- هدف کلی سیستم چیست؟
در مقاله امروز نویسنده تجربه خود از نحوه ساخت یک نقشه برای دیزاین سیستمها را با مخاطبان به اشتراک گذاشته و به بیان روشی موفقیت آمیز برای شناسایی اجزای مختلف یک سیستم و درک نحوه ارتباط بین این اجزا پرداخته است.
https://bit.ly/dxgn719-0
(زمان مورد نیاز برای مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینسیستم #تجربهکاربری
@Dexign فلسفه دیزاین
_______
در دنیای رقابتی تکنولوژی جهانی، نیاز به دیزاین بیش از هر زمان دیگری احساس میشود. بهطوری که بهرهگیری مناسب از سیستمهای دیزاین به یکی از نقاط قوت شرکتها و یا محصولات تبدیل شده است. این قبیل شرکتها در طول زمان، به بهبود تجربه کاربر به عنوان یک تمایز دهنده اصلی اعتماد کردهاند که این موضوع منجر به درخواستهای متوالی شرکتها از طراحان جهت ایجاد تجربه لذتبخشتر برای کاربران شده است. در چنین شرایطی که طراحان از یک طرف ملزم به انجام پروژه های بیشتر و کار سریعتر میباشند و از سوی دیگر میبایست محصولاتی با کیفیت بالاتر تحویل دهند؛ اگر هیچ زبان دیزاین استانداردی برای طراحان وجود نداشته باشد، آنها با مشکلات بسیاری مواجه خواهند بود.
ساخت یک سیستم دیزاینی کار سادهای نیست، اما نتیجه آن میتواند لذتبخش باشد. برخورد با مواردی همچون کشف ارتباط بین عناصر، ساخت ارتباطات جدید، بهبود عناصر و مشاهده تکامل عناصر در شکل و هدف، در طول روند ساخت یک سیستم دیزاینی میتواند پروژهای جذاب برای هر طراحی باشد.
دونلا میدوز نویسنده کتاب "تفکر در سیستمها"، به ۳ ایده اساسی اشاره میکند که توجه به آنها برای طراحی یک سیستم دیزاینی کارآمد دارای اهمیت میباشد:
- عناصر موجود در سیستم چه هستند؟
- ارتباطات بین این عناصر چگونه است؟
- هدف کلی سیستم چیست؟
در مقاله امروز نویسنده تجربه خود از نحوه ساخت یک نقشه برای دیزاین سیستمها را با مخاطبان به اشتراک گذاشته و به بیان روشی موفقیت آمیز برای شناسایی اجزای مختلف یک سیستم و درک نحوه ارتباط بین این اجزا پرداخته است.
https://bit.ly/dxgn719-0
(زمان مورد نیاز برای مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینسیستم #تجربهکاربری
@Dexign فلسفه دیزاین
_______
Medium
Building a Design System? Start with a Map
When building complex systems with many dependencies, a map is a great starting point for better understanding, alignment and optimization.
دید عقاب روی دیزاین
احتمالا اگر جزو آن دسته از افراد کمالگرا باشید، یکی از بزرگترین مشکلات شما نرسیدن به ددلاینهاست. پروژه را شروع کردهاید ولی آنقدر زمان را صرف یک قسمت از دیزاین، تکمیل و بهتر کردن آن کردهاید که دیگر وقتی برای سایر قسمتها نمانده است.
امروز قرار نیست یکی از روشهای مدیریت زمان را معرفی کنیم. بلکه میخواهیم شما را با یکی از بهترین تکنیکهای طراحی که تابهحال با آن روبرو شدهایم آشنا کنیم.
همگی کم و بیش ساخته شدن ساختمانهای توی کوچه و خیابان را از نزدیک دیدهایم. آيا موردی بوده است که به عنوان مثال اول آشپزخانهی واحد آپارتمانی کامل ساختهشود و بعد به سراغ ساختن دیگر قسمتهای ساختمان بروند؟ تقریبا امکان پذیر است ولی دید درست و جامعی به کارفرما نمیدهد و همچنین بودجه و زمان را فدای قسمتی میکند که تنها بخش کوچکی از پروژهی شماست.
طراحی به سبک لایهلایه همان چیزیست که هم هدف پروژه را تحویل میدهد و هم نتیجهی نهایی را بهتر میکند. شما همانند یک عقاب تسلط کافی روی تمامی جزئیات و مراحل دیزاین خود دارید. و هر موقع که زمان تحویل فرا برسد یا در میانهی راه از شما بپرسند در چه مرحلهای هستید و مسیرهای بعدی چیست، میتوانید پاسخی درخور و مناسب از روندی که طی کردید با ارائهی دیزاینهای خود بدهید.
مشتاقانه شما را به خواندن این تکنینک مهم دعوت میکنم و امیدوارم که از این روش در دیزاینهای خود بهره ببرید:
https://bit.ly/dxgn720
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: حسین میرزاده
#رابط_کاربری #تکنیک #روند #تحویل #طراحی_محصول
@Dexign فلسفه دیزاین
______
احتمالا اگر جزو آن دسته از افراد کمالگرا باشید، یکی از بزرگترین مشکلات شما نرسیدن به ددلاینهاست. پروژه را شروع کردهاید ولی آنقدر زمان را صرف یک قسمت از دیزاین، تکمیل و بهتر کردن آن کردهاید که دیگر وقتی برای سایر قسمتها نمانده است.
امروز قرار نیست یکی از روشهای مدیریت زمان را معرفی کنیم. بلکه میخواهیم شما را با یکی از بهترین تکنیکهای طراحی که تابهحال با آن روبرو شدهایم آشنا کنیم.
همگی کم و بیش ساخته شدن ساختمانهای توی کوچه و خیابان را از نزدیک دیدهایم. آيا موردی بوده است که به عنوان مثال اول آشپزخانهی واحد آپارتمانی کامل ساختهشود و بعد به سراغ ساختن دیگر قسمتهای ساختمان بروند؟ تقریبا امکان پذیر است ولی دید درست و جامعی به کارفرما نمیدهد و همچنین بودجه و زمان را فدای قسمتی میکند که تنها بخش کوچکی از پروژهی شماست.
طراحی به سبک لایهلایه همان چیزیست که هم هدف پروژه را تحویل میدهد و هم نتیجهی نهایی را بهتر میکند. شما همانند یک عقاب تسلط کافی روی تمامی جزئیات و مراحل دیزاین خود دارید. و هر موقع که زمان تحویل فرا برسد یا در میانهی راه از شما بپرسند در چه مرحلهای هستید و مسیرهای بعدی چیست، میتوانید پاسخی درخور و مناسب از روندی که طی کردید با ارائهی دیزاینهای خود بدهید.
مشتاقانه شما را به خواندن این تکنینک مهم دعوت میکنم و امیدوارم که از این روش در دیزاینهای خود بهره ببرید:
https://bit.ly/dxgn720
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: حسین میرزاده
#رابط_کاربری #تکنیک #روند #تحویل #طراحی_محصول
@Dexign فلسفه دیزاین
______
Medium
Delivering your work in layers
Getting used to sharing work in progress to make more efficient design decisions.
نکاتی برای طراحی بهتر صفحات ثبت نام
صفحات ثبتنام و ورود، اولین صفحاتی هستند که کاربر در هنگام استفاده از اکثر برنامهها با آنها روبرو میشود و نقش بسزایی در نمایش زیبایی، کاربردپذیری و اعتبار یک برنامه در نظر کابران دارند. همانطور که مثال معروفی میگوید: “متاسفانه، مردم کتابها را براساس جلد آنها ارزیابی میکنند”.
در نقطه مقابل، اکثر طراحان و توسعهدهندگان اهمیت این صفحات را فراموش کردهاند، چرا که بیشتر کاربران با صفحات افتضاح از این نوع روبرو میشوند. بنابراین در ادامهی این مقاله، چندین نکته کاربردی را با شما مرور خواهیم کرد تا صفحات ثبتنام و ورود بهتری نسبت به گذشته طراحی کنید.
۱- ورود در مقابل ثبتنام
در مورد اینکه کدام صفحه را ابتدا نشان دهید باید این نکته را در نظر بگیرید که کاربران شما جدید هستند یا بازگشتی؟! سپس میتوانید بر اساس اهمیت هریک، آنها را برجسته کنید. نکتهی دیگری که در این قسمت باید رعایت کنید این است که سوییچ بین صفحات باید به راحتی هرچه تمام باشد.
۲- شبکههای اجتماعی یا ایمیل
یکی دیگر از گزینههایی که باید براساس دادهها انتخاب کنید، ورود به وسیله ایمیل یا شبکههای اجتماعی و برتری یکی بر دیگری است. برای مثال، اگر اکثر کاربران شما دارای حساب کاربری Gmail هستند میتوانید “ورود به وسیلهی Gmail” را گزینهی اول در صفحهی ورود قرار دهید. همچنین نحوهی ورود براساس هر دو مدل، بهتر است در یک صفحه ترکیب شوند.
۳- عمل “heavy lifting” را انجام دهید!
یکی از سادهترین نکاتی که نشاندهندهی توجه کسب و کار شما در ارائهی بهترین تجربه کاربری برای کاربران خود است. برای مثال، اگر کاربری قبلا ثبتنام کرده و اقدام به ثبتنام دوباره میکند، تنها نشان دادن اخطار “شما باید وارد شوید” کافی نیست. او را به صفحهی ورود هدایت کرده و بخش ایمیل او را پر کنید و از او بخواهید کلمه عبور خود را وارد کند.
۴- کلمه عبورها
کلمه عبورها بیشتر مواقع میتوانند از گیجکنندهترین و ناامیدکنندهترین قسمتها باشند. بنابراین رعایت موارد زیر الزامیست:
- از کاربران خود نخواهید تا کلمهی عبور خود را دوبار تکرار کنند، به جای آن میتوانید با افزودن قابلیت “نمایش کلمه عبور” از بروز مشکل در کلمه عبور آنها جلوگیری کنید.
- آخرین کاراکتر واردشده توسط کاربران به عنوان کلمه عبور را نشان دهید، این عمل کمک بسزای در تشخیص اشتباه آن ها خواهد داشت.
- موارد مورد نیاز برای کلمه عبور خوب و امن را نشان دهید.
۵- کمتر بهتر است!
در صفحه ثبتنام، هرچه اطلاعات کمتری از کاربر بخواهید، بهتر است. قبل از درخواست هر اطلاعاتی از خود بپرسید “آیا برای ثبتنام کاربر واقعا به همه این اطلاعات نیاز دارم؟!” و اگر پاسخ منفی بود، آن را حذف کنید. به یاد داشته باشید، بعدا میتوانید اطلاعات بیشتری از کاربر درخواست کنید. زدن تیک موافقت با “قوانین و مقررات” کافی نیست، ابتدا آنها را به کاربران نشان داده و سپس تاییده آنها را بگیرید تا حداقل بدانند چه قوانینی را قبول میکنند.
۶- درخواست دسترسیهای لازم
در همان ابتدای ورود، تمامی دسترسیها را از کاربر درخواست نکنید. به جای آن به مرور در صورت نیاز، دسترسیها را درخواست کنید و دلیل آن را برای کاربر بیان کنید.
۷- آنها را تست کنید!
این نکات به شما کمک میکنند تا تجربه ورود به سیستم و ثبت نام را بهبود ببخشید، اما صرفا در حد نکته هستند. چیزی که در اینجا مهم است این است که شما باید این صفحات را تست کرده و با کاربرانتان آزمایش کنید و سپس آنها را بر اساس بازخورد کاربرانتان اصلاح کنید.
در ادامه، محتوای کامل مقاله در لینک زیر قابل مشاهده است:
https://bit.ly/dxgn722
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #صفحه #ثبت_نام #بهبود #ورود #اطلاعات #کاربر #کلمه_عبور
@Dexign فلسفه دیزاین
______
صفحات ثبتنام و ورود، اولین صفحاتی هستند که کاربر در هنگام استفاده از اکثر برنامهها با آنها روبرو میشود و نقش بسزایی در نمایش زیبایی، کاربردپذیری و اعتبار یک برنامه در نظر کابران دارند. همانطور که مثال معروفی میگوید: “متاسفانه، مردم کتابها را براساس جلد آنها ارزیابی میکنند”.
در نقطه مقابل، اکثر طراحان و توسعهدهندگان اهمیت این صفحات را فراموش کردهاند، چرا که بیشتر کاربران با صفحات افتضاح از این نوع روبرو میشوند. بنابراین در ادامهی این مقاله، چندین نکته کاربردی را با شما مرور خواهیم کرد تا صفحات ثبتنام و ورود بهتری نسبت به گذشته طراحی کنید.
۱- ورود در مقابل ثبتنام
در مورد اینکه کدام صفحه را ابتدا نشان دهید باید این نکته را در نظر بگیرید که کاربران شما جدید هستند یا بازگشتی؟! سپس میتوانید بر اساس اهمیت هریک، آنها را برجسته کنید. نکتهی دیگری که در این قسمت باید رعایت کنید این است که سوییچ بین صفحات باید به راحتی هرچه تمام باشد.
۲- شبکههای اجتماعی یا ایمیل
یکی دیگر از گزینههایی که باید براساس دادهها انتخاب کنید، ورود به وسیله ایمیل یا شبکههای اجتماعی و برتری یکی بر دیگری است. برای مثال، اگر اکثر کاربران شما دارای حساب کاربری Gmail هستند میتوانید “ورود به وسیلهی Gmail” را گزینهی اول در صفحهی ورود قرار دهید. همچنین نحوهی ورود براساس هر دو مدل، بهتر است در یک صفحه ترکیب شوند.
۳- عمل “heavy lifting” را انجام دهید!
یکی از سادهترین نکاتی که نشاندهندهی توجه کسب و کار شما در ارائهی بهترین تجربه کاربری برای کاربران خود است. برای مثال، اگر کاربری قبلا ثبتنام کرده و اقدام به ثبتنام دوباره میکند، تنها نشان دادن اخطار “شما باید وارد شوید” کافی نیست. او را به صفحهی ورود هدایت کرده و بخش ایمیل او را پر کنید و از او بخواهید کلمه عبور خود را وارد کند.
۴- کلمه عبورها
کلمه عبورها بیشتر مواقع میتوانند از گیجکنندهترین و ناامیدکنندهترین قسمتها باشند. بنابراین رعایت موارد زیر الزامیست:
- از کاربران خود نخواهید تا کلمهی عبور خود را دوبار تکرار کنند، به جای آن میتوانید با افزودن قابلیت “نمایش کلمه عبور” از بروز مشکل در کلمه عبور آنها جلوگیری کنید.
- آخرین کاراکتر واردشده توسط کاربران به عنوان کلمه عبور را نشان دهید، این عمل کمک بسزای در تشخیص اشتباه آن ها خواهد داشت.
- موارد مورد نیاز برای کلمه عبور خوب و امن را نشان دهید.
۵- کمتر بهتر است!
در صفحه ثبتنام، هرچه اطلاعات کمتری از کاربر بخواهید، بهتر است. قبل از درخواست هر اطلاعاتی از خود بپرسید “آیا برای ثبتنام کاربر واقعا به همه این اطلاعات نیاز دارم؟!” و اگر پاسخ منفی بود، آن را حذف کنید. به یاد داشته باشید، بعدا میتوانید اطلاعات بیشتری از کاربر درخواست کنید. زدن تیک موافقت با “قوانین و مقررات” کافی نیست، ابتدا آنها را به کاربران نشان داده و سپس تاییده آنها را بگیرید تا حداقل بدانند چه قوانینی را قبول میکنند.
۶- درخواست دسترسیهای لازم
در همان ابتدای ورود، تمامی دسترسیها را از کاربر درخواست نکنید. به جای آن به مرور در صورت نیاز، دسترسیها را درخواست کنید و دلیل آن را برای کاربر بیان کنید.
۷- آنها را تست کنید!
این نکات به شما کمک میکنند تا تجربه ورود به سیستم و ثبت نام را بهبود ببخشید، اما صرفا در حد نکته هستند. چیزی که در اینجا مهم است این است که شما باید این صفحات را تست کرده و با کاربرانتان آزمایش کنید و سپس آنها را بر اساس بازخورد کاربرانتان اصلاح کنید.
در ادامه، محتوای کامل مقاله در لینک زیر قابل مشاهده است:
https://bit.ly/dxgn722
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #صفحه #ثبت_نام #بهبود #ورود #اطلاعات #کاربر #کلمه_عبور
@Dexign فلسفه دیزاین
______
Medium
Designing better sign-up screens
To help you put your best foot forward, I want to share a few simple tips for improving the design of signup & sign-in screens for apps.
رفتار یا گفتار؟ مساله این است!
«یا چگونه میتوانیم درک درستتری نسبت به رفتار کاربرانمان بهدست بیاوریم.»
زمانی طراحی خاص یک محصول اهمیت زیادی داشت، انقدر که گاهی اهمیت طراحی از کاربردپذیری محصول بیشتر شده و در نتیجه طراحیهای زیبایی خلق میشد که امکان کار کردن با آن به سختی ممکن بود. خوشبختانه این روش رفتهرفته به کنار رانده شد و کاربردپذیری طرحها اهمیت بیشتری نسبت به زیبایی آنها پیدا کرد اما همچنان با محصولات پیچیدهای مواجه هستیم که کار کردن با آنها چندان راحت نیست.
به طور کلی تمام محصولات و خدمات برای استفاده کاربران و در راستای رفع مشکلات و برطرف کردن نیازهای آنها طراحی میشوند. به همین دلیل است که طراحان تلاش میکنند تا با استفاده از روشهای متفاوت شناخت بهتری نسبت به کاربرانشان پیدا کنند. اما گاهی اشتباه بودن اطلاعاتی که از کاربرانشان جمع آوری میکنند باعث میشود تا مسیری غلط را در پیش بگیرند و طراحیهای خود را بر پایه یک اشتباه انجام دهند.
اما چه چیزی باعث به وجود آمدن این اشتباه میشود؟ تصور کنید که محصولی را در برابر کاربری که تاکنون تجربه استفاده از آن نداشته است قرار میدهید. عدم شناخت کاربر نسبت به آن محصول باعث میشود تا نظرات اون تنها بر پایه مشاهداتش باشد و این نظرات معمولا برخلاف بازخوردهای کاربران پس از کار کردن با آن محصول است. بررسی رفتار کاربر هنگام کار با محصول سادهترین راه برای رفع چنین مشکلاتی است. زیرا اکثر کاربران مشکلات خود را به درستی نمی شناسند و دقیقا نمیدانند که به چیزی نیاز دارند پس شاید بهتر است که برای به دست آوردن درک درستی از رفتار کاربران و رسیدن به یک تجربه کاربری خوب، بهجای گوش کردن به صحبتهای کاربران به رفتارشان توجه کنید.
دنیا پر از کسبوکارهای است که به دلیل شناخت نادرست از کاربرانشان مسیری اشتباه را در پیش گرفتند و در نهایت شکست خوردند. اگر علاقهمند هستید که درباره روشهای درست شناخت کابران بیشتر بدانید پیشنهاد میکنم که این مقاله را مطالعه کنید.
https://bit.ly/36QXtT0
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #کاربردپذیری
@Dexign فلسفه دیزاین
_______
«یا چگونه میتوانیم درک درستتری نسبت به رفتار کاربرانمان بهدست بیاوریم.»
زمانی طراحی خاص یک محصول اهمیت زیادی داشت، انقدر که گاهی اهمیت طراحی از کاربردپذیری محصول بیشتر شده و در نتیجه طراحیهای زیبایی خلق میشد که امکان کار کردن با آن به سختی ممکن بود. خوشبختانه این روش رفتهرفته به کنار رانده شد و کاربردپذیری طرحها اهمیت بیشتری نسبت به زیبایی آنها پیدا کرد اما همچنان با محصولات پیچیدهای مواجه هستیم که کار کردن با آنها چندان راحت نیست.
به طور کلی تمام محصولات و خدمات برای استفاده کاربران و در راستای رفع مشکلات و برطرف کردن نیازهای آنها طراحی میشوند. به همین دلیل است که طراحان تلاش میکنند تا با استفاده از روشهای متفاوت شناخت بهتری نسبت به کاربرانشان پیدا کنند. اما گاهی اشتباه بودن اطلاعاتی که از کاربرانشان جمع آوری میکنند باعث میشود تا مسیری غلط را در پیش بگیرند و طراحیهای خود را بر پایه یک اشتباه انجام دهند.
اما چه چیزی باعث به وجود آمدن این اشتباه میشود؟ تصور کنید که محصولی را در برابر کاربری که تاکنون تجربه استفاده از آن نداشته است قرار میدهید. عدم شناخت کاربر نسبت به آن محصول باعث میشود تا نظرات اون تنها بر پایه مشاهداتش باشد و این نظرات معمولا برخلاف بازخوردهای کاربران پس از کار کردن با آن محصول است. بررسی رفتار کاربر هنگام کار با محصول سادهترین راه برای رفع چنین مشکلاتی است. زیرا اکثر کاربران مشکلات خود را به درستی نمی شناسند و دقیقا نمیدانند که به چیزی نیاز دارند پس شاید بهتر است که برای به دست آوردن درک درستی از رفتار کاربران و رسیدن به یک تجربه کاربری خوب، بهجای گوش کردن به صحبتهای کاربران به رفتارشان توجه کنید.
دنیا پر از کسبوکارهای است که به دلیل شناخت نادرست از کاربرانشان مسیری اشتباه را در پیش گرفتند و در نهایت شکست خوردند. اگر علاقهمند هستید که درباره روشهای درست شناخت کابران بیشتر بدانید پیشنهاد میکنم که این مقاله را مطالعه کنید.
https://bit.ly/36QXtT0
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #کاربردپذیری
@Dexign فلسفه دیزاین
_______
Nielsen Norman Group
First Rule of Usability? Don't Listen to Users
For good UX, watch what users do, not what they say. Self-reported claims and speculations about future behavior are unreliable. Users do not know what they want.
چهارچوبهای هوشمند
نقش گرید در طراحی رابط کاربری تلفن همراه
تعادل در طرح یکی از اصول مهم در طراحی است و یکی از سادهترین روشهای ایجاد آن استفاده از گرید (Grid) است. گریدها یکی از ابزارهای اصلی طراحی هستند که به طراحان کمک میکنند تا با ایجاد هماهنگی و سازگاری بین عناصر طرح، یک سیستم بصری هماهنگ، یکپارچه، منظم و تراز ایجاد کنند تا ترکیببندی کار از استحکام بیشتری برخوردار شده و طرح منظم و زیباتر بهنظر برسد.
آناتومی یک گرید از سه بخش تشکیل میشود، ستونها، شیارها و حاشیه طرفین. معمولا از ترکیبها و اندازههای متفاوتی از این سه برای ساخت گرید در طراحی دیوایسهای مختلف استفاده میکنند. شاید پیشنهادهایی برای ساخت گرید مربوط به هر دیوایس وجود داشته باشد ولی در واقع اینها قوانین غیرقابل نقض نیستند و میتوان آنها را با توجه به طرح تغییر داد.
برای مثال معمولا گرید ۴ ستونی برای طراحی تلفن همراه پیشنهاد میشود اما یکی از راحتترین گریدها برای آن استفاده از گرید ۱۲ ستونی (مشابه وب) است چون امکان قرار گرفتن تعداد عناصر زوج و فرد را در یک ردیف ایجاد میکند، اما تنها عیب آن این است که عرض ستونها بسیار کم است و امکان ایجاد عناصری با عرض یک ستون بهندرت ممکن میشود.
این موضوع در مورد شیارها و حاشیه طرفین هم وجود دارد، مثلا حداقل حاشیه پیشنهادی برای اندروید و iOs را ۱۶pt در نظر میگیرند. اندازه حاشیه نباید کمتر از این باشد اما میتوان اندازه بزرگتری را برای آن درنظر گرفت. یا اندازه شیارها را نیز به گونهای انتخاب کرد که با اندازه ستونها هماهنگ باشد.
نکته مهم در استفاده از گریدها هماهنگی میان سه عنصر تشکیل دهنده آن است. درک کامل نحوه کار گریدها و قوانین آنها این امکان را ایجاد میکند تا آنها را بر مبنای ماهیت طراحی خود بسازید و در نهایت طرحی سازمانیافته و هماهنگ ایجاد کنید.
اگر به آشنایی با نکات و ترفندهای کاربردی برای ساخت گریدهای طراحی رابط کاربری تلفن همراه علاقهمندید این مقاله را بخوانید.
http://bit.ly/dxgn723
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: فیروزه ایمانی
#طراحیوب #رابط_کاربری #گرید
@Dexign فلسفه دیزاین
______
نقش گرید در طراحی رابط کاربری تلفن همراه
تعادل در طرح یکی از اصول مهم در طراحی است و یکی از سادهترین روشهای ایجاد آن استفاده از گرید (Grid) است. گریدها یکی از ابزارهای اصلی طراحی هستند که به طراحان کمک میکنند تا با ایجاد هماهنگی و سازگاری بین عناصر طرح، یک سیستم بصری هماهنگ، یکپارچه، منظم و تراز ایجاد کنند تا ترکیببندی کار از استحکام بیشتری برخوردار شده و طرح منظم و زیباتر بهنظر برسد.
آناتومی یک گرید از سه بخش تشکیل میشود، ستونها، شیارها و حاشیه طرفین. معمولا از ترکیبها و اندازههای متفاوتی از این سه برای ساخت گرید در طراحی دیوایسهای مختلف استفاده میکنند. شاید پیشنهادهایی برای ساخت گرید مربوط به هر دیوایس وجود داشته باشد ولی در واقع اینها قوانین غیرقابل نقض نیستند و میتوان آنها را با توجه به طرح تغییر داد.
برای مثال معمولا گرید ۴ ستونی برای طراحی تلفن همراه پیشنهاد میشود اما یکی از راحتترین گریدها برای آن استفاده از گرید ۱۲ ستونی (مشابه وب) است چون امکان قرار گرفتن تعداد عناصر زوج و فرد را در یک ردیف ایجاد میکند، اما تنها عیب آن این است که عرض ستونها بسیار کم است و امکان ایجاد عناصری با عرض یک ستون بهندرت ممکن میشود.
این موضوع در مورد شیارها و حاشیه طرفین هم وجود دارد، مثلا حداقل حاشیه پیشنهادی برای اندروید و iOs را ۱۶pt در نظر میگیرند. اندازه حاشیه نباید کمتر از این باشد اما میتوان اندازه بزرگتری را برای آن درنظر گرفت. یا اندازه شیارها را نیز به گونهای انتخاب کرد که با اندازه ستونها هماهنگ باشد.
نکته مهم در استفاده از گریدها هماهنگی میان سه عنصر تشکیل دهنده آن است. درک کامل نحوه کار گریدها و قوانین آنها این امکان را ایجاد میکند تا آنها را بر مبنای ماهیت طراحی خود بسازید و در نهایت طرحی سازمانیافته و هماهنگ ایجاد کنید.
اگر به آشنایی با نکات و ترفندهای کاربردی برای ساخت گریدهای طراحی رابط کاربری تلفن همراه علاقهمندید این مقاله را بخوانید.
http://bit.ly/dxgn723
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: فیروزه ایمانی
#طراحیوب #رابط_کاربری #گرید
@Dexign فلسفه دیزاین
______
Medium
Digging deep in layout grids in mobile app design
Practical tips and tricks to help you build better layout grids for mobile apps.
دسخط: یک هدیه یلدایی
دیشب فال #یلدا 🍉 گرفتیم و آمد که:
ای صبا نکهتی از خاک ره یار بیار
ببر اندوه دل و مژده دلدار بیار
ما هم برای شما هدیهای جذاب از طرف استودیو دیزاین (Dexign Studio) آماده کردیم.
همیشه انتخاب فونت در فارسی کار سختی بوده چراکه همه فونتهای فارسی به ندرت یکجا تجمیع شدند و یا تست کردنشان قبل از خرید، کار سختیست.
برای رفع این مشکل سرویسی ساختیم که بتوانید فونتها را با متنهای دلخواه تست کرده و بعد از مقایسهی آنها، دریافتشان کرده یا از سازنده فونت بخریدشان.
دسخط؛ سرویس مشاهده و مقایسه فونتهای فارسی 💫
Daskhat.com
__
دیشب فال #یلدا 🍉 گرفتیم و آمد که:
ای صبا نکهتی از خاک ره یار بیار
ببر اندوه دل و مژده دلدار بیار
ما هم برای شما هدیهای جذاب از طرف استودیو دیزاین (Dexign Studio) آماده کردیم.
همیشه انتخاب فونت در فارسی کار سختی بوده چراکه همه فونتهای فارسی به ندرت یکجا تجمیع شدند و یا تست کردنشان قبل از خرید، کار سختیست.
برای رفع این مشکل سرویسی ساختیم که بتوانید فونتها را با متنهای دلخواه تست کرده و بعد از مقایسهی آنها، دریافتشان کرده یا از سازنده فونت بخریدشان.
دسخط؛ سرویس مشاهده و مقایسه فونتهای فارسی 💫
Daskhat.com
__
هنر قصهگویی؛
اصول و استراتژی در تجربهی کاربری
«پس از غذا، سرپناه و معاشرت با آدمها ، داستانها همان چیزی هستند که در دنیا بیشتر به آنها نیاز داریم.»
ــــ نقل قول از PHILIP PULLMAN
و اما قصهگویی چیست؟
به هنر تعاملی استفاده از کلمات و اقدامات برای معلوم کردن عناصر و تصاویر یک داستان در حالی که تخیل شنونده را تحریک میکند، داستانسرایی میگویند.
شاید ایام قبل کرونا را این روزها با خود بسیار مرور کنید، جمعهای دوستانه، خانوادگی و یا حتی کاری خود را به یاد آورید در حالی که دور هم جمع شدید و هرکسی از چیزی میگوید و احساسات شما را برمیانگیزاند. میخندید، متعجب میشوید و در آخر از آن جمع هر قصهای که قدرتمندتر باشد، تأثیر آن در ذهن شما بیشتر است.
داستانها ما را وارد مکان جدیدی میکنند، ذهن ما را باز میکنند. بگذارید شما را با مطالعهای که توسط دانشگاه Carnegie Mellon انجام شده است آشنا کنم. محققان ۲ نسخهی مختلف از نامهای را تدارک دیدند. موضوع نامه درخواست کمکهای مالی برای یک کشور جهان سومی بود.
محتوای نامه در نسخه اول:
آمار وحشتناکی از شرایط ناگوار زندگی، تعداد افرادی که بدون آب و غذای سالم زندگی میکنند و … .
محتوای نامه در نسخه دوم:
داستان دلخراشی، در مورد دختری که در آن کشور جهان سومی زندگی میکرد.
نتیجه:
محتوای نامهای که بر اساس یک داستان نوشته شده بود، باعث شد ۱۱۸ درصد کمکهای مالی بیشتری دریافت شود.
اما چگونه میتوانیم از قصهگویی در دنیای دیزاین دیجیتال بهره ببریم؟
وظیفه ما به عنوان یک داستانگوی دیجیتال این است که نویسنده باشیم و قسمت گرافیکی روایت را که با قسمت کلامی داستان در هم آمیخته است را بسازیم. با دنبال کردن مراحل مشابه نویسندگان، قادر خواهیم بود محتوایی را طراحی کنیم که تأثیر ماندگاری بر مخاطبانمان بگذارد.
- رویکرد ما از دیدگاه داستانگویی چه باید باشد؟
- داستانی که میخواهیم تعریف کنیم چیست؟
- چگونه میخواهیم که داستان ما به آدمها، حسی را منتقل کند؟
- و در آخر میخواهیم که این احساسات، آدمها را مجبور به انجام چه کاری بکند؟
اما چطور می توانیم این مهارت مهم را در خود تقویت کنیم؟
پیشنهاد ما خواندن مقالات زیر است که بهترین تکنیکهای قصهگویی را واکاوی می کند:
http://bit.ly/dxgn725-1
http://bit.ly/dxgn725-2
- پینوشت و یک جایزهی کوچولو:
مطلب بالا ترجمهی آزادی بود از لینک زیر، اسکرول کنید و به انتهای آن که رسیدید، ۴ روش خلاصه و کارا را برای داستانگویی بهتر توضیح داده است. اگر فرصت نکردید که مقالات بالا را مطالعه کنید. حتما به آن سر بزنید. خود وبسایت storytelling.design یکی از منابع خوب در زمینهی قصهگوییست.
http://bit.ly/dxgn725-PS
(زمان حدودی مطالعهی مقالهی اول: ۹ دقیقه،
و مقالهی دوم: ۹ دقیقه)
نویسنده: حسین میرزاده
#قصه_گویی #داستان_سرایی #تجربه_کاربری #داستان
@Dexign فلسفه دیزاین
______
اصول و استراتژی در تجربهی کاربری
«پس از غذا، سرپناه و معاشرت با آدمها ، داستانها همان چیزی هستند که در دنیا بیشتر به آنها نیاز داریم.»
ــــ نقل قول از PHILIP PULLMAN
و اما قصهگویی چیست؟
به هنر تعاملی استفاده از کلمات و اقدامات برای معلوم کردن عناصر و تصاویر یک داستان در حالی که تخیل شنونده را تحریک میکند، داستانسرایی میگویند.
شاید ایام قبل کرونا را این روزها با خود بسیار مرور کنید، جمعهای دوستانه، خانوادگی و یا حتی کاری خود را به یاد آورید در حالی که دور هم جمع شدید و هرکسی از چیزی میگوید و احساسات شما را برمیانگیزاند. میخندید، متعجب میشوید و در آخر از آن جمع هر قصهای که قدرتمندتر باشد، تأثیر آن در ذهن شما بیشتر است.
داستانها ما را وارد مکان جدیدی میکنند، ذهن ما را باز میکنند. بگذارید شما را با مطالعهای که توسط دانشگاه Carnegie Mellon انجام شده است آشنا کنم. محققان ۲ نسخهی مختلف از نامهای را تدارک دیدند. موضوع نامه درخواست کمکهای مالی برای یک کشور جهان سومی بود.
محتوای نامه در نسخه اول:
آمار وحشتناکی از شرایط ناگوار زندگی، تعداد افرادی که بدون آب و غذای سالم زندگی میکنند و … .
محتوای نامه در نسخه دوم:
داستان دلخراشی، در مورد دختری که در آن کشور جهان سومی زندگی میکرد.
نتیجه:
محتوای نامهای که بر اساس یک داستان نوشته شده بود، باعث شد ۱۱۸ درصد کمکهای مالی بیشتری دریافت شود.
اما چگونه میتوانیم از قصهگویی در دنیای دیزاین دیجیتال بهره ببریم؟
وظیفه ما به عنوان یک داستانگوی دیجیتال این است که نویسنده باشیم و قسمت گرافیکی روایت را که با قسمت کلامی داستان در هم آمیخته است را بسازیم. با دنبال کردن مراحل مشابه نویسندگان، قادر خواهیم بود محتوایی را طراحی کنیم که تأثیر ماندگاری بر مخاطبانمان بگذارد.
- رویکرد ما از دیدگاه داستانگویی چه باید باشد؟
- داستانی که میخواهیم تعریف کنیم چیست؟
- چگونه میخواهیم که داستان ما به آدمها، حسی را منتقل کند؟
- و در آخر میخواهیم که این احساسات، آدمها را مجبور به انجام چه کاری بکند؟
اما چطور می توانیم این مهارت مهم را در خود تقویت کنیم؟
پیشنهاد ما خواندن مقالات زیر است که بهترین تکنیکهای قصهگویی را واکاوی می کند:
http://bit.ly/dxgn725-1
http://bit.ly/dxgn725-2
- پینوشت و یک جایزهی کوچولو:
مطلب بالا ترجمهی آزادی بود از لینک زیر، اسکرول کنید و به انتهای آن که رسیدید، ۴ روش خلاصه و کارا را برای داستانگویی بهتر توضیح داده است. اگر فرصت نکردید که مقالات بالا را مطالعه کنید. حتما به آن سر بزنید. خود وبسایت storytelling.design یکی از منابع خوب در زمینهی قصهگوییست.
http://bit.ly/dxgn725-PS
(زمان حدودی مطالعهی مقالهی اول: ۹ دقیقه،
و مقالهی دوم: ۹ دقیقه)
نویسنده: حسین میرزاده
#قصه_گویی #داستان_سرایی #تجربه_کاربری #داستان
@Dexign فلسفه دیزاین
______
Medium
Strategic Storytelling for Designers
How to Align User Research Presentations for Decision Making
تجربه مشتری (CX) در مقابل تجربه کاربری (UX)
دو اصطلاح CX و UX گرچه مکمل یکدیگرند اما معنای کاملاً متفاوتی دارند. با این وجود اغلب اوقات توسط صاحبان محصولات به اشتباه گویی که یکسان باشند به جای یکدیگر استفاده میشوند.
این سردرگمی، ناشی از برداشتهای متفاوت از تعریف مشتری است. از آنجایی که کاربران محصول ما، همان مشتریان ما بحساب میآیند به اشتباه اینگونه بنظر میرسد تجربه کاربر و تجربه مشتری باید معادل هم باشند، ولی اینطور نیست و برای اینکه کاربران/مشتریان شما بخواهند از بهترین تجربه ممکن محصول و نام تجاری شما لذت ببرند درک تمایز تجربه کاربری و تجربه مشتری بسیار مهم است.
تجربه کاربر چیست؟
مفهوم تجربه کاربری مختص یک محصول است که میتواند برنامه، نرم افزار و یا وبسایت باشد و UX همان تجربهای است که کاربر/مشتری هنگام تعامل با آن محصول تجربه میکند.
رابط کاربری، قابلیت استفاده، نویگیشن، سلسله مراتب بصری، معماری اطلاعات و غیره در یک محصول با هم ترکیب می شوند و یک تجربه کاربری ایجاد میکنند که برای کاربران آن محصول میتواند تجربهای لذت بخش و یا منفی باشد. بر این اساس، طراحی UX فرآیند طراحی محصولاتی است که بتوان آسان و لذت بخش از آنها استفاده کرد.
تجربه کاربری UX با معیارهایی اندازهگیری میشود که حول عملکرد و کاربرد محصول میچرخند. به طور مثال: درصدی از کاربرانی که هدفی را در محصول شما انجام میدهند یا به مرحلهای می رسند که شما میخواهید به آن برسند، تعداد اشتباهاتی که کاربران هنگام انجام یک کار مرتکب میشوند، مدت زمانی که کاربران برای انجام یک کار صرف میکنند، تعداد کلیکهایی که کاربران قبل از انجام یک کار انجام میدهند و درصد کاربرانی که کار را قبل از انجام آن رها میکنند.
تجربه مشتری چیست؟
تجربه مشتری مفهومی بسیار بزرگتر است. CX مربوط به تجربهای است که کاربر/مشتری هر زمان با برند مجموعه (نه فقط یک محصول) تعامل کند، با آن مواجه میشود. به عبارت دیگر تجربه مشتری از برخورد با یک برنامه، نرم افزار یا وبسایت، که به تنهایی برند یک مجموعه را تشکیل نمیدهند نیست.
تعاملات CX تشکیل شده از تاثیر مجموعهای از تبلیغات، کانالهای رسانههای اجتماعی، استراتژی بازاریابی، پروسه فروش، قیمت گذاری، خدمات و پشتیبانی بر مشتری میباشد. به طور کلی مفهوم CX مربوط به درک مشتری از یک شرکت و خدمات مختلف آنهاست، نه صرفاً قابلیت استفاده و عملکرد محصولات آن شرکت.
از معیارهایی اندازه گیری CX میتوان به مواردی همچون میزان رضایت مشتریان از تعامل با شرکت، خدمات و محصولات، میزان تمایل مشتریان به توصیه شرکت و محصولات آنها به دیگران و میزان وفاداری مشتریان نسبت به ادامه استفاده از محصول شرکت در مقابل رقیبان اشاره نمود.
برای آشنایی عمیقتر با این مفاهیم شما را به خواندن این مقاله کاربردی دعوت میکنم.
http://bit.ly/dxgn726
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیما حکیمرابط
#تجربهکاربری #تجربهمشتری
@Dexign فلسفه دیزاین
______
دو اصطلاح CX و UX گرچه مکمل یکدیگرند اما معنای کاملاً متفاوتی دارند. با این وجود اغلب اوقات توسط صاحبان محصولات به اشتباه گویی که یکسان باشند به جای یکدیگر استفاده میشوند.
این سردرگمی، ناشی از برداشتهای متفاوت از تعریف مشتری است. از آنجایی که کاربران محصول ما، همان مشتریان ما بحساب میآیند به اشتباه اینگونه بنظر میرسد تجربه کاربر و تجربه مشتری باید معادل هم باشند، ولی اینطور نیست و برای اینکه کاربران/مشتریان شما بخواهند از بهترین تجربه ممکن محصول و نام تجاری شما لذت ببرند درک تمایز تجربه کاربری و تجربه مشتری بسیار مهم است.
تجربه کاربر چیست؟
مفهوم تجربه کاربری مختص یک محصول است که میتواند برنامه، نرم افزار و یا وبسایت باشد و UX همان تجربهای است که کاربر/مشتری هنگام تعامل با آن محصول تجربه میکند.
رابط کاربری، قابلیت استفاده، نویگیشن، سلسله مراتب بصری، معماری اطلاعات و غیره در یک محصول با هم ترکیب می شوند و یک تجربه کاربری ایجاد میکنند که برای کاربران آن محصول میتواند تجربهای لذت بخش و یا منفی باشد. بر این اساس، طراحی UX فرآیند طراحی محصولاتی است که بتوان آسان و لذت بخش از آنها استفاده کرد.
تجربه کاربری UX با معیارهایی اندازهگیری میشود که حول عملکرد و کاربرد محصول میچرخند. به طور مثال: درصدی از کاربرانی که هدفی را در محصول شما انجام میدهند یا به مرحلهای می رسند که شما میخواهید به آن برسند، تعداد اشتباهاتی که کاربران هنگام انجام یک کار مرتکب میشوند، مدت زمانی که کاربران برای انجام یک کار صرف میکنند، تعداد کلیکهایی که کاربران قبل از انجام یک کار انجام میدهند و درصد کاربرانی که کار را قبل از انجام آن رها میکنند.
تجربه مشتری چیست؟
تجربه مشتری مفهومی بسیار بزرگتر است. CX مربوط به تجربهای است که کاربر/مشتری هر زمان با برند مجموعه (نه فقط یک محصول) تعامل کند، با آن مواجه میشود. به عبارت دیگر تجربه مشتری از برخورد با یک برنامه، نرم افزار یا وبسایت، که به تنهایی برند یک مجموعه را تشکیل نمیدهند نیست.
تعاملات CX تشکیل شده از تاثیر مجموعهای از تبلیغات، کانالهای رسانههای اجتماعی، استراتژی بازاریابی، پروسه فروش، قیمت گذاری، خدمات و پشتیبانی بر مشتری میباشد. به طور کلی مفهوم CX مربوط به درک مشتری از یک شرکت و خدمات مختلف آنهاست، نه صرفاً قابلیت استفاده و عملکرد محصولات آن شرکت.
از معیارهایی اندازه گیری CX میتوان به مواردی همچون میزان رضایت مشتریان از تعامل با شرکت، خدمات و محصولات، میزان تمایل مشتریان به توصیه شرکت و محصولات آنها به دیگران و میزان وفاداری مشتریان نسبت به ادامه استفاده از محصول شرکت در مقابل رقیبان اشاره نمود.
برای آشنایی عمیقتر با این مفاهیم شما را به خواندن این مقاله کاربردی دعوت میکنم.
http://bit.ly/dxgn726
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیما حکیمرابط
#تجربهکاربری #تجربهمشتری
@Dexign فلسفه دیزاین
______
Medium
CX vs. UX: What’s the Difference?
You need to understand both for your business to succeed