این پست تا به حال بیش از ۲۶۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
سوالاتی که هر دیزاینر جدیدی باید از تیمش بپرسد
در اکثر جاها صحبت از سوالاتی هست که باید در مصاحبه از دیزاینر جدیدتون بپرسید. اما این بار ما میخواهیم از زاویه دیگری به موضوع نگاه کنیم. میخواهیم سوالاتی رو بررسی کنیم که هر دیزاینر جدیدی که عضو یک تیم شده، باید از اعضای تیمش بپرسه.
اجازه بدید با یه داستان کوتاه شروع کنیم.
آقای Jason Cashdollar به تازگی به عضویت تیم دیزاین اپلیکیشن Facebook Lite در فیسبوک در اومده. اولین تسک Jason بازطراحی روند عضویت در این اپلیکیشن هست و هدفی که براش تعیین شد عبارت بود از «کاهش سردرگمی کاربرانی که میخواهند ثبتنام کنند.». Jason مراحلی که هر دیزاینری برای دیزاین طی میکنه رو رفت و در نهایت پروپوزالی رو برای تیمش ارسال کرد.
انتظار Jason این بود که تمام اعضای تیم با پیشنهاد اون به وجد بیان و هیجانزده بشن. ولی بعد از اینکه عکسالعمل تیم رو دید متوجه شد که به قول خودش «مسابقه اشتباهی رو برنده شده بود.» و چیزی که طراحی کرده بود کارایی لازم رو نداشت.
یک لحظه همینجا صبر کنید. حدس میزنید دلیل این موضوع چی بود؟
دلیل این بود که اطلاعات قبلی رو که لازم بود درباره پروژه بدونه، از تیم درخواست نکرده و مسیری اشتباهی رو برای بازطراحی این محصول پیش رفته بود.
بعد از این تجربه، Jason سوالاتی رو برای خودش تعیین کرد به همه اعضای تازه تیمها بده که از تیمشون بپرسن تا تجربه مشابهی نداشته باشن.
پیشنهاد میکنم داستان کامل و سوالاتی که پرسیدنشون رو پیشنهاد میده، از زبان خود Jason بخونید.
https://medium.com/facebook-design/questions-to-ask-as-a-new-designer-on-the-team-7e3ace0c787f
(زمان حدودی مطالعه، ۷ دقیقه)
پ. ن.
داشتن پایگاه دانش (knowledge base) همیشه به روند ملحق شدن اعضای جدید به تیم کمک میکنه. لازم نیست حتما از سیستمهای پیچیده استفاده کنید، ما ۸ ماهیست که یه نسخه کوچیکش رو در قالب یک Board روی Trello راهاندازی کردیم و بچههای تیم خودشون بروزرسانیش میکنند و کاملا کارمون رو راه میاندازه.
#تیم #طراحی_محصول
@Dexign دیزاین
___
در اکثر جاها صحبت از سوالاتی هست که باید در مصاحبه از دیزاینر جدیدتون بپرسید. اما این بار ما میخواهیم از زاویه دیگری به موضوع نگاه کنیم. میخواهیم سوالاتی رو بررسی کنیم که هر دیزاینر جدیدی که عضو یک تیم شده، باید از اعضای تیمش بپرسه.
اجازه بدید با یه داستان کوتاه شروع کنیم.
آقای Jason Cashdollar به تازگی به عضویت تیم دیزاین اپلیکیشن Facebook Lite در فیسبوک در اومده. اولین تسک Jason بازطراحی روند عضویت در این اپلیکیشن هست و هدفی که براش تعیین شد عبارت بود از «کاهش سردرگمی کاربرانی که میخواهند ثبتنام کنند.». Jason مراحلی که هر دیزاینری برای دیزاین طی میکنه رو رفت و در نهایت پروپوزالی رو برای تیمش ارسال کرد.
انتظار Jason این بود که تمام اعضای تیم با پیشنهاد اون به وجد بیان و هیجانزده بشن. ولی بعد از اینکه عکسالعمل تیم رو دید متوجه شد که به قول خودش «مسابقه اشتباهی رو برنده شده بود.» و چیزی که طراحی کرده بود کارایی لازم رو نداشت.
یک لحظه همینجا صبر کنید. حدس میزنید دلیل این موضوع چی بود؟
دلیل این بود که اطلاعات قبلی رو که لازم بود درباره پروژه بدونه، از تیم درخواست نکرده و مسیری اشتباهی رو برای بازطراحی این محصول پیش رفته بود.
بعد از این تجربه، Jason سوالاتی رو برای خودش تعیین کرد به همه اعضای تازه تیمها بده که از تیمشون بپرسن تا تجربه مشابهی نداشته باشن.
پیشنهاد میکنم داستان کامل و سوالاتی که پرسیدنشون رو پیشنهاد میده، از زبان خود Jason بخونید.
https://medium.com/facebook-design/questions-to-ask-as-a-new-designer-on-the-team-7e3ace0c787f
(زمان حدودی مطالعه، ۷ دقیقه)
پ. ن.
داشتن پایگاه دانش (knowledge base) همیشه به روند ملحق شدن اعضای جدید به تیم کمک میکنه. لازم نیست حتما از سیستمهای پیچیده استفاده کنید، ما ۸ ماهیست که یه نسخه کوچیکش رو در قالب یک Board روی Trello راهاندازی کردیم و بچههای تیم خودشون بروزرسانیش میکنند و کاملا کارمون رو راه میاندازه.
#تیم #طراحی_محصول
@Dexign دیزاین
___
Medium
Questions to ask as a new designer on the team
Last summer I switched teams at Facebook. My first project seemed simple enough: redesign the sign up flow for Facebook Lite, an app for…
این پست تا به حال بیش از ۲۶۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
مروری کامل بر درباره دکمه اکشن شناور
یا Floating Action Button
اگر با Material Design آشنایی داشته باشید، حتما به این دکمه برخوردید. همون دکمه با رنگ Accent که در خیلی از اپلیکیشنهای اندرویدی و بعضا محصولات گوگل در iOS استفاده شده.
استفاده از اکثر المانها و ابزارها در اکثر مواقع سادهست ولی در اندک مواقعی لازمه اطلاعات خوب و دقیقی درباره اون ابزار یا المان داشته باشید تا بتونید به بهترین شکل ازش استفاده کنید. در غیر اینصورت در این اندک موارد به اشتباه از المانها استفاده خواهید کرد که تاثیر بدی روی تجربه کاربری کل محصول شما میگذاره. این دکمه Floating Action هم از این قاعده مستثنی نیست و در بسیاری از اپلیکیشنها به اشتباه بکار برده شده یا صرفا از اپلیکیلیکشنهای بزرگ دنیا، بدون درکِ اهمیتِ حضورش کپیبرداری شده. امروز میخوایم با کسب اطلاعاتی کامل درباره این دکمه، تصمیمات بهتر و آگاهانهای حول استفاده از این المان دیزاین رابط کاربری بگیریم.
مقاله امروز از آقای Nick Babich هست که بطور مفصل به بررسی کاربردهای این دکمه پرداخته و کمک میکنه که در نهایت شما بتونید به سه سوال مهم زیر جواب بدید:
• چه زمانی میشود از این دکمه استفاده کرد؟
• چه نمونههای خوبی در بکارگیری این دکمه در اپلیکیشنها میتوان نام برد؟
• چطور میتوان با بکارگیری انیمیشن در کارکرد این دکمه، تجربه کاربری محصول را ارتقا داد؟
همچنین در خلال این مقاله با اصطلاح Mystery Meat Navigation هم آشنا میشید که میتونه به عنوان یه سنگ محک در تصمیمگیریهای دیزاینی همراهیتون کنه.
پیشنهاد میکنم این مقاله جذاب و روشنگر رو از دست ندید و همین حالا مطالعهش کنید.
https://uxplanet.org/floating-action-button-in-ux-design-7dd06e49144e
(زمان حدودی مطالعه، ۸ دقیقه)
پ. ن.
در کنار مواردی که آقای Babich در بکارگیری این دکمه گفتن، استفاده همزمان از این دکمه و Bottom Navigation (که پیشتر بهش اشاره کوتاهی داشتیم)، هنوز محل بحث هست.
#رابط_کاربری #تجربه_کاربری #طراحی_محصول #متریال_دیزاین
@Dexign دیزاین
___
یا Floating Action Button
اگر با Material Design آشنایی داشته باشید، حتما به این دکمه برخوردید. همون دکمه با رنگ Accent که در خیلی از اپلیکیشنهای اندرویدی و بعضا محصولات گوگل در iOS استفاده شده.
استفاده از اکثر المانها و ابزارها در اکثر مواقع سادهست ولی در اندک مواقعی لازمه اطلاعات خوب و دقیقی درباره اون ابزار یا المان داشته باشید تا بتونید به بهترین شکل ازش استفاده کنید. در غیر اینصورت در این اندک موارد به اشتباه از المانها استفاده خواهید کرد که تاثیر بدی روی تجربه کاربری کل محصول شما میگذاره. این دکمه Floating Action هم از این قاعده مستثنی نیست و در بسیاری از اپلیکیشنها به اشتباه بکار برده شده یا صرفا از اپلیکیلیکشنهای بزرگ دنیا، بدون درکِ اهمیتِ حضورش کپیبرداری شده. امروز میخوایم با کسب اطلاعاتی کامل درباره این دکمه، تصمیمات بهتر و آگاهانهای حول استفاده از این المان دیزاین رابط کاربری بگیریم.
مقاله امروز از آقای Nick Babich هست که بطور مفصل به بررسی کاربردهای این دکمه پرداخته و کمک میکنه که در نهایت شما بتونید به سه سوال مهم زیر جواب بدید:
• چه زمانی میشود از این دکمه استفاده کرد؟
• چه نمونههای خوبی در بکارگیری این دکمه در اپلیکیشنها میتوان نام برد؟
• چطور میتوان با بکارگیری انیمیشن در کارکرد این دکمه، تجربه کاربری محصول را ارتقا داد؟
همچنین در خلال این مقاله با اصطلاح Mystery Meat Navigation هم آشنا میشید که میتونه به عنوان یه سنگ محک در تصمیمگیریهای دیزاینی همراهیتون کنه.
پیشنهاد میکنم این مقاله جذاب و روشنگر رو از دست ندید و همین حالا مطالعهش کنید.
https://uxplanet.org/floating-action-button-in-ux-design-7dd06e49144e
(زمان حدودی مطالعه، ۸ دقیقه)
پ. ن.
در کنار مواردی که آقای Babich در بکارگیری این دکمه گفتن، استفاده همزمان از این دکمه و Bottom Navigation (که پیشتر بهش اشاره کوتاهی داشتیم)، هنوز محل بحث هست.
#رابط_کاربری #تجربه_کاربری #طراحی_محصول #متریال_دیزاین
@Dexign دیزاین
___
Medium
Floating Action Button in UX Design
by Nick Babich
این پست تا به حال بیش از ۲۱۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
اپلیکیشن Sketch چگونه به فرهنگ دیزاین کمک میکند؟
به نظر من بخشی از فرهنگ، انجام یکسری آداب و روندهای مشخص در زمانهای مشخص هست. دست دادن، روبوسی، احترامها و … همگی زیرمجموعه فرهنگ قرار میگیرند که در جوامع مختلف، بسته به تاریخ و مردم متفاوت هست.
فرهنگ تیمهای دیزاین هم چیزی هست که باید باید بصورت شخصیسازی شده در هر تیمی شکل بگیره، ولی پایهها و اساس اون اغلب یکی هست.
از طرفی وجود فرهنگ همیشه به منظمتر و سریعتر شدن تصمیمگیریها کمک میکنه.
در مقاله امروز به بررسی این موضوع پرداختم و توضیح دادم که اپلیکیشن فاخر Sketch و افزونههاش (Plugins) چطور به شکلگیری یک فرهنگ و روند درست دیزاین کمک میکنند.
پیشنهاد میکنم حتما این مقاله رو مطاله کنید و در کامنتها نظرتون رو درباره موضوع مطرح شده بنویسید.
https://medium.com/@raminix/how-sketch-app-helps-design-culture-e32d21552a9
(زمان حدودی مطالعه، ۸ دقیقه)
#طراحی_محصول #فرهنگ_دیزاین #Sketch
@Dexign دیزاین
___
به نظر من بخشی از فرهنگ، انجام یکسری آداب و روندهای مشخص در زمانهای مشخص هست. دست دادن، روبوسی، احترامها و … همگی زیرمجموعه فرهنگ قرار میگیرند که در جوامع مختلف، بسته به تاریخ و مردم متفاوت هست.
فرهنگ تیمهای دیزاین هم چیزی هست که باید باید بصورت شخصیسازی شده در هر تیمی شکل بگیره، ولی پایهها و اساس اون اغلب یکی هست.
از طرفی وجود فرهنگ همیشه به منظمتر و سریعتر شدن تصمیمگیریها کمک میکنه.
در مقاله امروز به بررسی این موضوع پرداختم و توضیح دادم که اپلیکیشن فاخر Sketch و افزونههاش (Plugins) چطور به شکلگیری یک فرهنگ و روند درست دیزاین کمک میکنند.
پیشنهاد میکنم حتما این مقاله رو مطاله کنید و در کامنتها نظرتون رو درباره موضوع مطرح شده بنویسید.
https://medium.com/@raminix/how-sketch-app-helps-design-culture-e32d21552a9
(زمان حدودی مطالعه، ۸ دقیقه)
#طراحی_محصول #فرهنگ_دیزاین #Sketch
@Dexign دیزاین
___
Medium
How Sketch app Helps Design Culture
As a big part of our design workflow
این پست تا به حال بیش از ۷۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
گذری بر بازطراحی Apple Music،
توسط کسی که Apple ردش کرد
یکی از راههای دیزاینرها برای گذران اوقات فراغت، ارتقا مهارت و بعضا مطرح شدن این هست که اپلیکیشنهای موجود رو بازطراحی (Redesign) کنند.
شخصا بطور کلی با بازطراحی اپلیکیشنها و محصولهای موجود، توسط افرادی غیر از خود تیم دیزاین اون محصول موافق نیستم. یکی از مهمترین دلایل مخالفتم این هست که افرادی که خارج تیم هستند از اطلاعات Analytics و نحوه کار کاربران با اون محصول آگاه نیستن و هرچی میدونن صرفا اطلاعاتیست که بصورت شهودی بدست آوردند. داشتن اطلاعات کاربران و تحلیل اونها، بخش مهمی از کار دیزاینرهای محصولات منتشر شدهست و کمکشون میکنه در بروزرسانیهایشون، تغییراتی رو در جهت بهبود تجربه کاربران اعمال کنند. گرچه گاهی میشه پیشنهاداتی رو بصورت بازطراحی به تیم دیزاین ارائه کرد یا صرفا ذکر کرد که فرد، با دید جدیدی دست به بازطراحی زده.
در مقاله امروز به بررسی یکی از این بازطراحیها میپردازیم و علیرغم اینکه به نظر من بعضی بخشها رو اشتباه درک کرده و مسیر اشتباهی رو پیش گرفته، نکات مثبت و آموزنده زیادی رو هم در توضیح روند بازطراحیش ذکر کرده.
داستان از اینجا شروع میشه که نویسنده این مقاله، Jason Yuan، برای تیم دیزاین Apple Music (اپلیکیشن پخش موسیقی ساخته شده توسط Apple) درخواست کارآموزی ارسال کرده و اونها با اشاره به این موضوع که به کار بیشتری احتیاج داره، ردش کردند.
با توجه به اینکه دانشگاه محل تحصیل Jason واحد جدیدی برای دیزاین ارائه نمیداده، Jason تصمیم میگیره خودآموزی رو شروع کنه و در یه مدت سه ماهه مهارتهای دیزاین خودش رو ارتقا بده. برای اینکار، بازطراحی اپلیکیشن Apple Music رو هدف خودش قرار میده.
چون Jason خودش طرافدار موسیقی هست، قبلتر Composition موسیقی انجام داده و همینطور در زمینه دیزاین سرویسهای مربوط به موسیقی اطلاعاتی داره، در طول این روند بازطراحی با چالشهایی مواجه میشه و به نکاتی منفی و مثبتی در طراحی Apple Music برمیخوره که تقریبا همه رو در این مقاله آورده.
خوندن این مقاله رو به تمامی دیزاینرها و علاقهمندان دیزاین، بخصوص کسانی که میخوان اپلیکیشنی رو بازطراحی کنند، توصیه میکنم.
https://medium.com/startup-grind/i-got-rejected-by-apple-music-so-i-redesigned-it-b7e2e4dc64bf
(زمان حدودی مطالعه، ۱۵ دقیقه)
#رابط_کاربری #تجربه_کاربری #طراحی_محصول #بازطراحی
@Dexign دیزاین
___
توسط کسی که Apple ردش کرد
یکی از راههای دیزاینرها برای گذران اوقات فراغت، ارتقا مهارت و بعضا مطرح شدن این هست که اپلیکیشنهای موجود رو بازطراحی (Redesign) کنند.
شخصا بطور کلی با بازطراحی اپلیکیشنها و محصولهای موجود، توسط افرادی غیر از خود تیم دیزاین اون محصول موافق نیستم. یکی از مهمترین دلایل مخالفتم این هست که افرادی که خارج تیم هستند از اطلاعات Analytics و نحوه کار کاربران با اون محصول آگاه نیستن و هرچی میدونن صرفا اطلاعاتیست که بصورت شهودی بدست آوردند. داشتن اطلاعات کاربران و تحلیل اونها، بخش مهمی از کار دیزاینرهای محصولات منتشر شدهست و کمکشون میکنه در بروزرسانیهایشون، تغییراتی رو در جهت بهبود تجربه کاربران اعمال کنند. گرچه گاهی میشه پیشنهاداتی رو بصورت بازطراحی به تیم دیزاین ارائه کرد یا صرفا ذکر کرد که فرد، با دید جدیدی دست به بازطراحی زده.
در مقاله امروز به بررسی یکی از این بازطراحیها میپردازیم و علیرغم اینکه به نظر من بعضی بخشها رو اشتباه درک کرده و مسیر اشتباهی رو پیش گرفته، نکات مثبت و آموزنده زیادی رو هم در توضیح روند بازطراحیش ذکر کرده.
داستان از اینجا شروع میشه که نویسنده این مقاله، Jason Yuan، برای تیم دیزاین Apple Music (اپلیکیشن پخش موسیقی ساخته شده توسط Apple) درخواست کارآموزی ارسال کرده و اونها با اشاره به این موضوع که به کار بیشتری احتیاج داره، ردش کردند.
با توجه به اینکه دانشگاه محل تحصیل Jason واحد جدیدی برای دیزاین ارائه نمیداده، Jason تصمیم میگیره خودآموزی رو شروع کنه و در یه مدت سه ماهه مهارتهای دیزاین خودش رو ارتقا بده. برای اینکار، بازطراحی اپلیکیشن Apple Music رو هدف خودش قرار میده.
چون Jason خودش طرافدار موسیقی هست، قبلتر Composition موسیقی انجام داده و همینطور در زمینه دیزاین سرویسهای مربوط به موسیقی اطلاعاتی داره، در طول این روند بازطراحی با چالشهایی مواجه میشه و به نکاتی منفی و مثبتی در طراحی Apple Music برمیخوره که تقریبا همه رو در این مقاله آورده.
خوندن این مقاله رو به تمامی دیزاینرها و علاقهمندان دیزاین، بخصوص کسانی که میخوان اپلیکیشنی رو بازطراحی کنند، توصیه میکنم.
https://medium.com/startup-grind/i-got-rejected-by-apple-music-so-i-redesigned-it-b7e2e4dc64bf
(زمان حدودی مطالعه، ۱۵ دقیقه)
#رابط_کاربری #تجربه_کاربری #طراحی_محصول #بازطراحی
@Dexign دیزاین
___
Medium
I Got Rejected by Apple Music… So I Redesigned It
I’d like to preface this case study by stating that my intentions behind redesigning Apple Music were in no way driven by indignation or…
این پست تا به حال بیش از ۲۷۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
دیزاینِ مفهومی به اسم «هدف»
با استفاده از فرآیند طراحی محصول
همهمون خیلی جاها این جملات رو خوندیم و شنیدیم «رویای خودت رو دنبال کن»، «به دنبال علاقه خودت برو» و …
این جملات علاوه بر اینکه انگیزهدهنده هستن، ممکنه بسیار ترسناک و دلهرهآور هم باشن. ترس از داشتن «هدف» و درست بودنش.
مقاله امروز به نوع دیگری از دیزاین میپردازه. دیزاینِ مفهومی به اسم «هدف». چیزی که در خیلی از لحظات زندگی ما ممکنه گم بشه، گاهی شفاف نباشه یا برعکس، کاملا دقیق و واضح باشه و ما هم در حال قدم برداشتن به سمتش.
چندتا از بزرگترین سوالاتی که ممکنه هرکسی در زندگی باهاش مواجه بشه اینه که «من چه هدفی رو در زندگی دنبال میکنم؟»، «آیا این هدف، هدف درستی هست؟» و …
شما چطور به این سوالها پاسخ دادید؟
هیچوقت فکر میکردید که میشه با استفاده راهکارهایی که برای دیزاین محصول طی میکنید، «هدف»تون رو طراحی کنید؟ مقاله امروز به این موضوع میپردازه.
اگر شرکت IDEO رو بشناسید، میدونید که یکی از بهترین شرکتهای دیزاین در دنیاست که یکی از شاخصترین دیزاینهاشون، اولین Mouse کامپیوترهای اپل در سال ۱۹۸۰ است. IDEO جایی هست که بسیاری از دیزاینرها برای گذروندن دوره کارآموزیشون در اونجا، سر و دست میشکونن.
نوشته امروز از Minnie Bredouw هست. خانمی که نقش راهبر خلاقیت (Creative Lead) رو در IDEO به عهده داره.
ایشون برنامهای رو به اسم Designing Purpose برای دانشآموزان راهاندازی کردن که در این مقاله درباره تفکری که پشت این برنامه هست توضیح دادن. با اینکه این برنامه بطور خاص برای دانشآموزان و کسانی که تازه فارغالتحصیل شدن، دیزاین شده ولی خوند این مقاله که از دل یک تیم دیزاین بیرون آمده، احتمالا به خیلی از ما کمک میکنه مسیری رو که در اون هستیم بازبینی و ارزیابی کنیم.
این مقاله، برای مشخص کردن هدفمون، چند مرحله رو که مشابه مراحل طراحی محصول هستند به ما معرفی میکنه تا در مسیر تعیین هدف، کمکمون کنه.
پیشنهاد میکنم همین حالا این مقاله رو بخونید و راهکارهاش رو به کار ببندید.
https://medium.com/ideo-stories/designing-purpose-6a4d74e50588
(زمان حدودی مطالعه، ۱۰ دقیقه)
#دیزاین #مهارت_فردی #هدفگذاری #طراحی_محصول
@Dexign دیزاین
___
با استفاده از فرآیند طراحی محصول
همهمون خیلی جاها این جملات رو خوندیم و شنیدیم «رویای خودت رو دنبال کن»، «به دنبال علاقه خودت برو» و …
این جملات علاوه بر اینکه انگیزهدهنده هستن، ممکنه بسیار ترسناک و دلهرهآور هم باشن. ترس از داشتن «هدف» و درست بودنش.
مقاله امروز به نوع دیگری از دیزاین میپردازه. دیزاینِ مفهومی به اسم «هدف». چیزی که در خیلی از لحظات زندگی ما ممکنه گم بشه، گاهی شفاف نباشه یا برعکس، کاملا دقیق و واضح باشه و ما هم در حال قدم برداشتن به سمتش.
چندتا از بزرگترین سوالاتی که ممکنه هرکسی در زندگی باهاش مواجه بشه اینه که «من چه هدفی رو در زندگی دنبال میکنم؟»، «آیا این هدف، هدف درستی هست؟» و …
شما چطور به این سوالها پاسخ دادید؟
هیچوقت فکر میکردید که میشه با استفاده راهکارهایی که برای دیزاین محصول طی میکنید، «هدف»تون رو طراحی کنید؟ مقاله امروز به این موضوع میپردازه.
اگر شرکت IDEO رو بشناسید، میدونید که یکی از بهترین شرکتهای دیزاین در دنیاست که یکی از شاخصترین دیزاینهاشون، اولین Mouse کامپیوترهای اپل در سال ۱۹۸۰ است. IDEO جایی هست که بسیاری از دیزاینرها برای گذروندن دوره کارآموزیشون در اونجا، سر و دست میشکونن.
نوشته امروز از Minnie Bredouw هست. خانمی که نقش راهبر خلاقیت (Creative Lead) رو در IDEO به عهده داره.
ایشون برنامهای رو به اسم Designing Purpose برای دانشآموزان راهاندازی کردن که در این مقاله درباره تفکری که پشت این برنامه هست توضیح دادن. با اینکه این برنامه بطور خاص برای دانشآموزان و کسانی که تازه فارغالتحصیل شدن، دیزاین شده ولی خوند این مقاله که از دل یک تیم دیزاین بیرون آمده، احتمالا به خیلی از ما کمک میکنه مسیری رو که در اون هستیم بازبینی و ارزیابی کنیم.
این مقاله، برای مشخص کردن هدفمون، چند مرحله رو که مشابه مراحل طراحی محصول هستند به ما معرفی میکنه تا در مسیر تعیین هدف، کمکمون کنه.
پیشنهاد میکنم همین حالا این مقاله رو بخونید و راهکارهاش رو به کار ببندید.
https://medium.com/ideo-stories/designing-purpose-6a4d74e50588
(زمان حدودی مطالعه، ۱۰ دقیقه)
#دیزاین #مهارت_فردی #هدفگذاری #طراحی_محصول
@Dexign دیزاین
___
Medium
Designing Purpose
A few simple ways design can help you explore purpose
ساخته شده با InVision Studio
احتمالا خبر دارید که مدتی پیش، شرکت InVision، ابزاری دسکتاپی برای دیزاین، با نام Studio معرفی کرد.
این شرکت از علاقهمندان خواسته بود که برای دسترسی به این ابزار که بزودی منتشر میشود، درخواست «دسترسی زودهنگام» یا Early Access بدهند. حدود ۱۰ روز قبل، ایمیل باز شدن دسترسیام را برای دریافت و استفاده از Studio گرفتم و بیصبرانه منتظر بازگشت از سفر و امتحان کردنش بودم. طی روزهای آینده این اپلیکیشن را تست کرده و دربارهش خواهم گفت.
در این فاصله بسیاری از شما ممکن است مثل من درباره قابلیتهای این ابزار جدید کنجکاو باشید، اگر همینطور است، از شما دعوت میکنم پُست امروز را که به برخی از نمونههای جالب ساخته شده با ابزار Studio اشاره میکند، ببینید.
چیزی که در ابتدای دیدن این نمونهها کاملا جلب توجه میکند، امکانات دیزاین تعاملی (Interactive) این ابزار است.
داشتن امکانات متنوع و قوی دیزاین و همچنین انمیشنهای تعاملی بصورت یکجا در یک ابزار، اتفاقیست که در در میان ابزارهای محبوب و معروف کمتر افتاده است. از این رو بسیاری آینده موفقی را برای این ابزار متصور هستند.
احتمالا Sketch، به عنوان یکی از محبوبترین ابزارهای دیزاین، حالا به خاطر داشتن رقیبهایی مثل Figma، Xd و همینطور Studio، راه سختی را در پیش داشته و فضای ابزارهای دیزاین، به واسطه این رقابتها، بسیار هیجانانگیزتر از قبل خواهد بود.
با توجه به نو بودن ابزار،اگر شما هم نمونههایی با این ابزار ساختید، برای ما ارسال کرده تا در کانال قرار دهیم.
https://medium.muz.li/made-with-studio-1-823945cf1e56
(زمان حدودی مطالعه، ۵ دقیقه)
#نمونه #ابزار #استودیو
@Dexign فلسفه دیزاین
___
احتمالا خبر دارید که مدتی پیش، شرکت InVision، ابزاری دسکتاپی برای دیزاین، با نام Studio معرفی کرد.
این شرکت از علاقهمندان خواسته بود که برای دسترسی به این ابزار که بزودی منتشر میشود، درخواست «دسترسی زودهنگام» یا Early Access بدهند. حدود ۱۰ روز قبل، ایمیل باز شدن دسترسیام را برای دریافت و استفاده از Studio گرفتم و بیصبرانه منتظر بازگشت از سفر و امتحان کردنش بودم. طی روزهای آینده این اپلیکیشن را تست کرده و دربارهش خواهم گفت.
در این فاصله بسیاری از شما ممکن است مثل من درباره قابلیتهای این ابزار جدید کنجکاو باشید، اگر همینطور است، از شما دعوت میکنم پُست امروز را که به برخی از نمونههای جالب ساخته شده با ابزار Studio اشاره میکند، ببینید.
چیزی که در ابتدای دیدن این نمونهها کاملا جلب توجه میکند، امکانات دیزاین تعاملی (Interactive) این ابزار است.
داشتن امکانات متنوع و قوی دیزاین و همچنین انمیشنهای تعاملی بصورت یکجا در یک ابزار، اتفاقیست که در در میان ابزارهای محبوب و معروف کمتر افتاده است. از این رو بسیاری آینده موفقی را برای این ابزار متصور هستند.
احتمالا Sketch، به عنوان یکی از محبوبترین ابزارهای دیزاین، حالا به خاطر داشتن رقیبهایی مثل Figma، Xd و همینطور Studio، راه سختی را در پیش داشته و فضای ابزارهای دیزاین، به واسطه این رقابتها، بسیار هیجانانگیزتر از قبل خواهد بود.
با توجه به نو بودن ابزار،اگر شما هم نمونههایی با این ابزار ساختید، برای ما ارسال کرده تا در کانال قرار دهیم.
https://medium.muz.li/made-with-studio-1-823945cf1e56
(زمان حدودی مطالعه، ۵ دقیقه)
#نمونه #ابزار #استودیو
@Dexign فلسفه دیزاین
___
Medium
Made with Studio. #1
An inspiration gallery from the InVision Studio creator community.
هنر نوشتن پیغامهای خطا
تجربهکاربری اثریست که یک شرکت با محصول یا محصولات خود روی کابرانش میگذارد. این اثر از طریق تمامی عناصر ارتباطی که در یک محصول و یا در بخشهای جانبی آن (مانند تیم پشتیبانی) وجود دارد، اتفاق میافتد. پیغامهایی که بین کاربر و محصول رد و بدل میشود یکی از تاثیرگذارترین این عناصر است که اغلب به آن کملطفی میشود.
در بین انواع مختلف این پیغامها، پیغامهای خطا اهمیت بیشتری دارند. چرا که باید رخ دادن یک اتفاق غیرمعمول یا بد را به اطلاع کاربر برسانند.
اتفاقی که در اکثر محصولات میافتد این است که دیزاینر آنها، از پیغامهای خطای محصولات معروف دیگر مانند (Instagram، Facebook و …) الگو گرفته و بعضا بدون توجه به زمینه متفاوت محصول خود، آنها را عینا استفاده استفاده میکند.
در حالیکه این محصولات معروف و پرکاربر تقریبا هر هفته یک بار بروزرسانی شده و ایرادهای خود را براساس بازخوردهایی که از کاربرهایی خود، بصورت مستقیم و غیرمستقیم، گرفتهاند، تصحیح میکنند. چیزی که در محصولات دیگر، بخصوص محصولات ایرانی کمتر اتفاق میافتد.
امروز میخواهیم به چگونگی نوشتن پیغامهای خطای خوب را بررسی کرده و این هنر را فرا بگیریم. با یادگیری این هنر، دیگر پیغامهای اختصاصی محصول خود را خواهیم داشت که پاسخگوی کاربران محصول ماست.
در مقاله امروز از خانم Marina Posniak، یکی از UX Writerها شرکت Spotify، با عنوان مقدمهای در باب اهمیت Copywriting و بطور مشخص پیغامهای خطا، قدم به قدم ما را در فراگیری این هنر همراهی میکند.
مقاله امروز را از دست ندهید:
https://thestyleofelements.org/the-art-of-the-error-message-9f878d0bff80
(زمان حدودی مطالعه، ۸ دقیقه)
پ. ن.
قبلا درباره پیغام خطای «نام کاربری و یا کلمه عبور شما اشتباه است.» صحبت کرده بودیم:
t.me/Dexign/223
#تجربه_کاربری #کپی_نویسی #پیغام_خطا
@Dexign فلسفه دیزاین
___
تجربهکاربری اثریست که یک شرکت با محصول یا محصولات خود روی کابرانش میگذارد. این اثر از طریق تمامی عناصر ارتباطی که در یک محصول و یا در بخشهای جانبی آن (مانند تیم پشتیبانی) وجود دارد، اتفاق میافتد. پیغامهایی که بین کاربر و محصول رد و بدل میشود یکی از تاثیرگذارترین این عناصر است که اغلب به آن کملطفی میشود.
در بین انواع مختلف این پیغامها، پیغامهای خطا اهمیت بیشتری دارند. چرا که باید رخ دادن یک اتفاق غیرمعمول یا بد را به اطلاع کاربر برسانند.
اتفاقی که در اکثر محصولات میافتد این است که دیزاینر آنها، از پیغامهای خطای محصولات معروف دیگر مانند (Instagram، Facebook و …) الگو گرفته و بعضا بدون توجه به زمینه متفاوت محصول خود، آنها را عینا استفاده استفاده میکند.
در حالیکه این محصولات معروف و پرکاربر تقریبا هر هفته یک بار بروزرسانی شده و ایرادهای خود را براساس بازخوردهایی که از کاربرهایی خود، بصورت مستقیم و غیرمستقیم، گرفتهاند، تصحیح میکنند. چیزی که در محصولات دیگر، بخصوص محصولات ایرانی کمتر اتفاق میافتد.
امروز میخواهیم به چگونگی نوشتن پیغامهای خطای خوب را بررسی کرده و این هنر را فرا بگیریم. با یادگیری این هنر، دیگر پیغامهای اختصاصی محصول خود را خواهیم داشت که پاسخگوی کاربران محصول ماست.
در مقاله امروز از خانم Marina Posniak، یکی از UX Writerها شرکت Spotify، با عنوان مقدمهای در باب اهمیت Copywriting و بطور مشخص پیغامهای خطا، قدم به قدم ما را در فراگیری این هنر همراهی میکند.
مقاله امروز را از دست ندهید:
https://thestyleofelements.org/the-art-of-the-error-message-9f878d0bff80
(زمان حدودی مطالعه، ۸ دقیقه)
پ. ن.
قبلا درباره پیغام خطای «نام کاربری و یا کلمه عبور شما اشتباه است.» صحبت کرده بودیم:
t.me/Dexign/223
#تجربه_کاربری #کپی_نویسی #پیغام_خطا
@Dexign فلسفه دیزاین
___
Medium
Error Messages Matter
How to write clear, helpful copy for when things go wrong
این پست تا به حال بیش از ۲۷۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
سه راه برای بهبود مهارت دیزاین
من دیزاین رو با طراحی پوستر و بعدش صفحهآرایی یک مجله شروع کردم و وقتی که به سمت طراحی رابط کاربری اومدم زاویه دیدم به دیزاین متاثر از صفحهآرایی بود. همینطور که روزها میگذشت و کارهای بیشتری انجام میدادم و بیشتر مطالعه میکردم، متوجه شدم که خیلی از مفاهیمی که خودآگاه و ناخودآگاه بهشون پی برده بودم، داره در مسیر دیزاین رابط کاربری کمکم میکنه.
امروز مقالهای معرفی میکنم که مقدمهش، به خاطر تشابه روند شروع فعالیتم با نویسنده مقاله، پرتم کرد به اون دوران.
واقعیت اینه که دیزاین، مجموعهایست از مفاهیم که در زمینهها و رشتههای مختلف مطرح شدن و یادگیری همهشون به اختصاص زمان حداکثری برای کسب اطلاعات احتیاج داره. مخصوصا حالا که بطور مداوم ابزارها، تکنولوژیها و اصول جدیدی هم معرفی میشن که یادگیریشون میتونه روند کاری دیزاینرها رو بهبود بده.
ولی گاهی نکاتی کوتاه و پایهای، میتونه به شکل یک سنگِ محک عمل بکنه و کمک کنه بتونید دیزاینهاتون رو در مدت کمی محک زده و در صورت لزوم بهبودشون بدین. مقاله امروز به بررسی سه نکته بسیار موثر و پایهای پرداخته:
۱. سلسه مراتب بصری:
که پیشتر به نحوی دیگر و تحت عنوان «معماری اطلاعات: فوت کوزهگری دیزاین» بررسیش کردیم.
۲. اصول گشتالت:
این اصول درباره ادراک بصری انسانهاست که توسط یک روانشناس آلمانی نوشته شده و در دیزاین کاربردهای فراوانی داره. این اصول بطور خلاصه میگه: «کُل، چیزی متفاوت از مجموع تک تک اجزاست.»
پیشنهاد میکنم جزئیات این اصول رو مقاله ببینید.
۳. و در نهایت فونت:
فونت و تایپوگرافی یکی از مهمترین بخشهای هر دیزاینی هست که شامل متن باشه. این مقاله بطور خلاصه و کاربردی درباره این موضوع هم توضیحاتی داده.
فرصت رو از دست ندید و همین حالا مقاله امروز رو بخونید:
https://uxdesign.cc/3-ways-to-improve-your-visual-design-skills-fa9dc8e583ff
(زمان حدودی مطالعه، ۱۰ دقیقه)
#مفاهیم #طراحی_بصری #فونت #گشتالت #معماری_اطلاعات
@Dexign دیزاین
___
من دیزاین رو با طراحی پوستر و بعدش صفحهآرایی یک مجله شروع کردم و وقتی که به سمت طراحی رابط کاربری اومدم زاویه دیدم به دیزاین متاثر از صفحهآرایی بود. همینطور که روزها میگذشت و کارهای بیشتری انجام میدادم و بیشتر مطالعه میکردم، متوجه شدم که خیلی از مفاهیمی که خودآگاه و ناخودآگاه بهشون پی برده بودم، داره در مسیر دیزاین رابط کاربری کمکم میکنه.
امروز مقالهای معرفی میکنم که مقدمهش، به خاطر تشابه روند شروع فعالیتم با نویسنده مقاله، پرتم کرد به اون دوران.
واقعیت اینه که دیزاین، مجموعهایست از مفاهیم که در زمینهها و رشتههای مختلف مطرح شدن و یادگیری همهشون به اختصاص زمان حداکثری برای کسب اطلاعات احتیاج داره. مخصوصا حالا که بطور مداوم ابزارها، تکنولوژیها و اصول جدیدی هم معرفی میشن که یادگیریشون میتونه روند کاری دیزاینرها رو بهبود بده.
ولی گاهی نکاتی کوتاه و پایهای، میتونه به شکل یک سنگِ محک عمل بکنه و کمک کنه بتونید دیزاینهاتون رو در مدت کمی محک زده و در صورت لزوم بهبودشون بدین. مقاله امروز به بررسی سه نکته بسیار موثر و پایهای پرداخته:
۱. سلسه مراتب بصری:
که پیشتر به نحوی دیگر و تحت عنوان «معماری اطلاعات: فوت کوزهگری دیزاین» بررسیش کردیم.
۲. اصول گشتالت:
این اصول درباره ادراک بصری انسانهاست که توسط یک روانشناس آلمانی نوشته شده و در دیزاین کاربردهای فراوانی داره. این اصول بطور خلاصه میگه: «کُل، چیزی متفاوت از مجموع تک تک اجزاست.»
پیشنهاد میکنم جزئیات این اصول رو مقاله ببینید.
۳. و در نهایت فونت:
فونت و تایپوگرافی یکی از مهمترین بخشهای هر دیزاینی هست که شامل متن باشه. این مقاله بطور خلاصه و کاربردی درباره این موضوع هم توضیحاتی داده.
فرصت رو از دست ندید و همین حالا مقاله امروز رو بخونید:
https://uxdesign.cc/3-ways-to-improve-your-visual-design-skills-fa9dc8e583ff
(زمان حدودی مطالعه، ۱۰ دقیقه)
#مفاهیم #طراحی_بصری #فونت #گشتالت #معماری_اطلاعات
@Dexign دیزاین
___
uxdesign.cc
3 ways to improve your visual design skills
Quick tips for visual design newbies
این پست تا به حال بیش از ۲۲۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
معرفی ابزاری بینظیر برای دیزاینرها:
Launchpad
یکی از مشکلاتی که من خودم همیشه داشتم و بعضا هنوز هم دارم اینه که یه صفحه Landing رو دیزاین کردیم و میخوایم به جهت Marketing سریعتر از سرویس اصلی بیاریمش بالا ولی تیم Frontend درگیر کارهای خودش هست و نمیرسه. یا اصلا گاهی وقتها یه پروژه شخصی داشتم و به عنوان دیزاینری که بطور تخصصی برنامهنویسی بلد نیست، تا مرحله طراحی Landing پروژهم پیش رفتم و بعدش به خاطر پیدا نکردن کسی که وقتش خالی باشه و بتونه این صفحه رو پیادهسازی بکنه، پروژه معلق مونده.
و کلی مشکل از این دست …
اخیرا اپلیکیشن Sketch، در نسخه ۴۴ خودش، ابزاری به اسم Auto-Layout رو معرفی کرده که در راستای طراحی Responsive، اجازه میده شما نحوه جایگیری المانها رو در سایزهای مختلف به شکلی Dynamic مشخص کنید. این موضوع خیلی هیجانانگیزه و کمک میکنه دیزاین، به نسخه پیادهسازی شدهش، نزدیک و نزدیکتر بشه.
از طرف دیگه، تیم Anima App ابزاری به اسم Launchpad رو به شکل یک افزونه (Plugin) برای اپلیکیشن Sketch معرفی کردن که بهتون کمک میکنه صفحات وبی که با استفاده از Auto-Layout بصورت Responsive دیزاین کردید، با چندتا کلیک بیارینش بالا و روی دامنه دلخواهتون قرارش بدین.
با این توضیحات، دیگه تو خود حدیث مفصل بخوان از این مجمل…
وقتی داشتم ویژگیهای این ابزار رو میخوندم و راحتی کار باهاشون رو میدیدم، خیلی خیل هیجانزده بودم و نمیتونم برای استفاده ازش صبر کنم.
چندتا از ویژگیهای شاخص Launchpad، طراحی Formهایی مثل «تماس با ما» هست که کاملا کار میکنه و نیازی به کدنویسی نداره. یا حتی تنظیمات Analytics و SEO که بعضا استفاده ازشون برای دیزاینرها سخت هست.
به این فکر میکردم که حتی میشه پروتوتایپهای خوبی با این ابزار درست کرد. ایدههای شما برای استفاده از این ابزار چیه؟
فرصت رو از دست ندید و بعد از خوندن مقاله، شیرجه بزنید در دنیای Launchpad و امتحانش کنید.
https://medium.com/sketch-app-sources/introducing-launchpad-for-sketch-648b775f73dc
(زمان حدودی مطالعه، ۷ دقیقه)
#معرفی #افزونه #اسکچ #ابزار #وب
@Dexign دیزاین
___
Launchpad
یکی از مشکلاتی که من خودم همیشه داشتم و بعضا هنوز هم دارم اینه که یه صفحه Landing رو دیزاین کردیم و میخوایم به جهت Marketing سریعتر از سرویس اصلی بیاریمش بالا ولی تیم Frontend درگیر کارهای خودش هست و نمیرسه. یا اصلا گاهی وقتها یه پروژه شخصی داشتم و به عنوان دیزاینری که بطور تخصصی برنامهنویسی بلد نیست، تا مرحله طراحی Landing پروژهم پیش رفتم و بعدش به خاطر پیدا نکردن کسی که وقتش خالی باشه و بتونه این صفحه رو پیادهسازی بکنه، پروژه معلق مونده.
و کلی مشکل از این دست …
اخیرا اپلیکیشن Sketch، در نسخه ۴۴ خودش، ابزاری به اسم Auto-Layout رو معرفی کرده که در راستای طراحی Responsive، اجازه میده شما نحوه جایگیری المانها رو در سایزهای مختلف به شکلی Dynamic مشخص کنید. این موضوع خیلی هیجانانگیزه و کمک میکنه دیزاین، به نسخه پیادهسازی شدهش، نزدیک و نزدیکتر بشه.
از طرف دیگه، تیم Anima App ابزاری به اسم Launchpad رو به شکل یک افزونه (Plugin) برای اپلیکیشن Sketch معرفی کردن که بهتون کمک میکنه صفحات وبی که با استفاده از Auto-Layout بصورت Responsive دیزاین کردید، با چندتا کلیک بیارینش بالا و روی دامنه دلخواهتون قرارش بدین.
با این توضیحات، دیگه تو خود حدیث مفصل بخوان از این مجمل…
وقتی داشتم ویژگیهای این ابزار رو میخوندم و راحتی کار باهاشون رو میدیدم، خیلی خیل هیجانزده بودم و نمیتونم برای استفاده ازش صبر کنم.
چندتا از ویژگیهای شاخص Launchpad، طراحی Formهایی مثل «تماس با ما» هست که کاملا کار میکنه و نیازی به کدنویسی نداره. یا حتی تنظیمات Analytics و SEO که بعضا استفاده ازشون برای دیزاینرها سخت هست.
به این فکر میکردم که حتی میشه پروتوتایپهای خوبی با این ابزار درست کرد. ایدههای شما برای استفاده از این ابزار چیه؟
فرصت رو از دست ندید و بعد از خوندن مقاله، شیرجه بزنید در دنیای Launchpad و امتحانش کنید.
https://medium.com/sketch-app-sources/introducing-launchpad-for-sketch-648b775f73dc
(زمان حدودی مطالعه، ۷ دقیقه)
#معرفی #افزونه #اسکچ #ابزار #وب
@Dexign دیزاین
___
Medium
Introducing Launchpad for Sketch
Publish websites directly from Sketch, no coding needed.
این پست تا به حال بیش از ۲۷۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
پیش از دیزاین، داستان بنویسید
چند روز پیش، در شرکت برای دیزاین صفحه Landing وبِ دو سرویس اخیرمون با بچههای تیم گپ میزدیم. بچهها میدونستن که سرویسها دقیقا چی هستن، جز به جزش رو خودشون دیزاین کرده بودند ولی برای نهایی کردن صفحه Landing مشکل داشتند و نمیتونستند به یک ایده خوب، جامع و منسجم برای دیزاینش برسن.
بهشون پیشنهاد کردم از اول شروع کنند، ولی اینبار قبل از نشستن پشت کامپیوتر، لحظاتی رو به نوشتن چیزی که دقیقا میخوان بگن اختصاص بدن. در چند جمله بگن که این سرویس چی هست، ویژگیهایی که به نظرشون مهم هست چیا هستند و …
برام جالب بود که بعد از این گپی که داشتیم، به مقالهای برخوردم که این روش رو به شکلی منسجمتر توضیح داده بود. آقای Fabricio Teixeira، نویسنده مقاله امروز توضیح میده که سالها این روش رو استفاده میکرده ولی هیچوقت به شکل یک «تکنیک» بهش نگاه نکرده بود. اتفاقی که دقیقا برای خود من هم طی این سالها افتاده بود.
ایشون اسم این روش رو Storyframing گذاشته، اون رو مشابه نوشتن فیلمنامه در نظر گرفته و توضیح میده که هر رابط کاربری داره داستانی رو نقل میکنه. پس بهتره پیش از ساختن هر رابط کاربری، برای دوری از شلوغیهای رنگها، المانهای و یا هر نوع تصمیم دیزاینی که بعضا حتی در wireframing و اسکچ زدن هم اتفاق میافته، اول عصاره اون صفحه رو که داستانی هست که نقل میکنه، بنویسیم.
سپس مرحله به مرحله داستانمون رو به المانهای دیزاین مثل متنها، انیمیشنها، تصویرسازیها و … تبدیل کنیم.
نوشته امروز این روش رو بصورت یک روند ۴ مرحلهای توضیح میده و برای فهم بهتر موضوع، مثالهای از سرویسهای Dropbox، Airbnb و NY Times میاره.
به شخصه کارایی که این روش داره و صرفهجویی رو که در زمان دیزاین رابط کاربری باعث میشه، بصورت تجربی دیدم و پیشنهاد میکنم این مقاله رو از دست ندید و راهکارش رو بصورت جدی استفاده کنید.
https://uxdesign.cc/storyframes-before-wireframes-starting-designs-in-the-text-editor-ec69db78e6e4
(زمان حدودی مطالعه، ۱۰ دقیقه و نصف لیوان قهوه)
#تکنیک #رابط_کاربری #داستان_نویسی #وب
@Dexign دیزاین
___
چند روز پیش، در شرکت برای دیزاین صفحه Landing وبِ دو سرویس اخیرمون با بچههای تیم گپ میزدیم. بچهها میدونستن که سرویسها دقیقا چی هستن، جز به جزش رو خودشون دیزاین کرده بودند ولی برای نهایی کردن صفحه Landing مشکل داشتند و نمیتونستند به یک ایده خوب، جامع و منسجم برای دیزاینش برسن.
بهشون پیشنهاد کردم از اول شروع کنند، ولی اینبار قبل از نشستن پشت کامپیوتر، لحظاتی رو به نوشتن چیزی که دقیقا میخوان بگن اختصاص بدن. در چند جمله بگن که این سرویس چی هست، ویژگیهایی که به نظرشون مهم هست چیا هستند و …
برام جالب بود که بعد از این گپی که داشتیم، به مقالهای برخوردم که این روش رو به شکلی منسجمتر توضیح داده بود. آقای Fabricio Teixeira، نویسنده مقاله امروز توضیح میده که سالها این روش رو استفاده میکرده ولی هیچوقت به شکل یک «تکنیک» بهش نگاه نکرده بود. اتفاقی که دقیقا برای خود من هم طی این سالها افتاده بود.
ایشون اسم این روش رو Storyframing گذاشته، اون رو مشابه نوشتن فیلمنامه در نظر گرفته و توضیح میده که هر رابط کاربری داره داستانی رو نقل میکنه. پس بهتره پیش از ساختن هر رابط کاربری، برای دوری از شلوغیهای رنگها، المانهای و یا هر نوع تصمیم دیزاینی که بعضا حتی در wireframing و اسکچ زدن هم اتفاق میافته، اول عصاره اون صفحه رو که داستانی هست که نقل میکنه، بنویسیم.
سپس مرحله به مرحله داستانمون رو به المانهای دیزاین مثل متنها، انیمیشنها، تصویرسازیها و … تبدیل کنیم.
نوشته امروز این روش رو بصورت یک روند ۴ مرحلهای توضیح میده و برای فهم بهتر موضوع، مثالهای از سرویسهای Dropbox، Airbnb و NY Times میاره.
به شخصه کارایی که این روش داره و صرفهجویی رو که در زمان دیزاین رابط کاربری باعث میشه، بصورت تجربی دیدم و پیشنهاد میکنم این مقاله رو از دست ندید و راهکارش رو بصورت جدی استفاده کنید.
https://uxdesign.cc/storyframes-before-wireframes-starting-designs-in-the-text-editor-ec69db78e6e4
(زمان حدودی مطالعه، ۱۰ دقیقه و نصف لیوان قهوه)
#تکنیک #رابط_کاربری #داستان_نویسی #وب
@Dexign دیزاین
___
Medium
Storyframes before wireframes
What if you started your designs in the text editor?
دیزاینهایتان را به حرکت درآورید
میدانستید اولین تلاشهای انسانها برای درک مفوم انیمیشن در دنیا، در «شهر سوخته»، نزدیکی زابل روی یک جام سفالی پیدا شده که متعلق به ۵۰۰۰ سال پیش است؟
اگر به موزه ایرانباستان بروید، این جام را مشاهده خواهید کرد که دور تا دور آن با لحظات مختلفی از دویدن و پریدن یک بُز نقاشی شده است و وقتی آن را میچرخانید، متوجه میشوید که مقصود هنرمند آن، تولید یک انیمیشن با تکنیک Stop Motion بودهاست. همان تکنیکی که همه ما زمانی برای ساخت انیمیشن، از طریق سریع ورق زدن کاغذهای گوشه دفترمان انجام دادهایم.
از تکنیکهای دیگر ساخت انیمیشن میتوان به انیمیشنهای فریم کلیدی یا Keyframe اشاره کرد. این تکنیک به دلیل سادگی استفاده، بصورت امکانی جذاب در نرمافزارهای طراحی گرافیک مانند Photoshop قرارداده شده است. احتمالا بسیاری از شما انیمیشنهای Gif بسیاری با استفاده از این امکان Photoshop تولید کردهاید.
پس از مهاجرت بسیاری از طراحان از Adobe Illustrator و Adobe Photoshop به نرمافزارهای Sketch و Adobe Xd، امکانات محدودتری از این دست در اختیار آنان قرار گرفتهست. تیم Anima نامیست که هنگام معرفی افزونه Launchpad برای Sketch در این کانال، به آن اشاره کرده بودیم. این تیم اخیرا افزونه جذاب دیگری را برای Sketch معرفی کردهست که امکان ساخت انیمیشنهای فریمکلیدی را برای شما به ارمغان میآورد.
اگر از نرمافزار Principle استفاده کرده باشید، متوجه خواهید شد که ساختاری که این افزونه به نرمافزار Sketch شما اضافه میکند، بسیار شبیه فضای این نرمافزار است، البته با امکاناتی بسیار محدودتر.
مقاله امروز به معرفی این افزونه پرداخته و نحوه کار با آن را بصورت کاربردی توضیح میدهد:
https://medium.com/sketch-app-sources/using-sketch-to-design-animations-b055456c4548
(زمان حدودی مطالعه، ۵ دقیقه)
معرفی دیگر محصول این تیم، Launchpad:
t.me/Dexign/131
#ابزار #افزونه #Sketch
@Dexign فلسفه دیزاین
___
میدانستید اولین تلاشهای انسانها برای درک مفوم انیمیشن در دنیا، در «شهر سوخته»، نزدیکی زابل روی یک جام سفالی پیدا شده که متعلق به ۵۰۰۰ سال پیش است؟
اگر به موزه ایرانباستان بروید، این جام را مشاهده خواهید کرد که دور تا دور آن با لحظات مختلفی از دویدن و پریدن یک بُز نقاشی شده است و وقتی آن را میچرخانید، متوجه میشوید که مقصود هنرمند آن، تولید یک انیمیشن با تکنیک Stop Motion بودهاست. همان تکنیکی که همه ما زمانی برای ساخت انیمیشن، از طریق سریع ورق زدن کاغذهای گوشه دفترمان انجام دادهایم.
از تکنیکهای دیگر ساخت انیمیشن میتوان به انیمیشنهای فریم کلیدی یا Keyframe اشاره کرد. این تکنیک به دلیل سادگی استفاده، بصورت امکانی جذاب در نرمافزارهای طراحی گرافیک مانند Photoshop قرارداده شده است. احتمالا بسیاری از شما انیمیشنهای Gif بسیاری با استفاده از این امکان Photoshop تولید کردهاید.
پس از مهاجرت بسیاری از طراحان از Adobe Illustrator و Adobe Photoshop به نرمافزارهای Sketch و Adobe Xd، امکانات محدودتری از این دست در اختیار آنان قرار گرفتهست. تیم Anima نامیست که هنگام معرفی افزونه Launchpad برای Sketch در این کانال، به آن اشاره کرده بودیم. این تیم اخیرا افزونه جذاب دیگری را برای Sketch معرفی کردهست که امکان ساخت انیمیشنهای فریمکلیدی را برای شما به ارمغان میآورد.
اگر از نرمافزار Principle استفاده کرده باشید، متوجه خواهید شد که ساختاری که این افزونه به نرمافزار Sketch شما اضافه میکند، بسیار شبیه فضای این نرمافزار است، البته با امکاناتی بسیار محدودتر.
مقاله امروز به معرفی این افزونه پرداخته و نحوه کار با آن را بصورت کاربردی توضیح میدهد:
https://medium.com/sketch-app-sources/using-sketch-to-design-animations-b055456c4548
(زمان حدودی مطالعه، ۵ دقیقه)
معرفی دیگر محصول این تیم، Launchpad:
t.me/Dexign/131
#ابزار #افزونه #Sketch
@Dexign فلسفه دیزاین
___
Medium
Using Sketch to Design Animations
Animations in Sketch with Anima — The Basics
جامی که اولین تلاشهای هنرمندان برای ایجاد مفهوم انیمیشن را نشان میدهد و در موزه ایرانباستان نگهداری میشود.
@Dexign فلسفه دیزاین
@Dexign فلسفه دیزاین
This media is not supported in your browser
VIEW IN TELEGRAM
انیمیشنی که بر روی جامی ۵۰۰۰ ساله، کشف شده در «شهر سوخته»، در نزدیکی زابل، نقاشی شده است.
@Dexign فلسفه دیزاین
@Dexign فلسفه دیزاین