این پست تا به حال نزدیک به ۲۰۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
طراحی دکمهها در گذر زمان
دکمهها موجودات جالبی هستند. قبلتر هم مفصلا به آنها پرداخته بودیم. با دکمهها ما خرید خود را نهایی میکنیم، به حساب خود در اپلیکیشن موبایلبانکمان وارد میشویم، فرمهای ثبتنام را ثبت میکنیم و …
در مقاله امروز، آقای Wojciech Dobry نتیجه بررسی را که روی تغییرات طراحی ۸ ساله دکمهها داشتهاند، ارائه میدهند.
این تحقیق روی پلتفرم Dribbble اتفاق افتاده است.
پیشنهاد میکنم این سیرِ زمانی جالب را همین حالا روی این مقاله بررسی کنید:
https://www.toptal.com/designers/ui/button-design-dribbble-timeline
(زمان حدودی مطالعه، ۶ دقیقه)
#دکمه #تاریخچه #روند
@Dexign دیزاین
___
دکمهها موجودات جالبی هستند. قبلتر هم مفصلا به آنها پرداخته بودیم. با دکمهها ما خرید خود را نهایی میکنیم، به حساب خود در اپلیکیشن موبایلبانکمان وارد میشویم، فرمهای ثبتنام را ثبت میکنیم و …
در مقاله امروز، آقای Wojciech Dobry نتیجه بررسی را که روی تغییرات طراحی ۸ ساله دکمهها داشتهاند، ارائه میدهند.
این تحقیق روی پلتفرم Dribbble اتفاق افتاده است.
پیشنهاد میکنم این سیرِ زمانی جالب را همین حالا روی این مقاله بررسی کنید:
https://www.toptal.com/designers/ui/button-design-dribbble-timeline
(زمان حدودی مطالعه، ۶ دقیقه)
#دکمه #تاریخچه #روند
@Dexign دیزاین
___
Toptal Design Blog
Button Design Over the Years – The Dribbble Timeline | Toptal®
Digital design and UIs are evolving at an incredible pace and the styling of buttons along with it. The Dribbble Button Timeline shows us how button styles have developed over the past decade.
این پست تا به حال نزدیک به ۱۸۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین
معرفی Lottie:
ابزاری بینظیر برای خلاقانهترین ایدههای شما
برای ما دیزاینرها همیشه متحرک کردن عناصری که در دیزاین استفاده میکنیم، جذابیت زیادی داشته است. جدای از اینکه دیزاینهای متحرک اغلب برای کاربرها نیز هیجانانگیز میباشد، ساخت آنها و دیدن نتیجه کار برای خود دیزاینر نیز لذتی غیرقابل وصف دارد. ولی دیزاینهای متحرک اغلب به سختی قابل پیادهسازی هستند و به کمال رساندن آنها هنگام پیادهسازی، مستلزم اختصاص زمان بسیار زیادی از طرف تیم پیادهسازیست.
امروز میخواهیم درباره ابزاری صحبت کنیم که قدم بزرگی در جهت سادهسازی پیادهسازی دیزاینهای متحرک برداشته است. قبلتر هم درباره خبرهایی که Airbnb در مجامع دیزاین ایجاد کرده بود صحبت کردهایم. این شرکت چند ماه قبل مجددا خبرساز شد و ابزاری متنباز به اسم Lottie را معرفی کرد.
با استفاده از این ابزار شما میتوانید انیمیشنهایی بُرداری (vector) را با پسوند JSON با کمک نرمافزار Adobe AfterEffect تولید کرده و تیم توسعه هم با استفاده از کتابخانه ارائه شده و استفاده از آن در اپلیکیشن، به راحتی آن انیمیشن را اجرا کند.
تجربه ما بعد از استفاده چندباره از این ابزار برای اجرای انیمیشنها و تعاملهای متحرک، نشان میدهد که گاهی انیمیشنها احتیاج به بازسازی دارند و باید گاهی تغییراتی در آنها اعمال که بتوان آنها را به شکلی عالی در اپلیکیشن اجرا کرد ولی همچنان سرعت بسیار زیادی به روند پیادهسازی میدهد.
پیشنهاد میکنم در اولین فرصت این ابزار را امتحان کرده و از طراحی انیمیشنها لذت ببرید.
در ادامه توجه شما را به چند انیمیشن اجرا شده که استفاده جلب میکنم.
https://medium.com/airbnb-engineering/introducing-lottie-4ff4a0afac0e
(زمان حدودی مطالعه، ۸ دقیقه)
#ابزار #اینتراکشن #تجربه_کاربری #Lottie
@Dexign دیزاین
___
ابزاری بینظیر برای خلاقانهترین ایدههای شما
برای ما دیزاینرها همیشه متحرک کردن عناصری که در دیزاین استفاده میکنیم، جذابیت زیادی داشته است. جدای از اینکه دیزاینهای متحرک اغلب برای کاربرها نیز هیجانانگیز میباشد، ساخت آنها و دیدن نتیجه کار برای خود دیزاینر نیز لذتی غیرقابل وصف دارد. ولی دیزاینهای متحرک اغلب به سختی قابل پیادهسازی هستند و به کمال رساندن آنها هنگام پیادهسازی، مستلزم اختصاص زمان بسیار زیادی از طرف تیم پیادهسازیست.
امروز میخواهیم درباره ابزاری صحبت کنیم که قدم بزرگی در جهت سادهسازی پیادهسازی دیزاینهای متحرک برداشته است. قبلتر هم درباره خبرهایی که Airbnb در مجامع دیزاین ایجاد کرده بود صحبت کردهایم. این شرکت چند ماه قبل مجددا خبرساز شد و ابزاری متنباز به اسم Lottie را معرفی کرد.
با استفاده از این ابزار شما میتوانید انیمیشنهایی بُرداری (vector) را با پسوند JSON با کمک نرمافزار Adobe AfterEffect تولید کرده و تیم توسعه هم با استفاده از کتابخانه ارائه شده و استفاده از آن در اپلیکیشن، به راحتی آن انیمیشن را اجرا کند.
تجربه ما بعد از استفاده چندباره از این ابزار برای اجرای انیمیشنها و تعاملهای متحرک، نشان میدهد که گاهی انیمیشنها احتیاج به بازسازی دارند و باید گاهی تغییراتی در آنها اعمال که بتوان آنها را به شکلی عالی در اپلیکیشن اجرا کرد ولی همچنان سرعت بسیار زیادی به روند پیادهسازی میدهد.
پیشنهاد میکنم در اولین فرصت این ابزار را امتحان کرده و از طراحی انیمیشنها لذت ببرید.
در ادامه توجه شما را به چند انیمیشن اجرا شده که استفاده جلب میکنم.
https://medium.com/airbnb-engineering/introducing-lottie-4ff4a0afac0e
(زمان حدودی مطالعه، ۸ دقیقه)
#ابزار #اینتراکشن #تجربه_کاربری #Lottie
@Dexign دیزاین
___
Medium
Introducing Lottie
Our new open-source tool makes adding animation to native apps a snap.
ایدههایی از بازی شطرنج برای آموزش دیزاین
حتما برای شما هم پیش آمده که به کسی بازی شطرنج را یاد بدهید یا از کسی آن را یاد بگیرید.
اکثر ما شطرنج را با این جملات یاد گرفته ایم:
سرباز (پیاده) میتواند به این شکل حرکت کند، حرکت فیل به این شکل است ولی رخ را به این شکل باید حرکت داد، حرکتهای شاه محدود به اینهاست ولی وزیر …
تازه فقط اینها نیست، مناطق حساس بازی و تکنیکهای معروف آن هم هست.
با این نحوه توضیح، احتمالا مخاطب در ابتدا و قبل از اینکه این بازی را کاملا درک کند، از شطرنج بیزار میشود، چرا که برای بازی کردن آمده نه برای گوش دادن به این حرفها.
حال فرض کنید کسی، به عنوان آموزشدهنده، یک وضعیت معروف این بازی (مانند وضعیت شاه و پیاده) را روی زمین چیده و شروع به بازی کنید!
حال آموزش بازی شطرنج را با آموزش دیزاین مقایسه کنید. در دیزاین هم ابزارهای مختلفی در اختیار دارید، علیرغم اینکه در زمین بازی قوانین و اصول مشخصی وجود دارد ولی جلوی خلاقیت شخصی شما نباید گرفته شود. عناصر مختلف در کنار همدیگر به طرحی معنا میدهند و …
حال فرض کنید آموزش دیزاین را به جای شروع توضیح تک تک عناصر و و قوانین، با دیزاین یک عنصر شروع کنید. به نظرتان نتیجه چطور خواهد بود؟
مقاله امروز با ایده گرفتن از نحوه تدریس یک استاد شطرنج، راهکارهایی برای دیزاین و آموزش دیزاین ارائه میدهد که بسیار هیجانانگیز و جالب هستند.
مقاله امروز را از دست ندهید!
http://alistapart.com/article/the-king-vs-pawn-game-of-ui-design
(زمان حدودی مطالعه، ۱۵ دقیقه)
پ. ن.
پیشتر هم درباره عناصر دیزاین به مثابه اتمهای آن صحبت کردهایم. اگر آن مقاله را نخواندهاید، پیشنهاد میکنم که آن را هم مطالعه کنید چراکه میتواند کامل کننده این موضوع باشد:
«درسهایی درباره «دکمهها»، خالصترین نماینده یک طراحی»
https://news.1rj.ru/str/Dexign/57
#متد #آموزش #دیزاین #design
@Dexign فلسفه دیزاین
___
حتما برای شما هم پیش آمده که به کسی بازی شطرنج را یاد بدهید یا از کسی آن را یاد بگیرید.
اکثر ما شطرنج را با این جملات یاد گرفته ایم:
سرباز (پیاده) میتواند به این شکل حرکت کند، حرکت فیل به این شکل است ولی رخ را به این شکل باید حرکت داد، حرکتهای شاه محدود به اینهاست ولی وزیر …
تازه فقط اینها نیست، مناطق حساس بازی و تکنیکهای معروف آن هم هست.
با این نحوه توضیح، احتمالا مخاطب در ابتدا و قبل از اینکه این بازی را کاملا درک کند، از شطرنج بیزار میشود، چرا که برای بازی کردن آمده نه برای گوش دادن به این حرفها.
حال فرض کنید کسی، به عنوان آموزشدهنده، یک وضعیت معروف این بازی (مانند وضعیت شاه و پیاده) را روی زمین چیده و شروع به بازی کنید!
حال آموزش بازی شطرنج را با آموزش دیزاین مقایسه کنید. در دیزاین هم ابزارهای مختلفی در اختیار دارید، علیرغم اینکه در زمین بازی قوانین و اصول مشخصی وجود دارد ولی جلوی خلاقیت شخصی شما نباید گرفته شود. عناصر مختلف در کنار همدیگر به طرحی معنا میدهند و …
حال فرض کنید آموزش دیزاین را به جای شروع توضیح تک تک عناصر و و قوانین، با دیزاین یک عنصر شروع کنید. به نظرتان نتیجه چطور خواهد بود؟
مقاله امروز با ایده گرفتن از نحوه تدریس یک استاد شطرنج، راهکارهایی برای دیزاین و آموزش دیزاین ارائه میدهد که بسیار هیجانانگیز و جالب هستند.
مقاله امروز را از دست ندهید!
http://alistapart.com/article/the-king-vs-pawn-game-of-ui-design
(زمان حدودی مطالعه، ۱۵ دقیقه)
پ. ن.
پیشتر هم درباره عناصر دیزاین به مثابه اتمهای آن صحبت کردهایم. اگر آن مقاله را نخواندهاید، پیشنهاد میکنم که آن را هم مطالعه کنید چراکه میتواند کامل کننده این موضوع باشد:
«درسهایی درباره «دکمهها»، خالصترین نماینده یک طراحی»
https://news.1rj.ru/str/Dexign/57
#متد #آموزش #دیزاین #design
@Dexign فلسفه دیزاین
___
A List Apart
The King vs. Pawn Game of UI Design
If you want to improve your UI design skills, try looking at chess. Sounds contrived, maybe, but in Erik Kennedy’s hands, it’s sublime. Marvel and learn as he uses a concept from chess to build a t…
بررسی علائم تصویری المپیک پیونگچانگ
اولین دوره بازیهای المپیک در سال ۱۸۹۶ در شهر آتنِ یونان برگزار شد. پس از ۱۲۲ سال، بازیهای المپیک زمستانی ۲۰۱۸ چندروزیست که شروع شده است و فرهنگهای مختلفی از ۹۲ کشور دنیا را در یک نقطه جمع کرده تا به رقابت بپردازند.
با توجه به اینکه المپیک بزرگترین و قدیمیترین رویداد ورزشی در تمام دنیاست، به همین دلیل طراحیهایی که برای این رویداد اتفاق میافتند، مشکل ولی در عین حال بسیار جذاب و هیجانانگیز هستند.
مقاله امروز به بررسی علائم تصویری (Pictograms) المپیک امسال پرداخته و از جهات مختلف اهمیت آنها را بررسی میکند.
از جمله نکاتی که به آنها اشاره میکند تغییرات این علائم تصویری به مرور زمان و برای هرکدام از المپیکها بوده که متاثر از تغییرات روندهای دیزاین و همچنین تکنولوژیهاییست که در سالهای مختلف مورد توجه بودهست.
از شما دعوت میکنم که این مقاله هیجانانگیز را مطالعه کرده و مروری بر تاریخچه بصری المپیک داشته باشید.
https://medium.com/@joshrose/drawing-from-the-past-5a8fe3029a58
(زمان حدودی مطالعه، ۱۰ دقیقه)
#بررسی #پیکتوگرام #المپیک
@Dexign فلسفه دیزاین
___
اولین دوره بازیهای المپیک در سال ۱۸۹۶ در شهر آتنِ یونان برگزار شد. پس از ۱۲۲ سال، بازیهای المپیک زمستانی ۲۰۱۸ چندروزیست که شروع شده است و فرهنگهای مختلفی از ۹۲ کشور دنیا را در یک نقطه جمع کرده تا به رقابت بپردازند.
با توجه به اینکه المپیک بزرگترین و قدیمیترین رویداد ورزشی در تمام دنیاست، به همین دلیل طراحیهایی که برای این رویداد اتفاق میافتند، مشکل ولی در عین حال بسیار جذاب و هیجانانگیز هستند.
مقاله امروز به بررسی علائم تصویری (Pictograms) المپیک امسال پرداخته و از جهات مختلف اهمیت آنها را بررسی میکند.
از جمله نکاتی که به آنها اشاره میکند تغییرات این علائم تصویری به مرور زمان و برای هرکدام از المپیکها بوده که متاثر از تغییرات روندهای دیزاین و همچنین تکنولوژیهاییست که در سالهای مختلف مورد توجه بودهست.
از شما دعوت میکنم که این مقاله هیجانانگیز را مطالعه کرده و مروری بر تاریخچه بصری المپیک داشته باشید.
https://medium.com/@joshrose/drawing-from-the-past-5a8fe3029a58
(زمان حدودی مطالعه، ۱۰ دقیقه)
#بررسی #پیکتوگرام #المپیک
@Dexign فلسفه دیزاین
___
Medium
Drawing From The Past
A Deeper Look at PyeongChang’s Olympic Pictograms
این پست تا به حال نزدیک به ۲۰۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین
دیزاینها را باید شُست، جور دیگر باید چید
چشمها بخشهای عجیبی از انسان هستند. چشمهای کاربران گاهی آنچه را که دیزاین کردهاید، آنطوری که نقشهاش را کشیدهاید، نمیبینند. گاهی شما تمام دقت خود را صرف کردهاید تا عناصر صفحه را در فواصل مساوی از یکدیگر یا در اندازههای برابر با یکدیگر دیزاین شوند، ولی چشمها آنها را تراز شده و یا هماندازه نمیبینند. سوال اینکه چطور باید دیزاین کرد؟
دانستن این موضوع به طراحان رابط کاربری، طراحان فونت یا حتی کسانی که صفحهآرایی انجام میدهند کمک میکند که دیزاینهایی چشمنوازتر انجام دهند.
قبلتر هم در مقالهای دیگر درباره این موضوع صحبت کرده بودیم، ولی اینبار میخواهیم بسیار مفصلتر و با مثالهای بسیاری این موضوع را بررسی کنیم.
در مقاله امروز آقای Slava Shestopalov با استفاده از بیش از ۵۰ نمونه و با توضیح جزئیتر (بخصوص روی اشکالی با گوشههای گرد) به ما در درک بهتر این مفهوم کمک میکند.
پیشنهاد میکنم مقاله امروز را از دست ندهید.
https://medium.muz.li/optical-effects-9fca82b4cd9a
(زمان حدودی مطالعه، ۱۸ دقیقه)
#آموزش #بررسی #مفاهیم #نمونهها
@Dexign دیزاین
___
چشمها بخشهای عجیبی از انسان هستند. چشمهای کاربران گاهی آنچه را که دیزاین کردهاید، آنطوری که نقشهاش را کشیدهاید، نمیبینند. گاهی شما تمام دقت خود را صرف کردهاید تا عناصر صفحه را در فواصل مساوی از یکدیگر یا در اندازههای برابر با یکدیگر دیزاین شوند، ولی چشمها آنها را تراز شده و یا هماندازه نمیبینند. سوال اینکه چطور باید دیزاین کرد؟
دانستن این موضوع به طراحان رابط کاربری، طراحان فونت یا حتی کسانی که صفحهآرایی انجام میدهند کمک میکند که دیزاینهایی چشمنوازتر انجام دهند.
قبلتر هم در مقالهای دیگر درباره این موضوع صحبت کرده بودیم، ولی اینبار میخواهیم بسیار مفصلتر و با مثالهای بسیاری این موضوع را بررسی کنیم.
در مقاله امروز آقای Slava Shestopalov با استفاده از بیش از ۵۰ نمونه و با توضیح جزئیتر (بخصوص روی اشکالی با گوشههای گرد) به ما در درک بهتر این مفهوم کمک میکند.
پیشنهاد میکنم مقاله امروز را از دست ندهید.
https://medium.muz.li/optical-effects-9fca82b4cd9a
(زمان حدودی مطالعه، ۱۸ دقیقه)
#آموزش #بررسی #مفاهیم #نمونهها
@Dexign دیزاین
___
Medium
Optical effects in user interfaces
How to make optically balanced icons, correct shapes alignment, and perfect corner rounding
این پست تا به حال نزدیک به ۱۶۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین
دیزاینهایی که کاربر را صدا میزنند
صداها هم مثل بوها و رنگها، موجودات عجیب هستند. شنیدنشان خاطرهها، حس و حال بسیاری را با خود به همراه دارد. برای لحظاتی چشمهایتان را ببندید و فکر کنید که صدای بالا آمدن ویندوز یا مک را به خاطر دارید؟ صدای شروع اخبار ساعت ۱۴ شبکه یک صدا و سیمای ایران را چطور؟ صدای زنگ پیشفرض گوشیهای نوکیا و آیفون را چی؟ یا حتی معروفترین آواهای خاطرات ایرانیان: تبلیغات صاایران، بوتان و مودم دایلآپ!
حدود سه سال قبل، همراه یک تیم خوب به طراحی یک بازی Endless به نام Bring Me Up مشغول بودیم. وقتی به مرحله صداگذاری رسیدیم، در ابتدا تصمیم به دریافت صداهای رایگان روی اینترنت گرفتیم. نتیجه باب میلمان نبود. بعد از کمی فکر شروع کردیم به گفتن آواهایی با دهان و هرکدام را با کامپیوتر کمی تغییر داده و روی بازی قرار دادیم. نتیجه بسیار رضایتبخشتر بود.
گرچه این بازی که در عرض دو هفته طراحی و پیادهسازی شده بود، طرفدار زیادی پیدا نکرد، ولی تجربه ساخت یک بازی و بخصوص صداگذاری آن، به قدری برای من جذاب بود که به یکی از موضوعات مورد علاقهام در دیزاین تبدیل شد.
با مقدمه بالا، احتمالا فهمیدهاید که مقاله امروز درباره دیزاین صداهاست. صداهایی که ما برای دمیدن روح و دادن جان به رابطهای کاربری و محصولاتمان از آنها استفاده میکنیم.
این مقاله از پایهایترین نکات آغاز کرده و با گنجاندن نمونههای مختلفی از صداهای Notificationها و شما را در مسیر یادگیری استفاده کاملا حرفهای از صداها در محصولاتتان یاری خواهد کرد.
پیش از شروع خواندن این مقاله عالی، توجه شما را به ویدئویی که در ادامه ارسال شدهست جلب میکنم که کار بسیار خوبی از مجله WIRED است، درباره رواشناسی صداها.
https://icons8.com/articles/ui-sounds/
(زمان حدودی مطالعه، ۱۲ دقیقه + تماشای ویدئوها)
#آموزش #صدا #رابط_کاربری
@Dexign فلسفه دیزاین
ــــــــــــــــــــ
صداها هم مثل بوها و رنگها، موجودات عجیب هستند. شنیدنشان خاطرهها، حس و حال بسیاری را با خود به همراه دارد. برای لحظاتی چشمهایتان را ببندید و فکر کنید که صدای بالا آمدن ویندوز یا مک را به خاطر دارید؟ صدای شروع اخبار ساعت ۱۴ شبکه یک صدا و سیمای ایران را چطور؟ صدای زنگ پیشفرض گوشیهای نوکیا و آیفون را چی؟ یا حتی معروفترین آواهای خاطرات ایرانیان: تبلیغات صاایران، بوتان و مودم دایلآپ!
حدود سه سال قبل، همراه یک تیم خوب به طراحی یک بازی Endless به نام Bring Me Up مشغول بودیم. وقتی به مرحله صداگذاری رسیدیم، در ابتدا تصمیم به دریافت صداهای رایگان روی اینترنت گرفتیم. نتیجه باب میلمان نبود. بعد از کمی فکر شروع کردیم به گفتن آواهایی با دهان و هرکدام را با کامپیوتر کمی تغییر داده و روی بازی قرار دادیم. نتیجه بسیار رضایتبخشتر بود.
گرچه این بازی که در عرض دو هفته طراحی و پیادهسازی شده بود، طرفدار زیادی پیدا نکرد، ولی تجربه ساخت یک بازی و بخصوص صداگذاری آن، به قدری برای من جذاب بود که به یکی از موضوعات مورد علاقهام در دیزاین تبدیل شد.
با مقدمه بالا، احتمالا فهمیدهاید که مقاله امروز درباره دیزاین صداهاست. صداهایی که ما برای دمیدن روح و دادن جان به رابطهای کاربری و محصولاتمان از آنها استفاده میکنیم.
این مقاله از پایهایترین نکات آغاز کرده و با گنجاندن نمونههای مختلفی از صداهای Notificationها و شما را در مسیر یادگیری استفاده کاملا حرفهای از صداها در محصولاتتان یاری خواهد کرد.
پیش از شروع خواندن این مقاله عالی، توجه شما را به ویدئویی که در ادامه ارسال شدهست جلب میکنم که کار بسیار خوبی از مجله WIRED است، درباره رواشناسی صداها.
https://icons8.com/articles/ui-sounds/
(زمان حدودی مطالعه، ۱۲ دقیقه + تماشای ویدئوها)
#آموزش #صدا #رابط_کاربری
@Dexign فلسفه دیزاین
ــــــــــــــــــــ
blog.icons8.com
UI Sounds: Everything About User Interface Sounds
A sound can significantly improve the users’ experience and be useful where GIU can not. All that it takes - to put good sounds in the right places.
این پست تا به حال نزدیک به ۱۹۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین
معرفی مفهوم Interaction Flows
دیزاین شدن یک محصول، قدمهای اول برای شکلگیری و بدنیا آمدنش است. در مسیر شکلگیری آن افراد و تیمهای مختلفی همکاری میکنند که دیزاینر یا تیم دیزاین و همچنین توسعهدهنده یا تیم توسعه از جمله آنها هستند. نحوه تعامل تیمهای مختلف با یکدیگر و انتقال خروجیهای یک تیم به عنوان ورودی، به تیم دیگر همیشه محل بحث و البته ارائه پیشنهادهایی برای بهبود بوده است.
وقتی محصولی دیزاین میشود، تمامی بخشها و صفحات آن، تمامی روندها و حتی انیمیشنهای تعاملی آن در ذهن دیزاینر شکل میگیرد. گاهی این جزئیات -که اتفاقا ممکن است کار را از سطحی خوب به عالی ببرند- در روند انتقال دیزاینها به تیم توسعه، به خوبی تفهیم نشده و باعث اتلاف وقت زیادی برای هردو طرف میشوند.
ما پیشتر هم درباره این چالش صحبت کرده و ابزارهایی برای انتقال انیمیشنهای تعاملی معرفی کردهایم. امروز میخواهیم راهحل پیشنهادی خانم Havana Nguyen را درباره انتقال روندهای دیزاین بررسی کنیم.
ایشان پس از طرح مساله بالا، راهحلهای مختلف ارائه شده را بررسی کرده و با ترکیب مفاهیم Wireflow و بنیانهای ساخت Microinteractionها، یک Template جدید با نام IX Flows ارائه کردند.
این Template از دید من ترکیبیست از Storyboard و Functional Specification، و مفهومیست کارآمد برای مستندسازی یک دیزاین و انتقال تمام و کمال آن به تیم توسعه.
پیشنهاد میکنم همین حالا مقاله را بررسی کرده تا بتوانید آن را در محصولات خود به کار ببندید.
https://uxplanet.org/an-introduction-to-interaction-flows-a4f783402529
(زمان حدودی مطالعه، ۱۰ دقیقه)
#معرفی #متد #اینتراکشن
@Dexign فلسفه دیزاین
ـــــــــ
دیزاین شدن یک محصول، قدمهای اول برای شکلگیری و بدنیا آمدنش است. در مسیر شکلگیری آن افراد و تیمهای مختلفی همکاری میکنند که دیزاینر یا تیم دیزاین و همچنین توسعهدهنده یا تیم توسعه از جمله آنها هستند. نحوه تعامل تیمهای مختلف با یکدیگر و انتقال خروجیهای یک تیم به عنوان ورودی، به تیم دیگر همیشه محل بحث و البته ارائه پیشنهادهایی برای بهبود بوده است.
وقتی محصولی دیزاین میشود، تمامی بخشها و صفحات آن، تمامی روندها و حتی انیمیشنهای تعاملی آن در ذهن دیزاینر شکل میگیرد. گاهی این جزئیات -که اتفاقا ممکن است کار را از سطحی خوب به عالی ببرند- در روند انتقال دیزاینها به تیم توسعه، به خوبی تفهیم نشده و باعث اتلاف وقت زیادی برای هردو طرف میشوند.
ما پیشتر هم درباره این چالش صحبت کرده و ابزارهایی برای انتقال انیمیشنهای تعاملی معرفی کردهایم. امروز میخواهیم راهحل پیشنهادی خانم Havana Nguyen را درباره انتقال روندهای دیزاین بررسی کنیم.
ایشان پس از طرح مساله بالا، راهحلهای مختلف ارائه شده را بررسی کرده و با ترکیب مفاهیم Wireflow و بنیانهای ساخت Microinteractionها، یک Template جدید با نام IX Flows ارائه کردند.
این Template از دید من ترکیبیست از Storyboard و Functional Specification، و مفهومیست کارآمد برای مستندسازی یک دیزاین و انتقال تمام و کمال آن به تیم توسعه.
پیشنهاد میکنم همین حالا مقاله را بررسی کرده تا بتوانید آن را در محصولات خود به کار ببندید.
https://uxplanet.org/an-introduction-to-interaction-flows-a4f783402529
(زمان حدودی مطالعه، ۱۰ دقیقه)
#معرفی #متد #اینتراکشن
@Dexign فلسفه دیزاین
ـــــــــ
Medium
An Introduction to Interaction Flows
Could IX Flows be a key to smoother design/dev handoffs?
این پست تا به حال نزدیک به ۲۴۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین
آیا محصول شما در جیب جا میشود؟
میدانستید تعریف Mark Zuckerberg از Facebook چیست؟
«چیزی که شما میتواند اسم کسی را در آن جستجو کرده و کلی اطلاعات درباره آن فرد بفهمید.»
یا تعریف Travis Kalanick، از Uber (سرویسی که اسنپ مشابه آن است)؟
«شما دکمهای را فشار میدهید و ۵ دقیقه بعد یک مرسدس میاد و شما رو به هرکجا بخواهید میبره.»
در تعریف Mark Zuckerberg از سرویسی که بنیانگذار آن است، هیچ نشانی از «شبکه اجتماعی» یا دهها ویژگی منحصربفرد دیگر Facebook نیست.
آیا شما هم میتوانید تعریفی در این حد خلاصه و در یک جمله از محصول خود داشته باشید؟ بسیاری از ما اصرار داریم که تمامی ویژگیهای آن را در توضیح محصول بیاوریم و در نتیجه باعث سردرگمی دیگران میشویم.
در تمامی ارائههای شفاهی، توضیحات متنی و هر نوع توضیحی که هرجایی قرار است از محصول شما عنوان شود، باید بتوان بهینهترین آنها را ارائه داد که رسالت اصلی آن سرویس یا واضحترین ایده بنیانگذار آن را بیان کند.
مقاله امروز راهنماییست استراتژیک برای این بتوانید به این توضیح یک جملهای از محصول خود برسید.
این مقاله را از دست ندهید
https://medium.dave-bailey.com/the-magic-formula-to-describe-a-product-in-one-sentence-175ce38619c7
(زمان حدودی مطالعه، ۷ دقیقه)
#بررسی #استراتژی #محصول
@Dexign فلسفه دیزاین
ــــــ
میدانستید تعریف Mark Zuckerberg از Facebook چیست؟
«چیزی که شما میتواند اسم کسی را در آن جستجو کرده و کلی اطلاعات درباره آن فرد بفهمید.»
یا تعریف Travis Kalanick، از Uber (سرویسی که اسنپ مشابه آن است)؟
«شما دکمهای را فشار میدهید و ۵ دقیقه بعد یک مرسدس میاد و شما رو به هرکجا بخواهید میبره.»
در تعریف Mark Zuckerberg از سرویسی که بنیانگذار آن است، هیچ نشانی از «شبکه اجتماعی» یا دهها ویژگی منحصربفرد دیگر Facebook نیست.
آیا شما هم میتوانید تعریفی در این حد خلاصه و در یک جمله از محصول خود داشته باشید؟ بسیاری از ما اصرار داریم که تمامی ویژگیهای آن را در توضیح محصول بیاوریم و در نتیجه باعث سردرگمی دیگران میشویم.
در تمامی ارائههای شفاهی، توضیحات متنی و هر نوع توضیحی که هرجایی قرار است از محصول شما عنوان شود، باید بتوان بهینهترین آنها را ارائه داد که رسالت اصلی آن سرویس یا واضحترین ایده بنیانگذار آن را بیان کند.
مقاله امروز راهنماییست استراتژیک برای این بتوانید به این توضیح یک جملهای از محصول خود برسید.
این مقاله را از دست ندهید
https://medium.dave-bailey.com/the-magic-formula-to-describe-a-product-in-one-sentence-175ce38619c7
(زمان حدودی مطالعه، ۷ دقیقه)
#بررسی #استراتژی #محصول
@Dexign فلسفه دیزاین
ــــــ
Medium
The Art of Writing One-Sentence Product Denoscriptions
A look back at early interviews with Facebook and Uber CEOs illustrates an ingenious way to communicate hard-to-describe products.
به نام دیزاین، به کام تاریکی
برای هر قدرت و مهارتی، میتوان جنبههای خوب و جنبههای بد متصور شد. آهنگر میتواند شمشیر بسازد و یا قاشق. داروساز میتواند سم بسازد و یا درمان سم و …
دیزاینرها هم همینطور هستند. آنها میتوانند از قدرت خود در دیزاین محصولات اعتیادآور و جذاب، برای جذب کاربران به سرویسی مفید استفاده کنند و یا برای سرویسی که به ضرر کاربران ولی به سود سازندگانش است.
نویسنده مقاله امروز آقای Nir Eyal است. ایشان نویسنده کتابی با عنوان Hooked هستند که در آن توضیح میدهد چگونه میتوان استفاده از یک محصول را به عادتی برای کاربرانش تبدیل کرد.
جدای از اینکه مطالعه این کتاب را به شدت توصیه میکنم، مقاله ایشان هم نکته قابل توجهی را مطرح میکند. اینکه بهتر است دیزاینرها قدرتهای خود را با درایت بیشتری استفاده کنند؛ صرفا به «در دایره قوانین حقوقی بودن» اکتفا نکرده و قوانین اخلاقی را هم در نظر بیاورند.
برای کمک به این اتفاق، ایشان تستی را پیشنهاد میدهند. نام این تست را «تست پشیمانی» گذاشتهاند و به صورت یک سوال آن را مطرح میکنند:
اگر کاربران تمامی اطلاعاتی را که دیزاینر یک محصول، از آن محصول دارد بدانند، باز هم به استفاده از آن محصول ادامه میدهند؟
نظر شما چیست؟
مقاله امروز را از دست ندهید. همچنین خوشحال میشوم نظراتتان را با من در میان بگذارید.
https://medium.com/wordsthatmatter/designers-need-the-regret-test-86ef957e0d34
(زمان حدودی مطالعه، ۷ دقیقه)
پ. ن.
پیشتر هم درباره جنبههای سیاه قدرتها و ابزارهای دیزاین صحبت کرده بودیم که در لینک زیر قابل بازبینیست:
«جادوی سیاهی به نام نوتیفیکیشن»
t.me/Dexign/225
#چالش #دیزاین #تست_پشیمانی
@Dexign فلسفه دیزاین
___
برای هر قدرت و مهارتی، میتوان جنبههای خوب و جنبههای بد متصور شد. آهنگر میتواند شمشیر بسازد و یا قاشق. داروساز میتواند سم بسازد و یا درمان سم و …
دیزاینرها هم همینطور هستند. آنها میتوانند از قدرت خود در دیزاین محصولات اعتیادآور و جذاب، برای جذب کاربران به سرویسی مفید استفاده کنند و یا برای سرویسی که به ضرر کاربران ولی به سود سازندگانش است.
نویسنده مقاله امروز آقای Nir Eyal است. ایشان نویسنده کتابی با عنوان Hooked هستند که در آن توضیح میدهد چگونه میتوان استفاده از یک محصول را به عادتی برای کاربرانش تبدیل کرد.
جدای از اینکه مطالعه این کتاب را به شدت توصیه میکنم، مقاله ایشان هم نکته قابل توجهی را مطرح میکند. اینکه بهتر است دیزاینرها قدرتهای خود را با درایت بیشتری استفاده کنند؛ صرفا به «در دایره قوانین حقوقی بودن» اکتفا نکرده و قوانین اخلاقی را هم در نظر بیاورند.
برای کمک به این اتفاق، ایشان تستی را پیشنهاد میدهند. نام این تست را «تست پشیمانی» گذاشتهاند و به صورت یک سوال آن را مطرح میکنند:
اگر کاربران تمامی اطلاعاتی را که دیزاینر یک محصول، از آن محصول دارد بدانند، باز هم به استفاده از آن محصول ادامه میدهند؟
نظر شما چیست؟
مقاله امروز را از دست ندهید. همچنین خوشحال میشوم نظراتتان را با من در میان بگذارید.
https://medium.com/wordsthatmatter/designers-need-the-regret-test-86ef957e0d34
(زمان حدودی مطالعه، ۷ دقیقه)
پ. ن.
پیشتر هم درباره جنبههای سیاه قدرتها و ابزارهای دیزاین صحبت کرده بودیم که در لینک زیر قابل بازبینیست:
«جادوی سیاهی به نام نوتیفیکیشن»
t.me/Dexign/225
#چالش #دیزاین #تست_پشیمانی
@Dexign فلسفه دیزاین
___
Medium
Designers Need the “Regret Test”
Behavior Designer Nir Eyal introduces a simple test that could help tech companies avoid huge ethical missteps.
تعاملی نزدیک از نوع ۴۹
احتمالا علاقه غیرقابل وصف من به Prototyping بر هیچکدام از دنبالکنندگان این کانال پوشیده نیست. تکنیکهای Prototyping که در سالهای اخیر بیشتر به سمت دیزاین متمایل شده است، سرعت ساخته شدن نمونه اولیه محصولات دیجیتال بالا برده و در نتیجه منجر به تست و رفع اشکال سریعتر شده است.
تقریبا تمامی شرکتهای دیزاین کم و بیش روی این موضوع داغ کار کردهاند و همگی در سبدهای محصولات خود، یک ابزار Prototyping را دارند. نسخه جدید نرمافزار Sketch نیز از این غافله عقب نمانده و در بروزرسانی نسخه ۴۹ خود، امکان ساخت Prototypeهای تعاملی را در همان محیط آشنای Artboardها فراهم کردهست.
علاوه بر ویژگی هیجانانگیزی که به آن اشاره کردیم، در این بروزرسانی، امکان قراردادن کتابخانهها بر روی Cloud فراهم شده است که در نوع خود جذاب است.
پیشنهاد میکنم مقاله امروز را از دست نداده و ویدئویی را که در ادامه برای معرفی این ویژگی ارسال شده است، ببینید.
https://sketchapp.com/docs/prototyping/
(زمان حدودی مطالعه، ۵ دقیقه)
پ. ن.
در این کانال قبلا درباره کتابخانههای Sketch صحبت کرده بودیم که میتواند مطلب مربوطه را در لینک زیر مطالعه کنید:
«کتابخانهها به شما بال میدن»
t.me/Dexign/168
#بررسی #بروزرسانی #Sketch
@Dexign فلسفه دیزاین
___
احتمالا علاقه غیرقابل وصف من به Prototyping بر هیچکدام از دنبالکنندگان این کانال پوشیده نیست. تکنیکهای Prototyping که در سالهای اخیر بیشتر به سمت دیزاین متمایل شده است، سرعت ساخته شدن نمونه اولیه محصولات دیجیتال بالا برده و در نتیجه منجر به تست و رفع اشکال سریعتر شده است.
تقریبا تمامی شرکتهای دیزاین کم و بیش روی این موضوع داغ کار کردهاند و همگی در سبدهای محصولات خود، یک ابزار Prototyping را دارند. نسخه جدید نرمافزار Sketch نیز از این غافله عقب نمانده و در بروزرسانی نسخه ۴۹ خود، امکان ساخت Prototypeهای تعاملی را در همان محیط آشنای Artboardها فراهم کردهست.
علاوه بر ویژگی هیجانانگیزی که به آن اشاره کردیم، در این بروزرسانی، امکان قراردادن کتابخانهها بر روی Cloud فراهم شده است که در نوع خود جذاب است.
پیشنهاد میکنم مقاله امروز را از دست نداده و ویدئویی را که در ادامه برای معرفی این ویژگی ارسال شده است، ببینید.
https://sketchapp.com/docs/prototyping/
(زمان حدودی مطالعه، ۵ دقیقه)
پ. ن.
در این کانال قبلا درباره کتابخانههای Sketch صحبت کرده بودیم که میتواند مطلب مربوطه را در لینک زیر مطالعه کنید:
«کتابخانهها به شما بال میدن»
t.me/Dexign/168
#بررسی #بروزرسانی #Sketch
@Dexign فلسفه دیزاین
___
Sketch
How to use Sketch prototyping tools · Documentation
Find out how prototyping with Sketch can help you bring your ideas to life, try out different interactions and help test your ideas.
👍1
ابر و باد مه و خورشید و فلک در کارند
ثبات و تعادلی که در طبیعت و دیزاین آن وجود دارد، همیشه انگیزهای بوده برای الهام گرفتن دیزاینرها. طبیعت اغلب مسیری را دنبال میکند که با حداقل تلاش، به تعادلی از انرژی و کارایی مطلوب برسد.
بسیاری از ما رنگهای محصولاتی را که دیزاین میکنیم، از طبیعت الهام میگیریم یا حتی Interactionها و انیمیشنهای تعاملی که در بسیاری از سیستمعاملها و اپلیکیشنها پیاده شده از مشابههای طبیعیشان الهام گرفته شده است.
لازمه الهام گرفتن از هر چیزی، درک آن است. کنفسیوس، فیلسوف چینی میگوید: اگر موضوعی را بشنویم، فراموش خواهیم کرد؛ اگر ببینیمش، به خاطرمان خواهد ماند؛ و اگر انجامش بدهیم، کاملا درکش خواهیم کرد.
امروز میخواهیم درباره کارگاهی صحبت کنیم که قرار است به درک بهتر ما از طبیعت کمک کند.
در حاشیه همایش «آینده گردشگری» یا «Toursim Futures» که هفت روز دیگر در جزیره کیش برگزار خواهد شد، کارگاهی با عنوان «Fluid Morphologies» وجود دارد که شرکتکنندگان آن به بررسی پتانسیل استفاده از مواردی مانند آب، جاذبه، گرما، هوا و سایر نیروهای طبیعی به عنوان ابزار برای فرمدهی شکلهای دارای پیچوخم از یک قالب پلیاستری زیستتخریبپذیر به نام پلیکاپرولاکتون یا پلی مورف پرداخته خواهد شد. این ماده با وجود سختی بسیار، در دمای بالای ۶۰ سانتیگراد به راحتی قابل فرمپذیری خواهد بود.
برگزارکنندگان این کارگاه هدف و ایده کلی آن را بصورت زیر توصیف میکنند:
اهداف این کارگاه شامل ایجاد عناصر مجزا و ترکیب آنها برای ساخت مجموعههای بزرگتر باتوجه به تاثیر متقابل سطح، بافت و هندسه، تاثیر دما و تغییر رنگ ظاهری و رسیدن به یک درک جدید از ماده و پتانسیل آن برای کشف خلاقانه و فیزیکی میباشد.
پیشنهاد میکنم در مقاله زیر درباره این کارگاه بیشتر خوانده و در صورت علاقهمندی، از آدرس زیر برای ثبتنام استفاده نمایید:
http://materiability.com/portfolio/inverted-morphologies/
ثبتنام در همایش و کارگاه:
http://kish.ut.ac.ir/TF/
#معرفی #کارگاه #طراحی_صنعتی
@Dexign فلسفه دیزاین
___
ثبات و تعادلی که در طبیعت و دیزاین آن وجود دارد، همیشه انگیزهای بوده برای الهام گرفتن دیزاینرها. طبیعت اغلب مسیری را دنبال میکند که با حداقل تلاش، به تعادلی از انرژی و کارایی مطلوب برسد.
بسیاری از ما رنگهای محصولاتی را که دیزاین میکنیم، از طبیعت الهام میگیریم یا حتی Interactionها و انیمیشنهای تعاملی که در بسیاری از سیستمعاملها و اپلیکیشنها پیاده شده از مشابههای طبیعیشان الهام گرفته شده است.
لازمه الهام گرفتن از هر چیزی، درک آن است. کنفسیوس، فیلسوف چینی میگوید: اگر موضوعی را بشنویم، فراموش خواهیم کرد؛ اگر ببینیمش، به خاطرمان خواهد ماند؛ و اگر انجامش بدهیم، کاملا درکش خواهیم کرد.
امروز میخواهیم درباره کارگاهی صحبت کنیم که قرار است به درک بهتر ما از طبیعت کمک کند.
در حاشیه همایش «آینده گردشگری» یا «Toursim Futures» که هفت روز دیگر در جزیره کیش برگزار خواهد شد، کارگاهی با عنوان «Fluid Morphologies» وجود دارد که شرکتکنندگان آن به بررسی پتانسیل استفاده از مواردی مانند آب، جاذبه، گرما، هوا و سایر نیروهای طبیعی به عنوان ابزار برای فرمدهی شکلهای دارای پیچوخم از یک قالب پلیاستری زیستتخریبپذیر به نام پلیکاپرولاکتون یا پلی مورف پرداخته خواهد شد. این ماده با وجود سختی بسیار، در دمای بالای ۶۰ سانتیگراد به راحتی قابل فرمپذیری خواهد بود.
برگزارکنندگان این کارگاه هدف و ایده کلی آن را بصورت زیر توصیف میکنند:
اهداف این کارگاه شامل ایجاد عناصر مجزا و ترکیب آنها برای ساخت مجموعههای بزرگتر باتوجه به تاثیر متقابل سطح، بافت و هندسه، تاثیر دما و تغییر رنگ ظاهری و رسیدن به یک درک جدید از ماده و پتانسیل آن برای کشف خلاقانه و فیزیکی میباشد.
پیشنهاد میکنم در مقاله زیر درباره این کارگاه بیشتر خوانده و در صورت علاقهمندی، از آدرس زیر برای ثبتنام استفاده نمایید:
http://materiability.com/portfolio/inverted-morphologies/
ثبتنام در همایش و کارگاه:
http://kish.ut.ac.ir/TF/
#معرفی #کارگاه #طراحی_صنعتی
@Dexign فلسفه دیزاین
___
این پست تا به حال نزدیک به ۱۶۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین
دیزاین برای حافظه، دیزاین برای انسانها
در گذشته به اعداد اعتقاد نداشتم و سالهای سال تمامی حرفها و افسانههایی که درباره اعداد گفته میشد را نادیده میگرفتم. بعد از وارد شدن به زمینه دیزاین، وقتی داشتم سعی میکردم که در موضوعات مختلف اطلاعات کسب کنم، به جملاتی برخوردم که نظرم را تغییر داد.
«اگر به آدمها بگویید یک عدد تصادفی تک رقمی بگویند، اکثر آنها عدد ۷ را خواهند گفت.»
«بیشتر افراد میتوانند حداکثر ۷ چیز را در لحظه و در حافظه کوتاهمدت خود نگهدارند.»
و جملاتی از این دست.
امروز مقالهای را بررسی میکنیم که نویسنده آن، آقای Martin Jancik، طراحی در چارچوب محدودیتهای حافظه انسان را هدف قرارداده و با معرفی مقالات و نظریات مختلف سعی دارد ما را برای رسیدن به دیزاینی که هماهنگ با روندهای حافظه انسان است، یاری کند.
آقای Jancik مطالب مختلفی را در رابطه با این موضوع مطرح میکند که بخشیهایی از طراحی حسی، یکپارچگی طرح و غیره را شامل میشود.
از نکات جالب توجه در این مقاله که شاید بسیاری از ما از این زاویه به آنها نگاه نکرده باشیم، میتوان به تغییر رنگ Linkهای کلیک شده روی صفحات وب اشاره کرد که به حافظه ما کمک میکند.
پیشنهاد میکنم این مقاله جالب را همین حالا مطالعه کنید.
https://uxplanet.org/designing-for-human-memory-a2cdc0b6a75a
(زمان حدودی مطالعه، ۱۰ دقیقه)
#بررسی #استراتژی #طراحی
@Dexign فلسفه دیزاین
____
در گذشته به اعداد اعتقاد نداشتم و سالهای سال تمامی حرفها و افسانههایی که درباره اعداد گفته میشد را نادیده میگرفتم. بعد از وارد شدن به زمینه دیزاین، وقتی داشتم سعی میکردم که در موضوعات مختلف اطلاعات کسب کنم، به جملاتی برخوردم که نظرم را تغییر داد.
«اگر به آدمها بگویید یک عدد تصادفی تک رقمی بگویند، اکثر آنها عدد ۷ را خواهند گفت.»
«بیشتر افراد میتوانند حداکثر ۷ چیز را در لحظه و در حافظه کوتاهمدت خود نگهدارند.»
و جملاتی از این دست.
امروز مقالهای را بررسی میکنیم که نویسنده آن، آقای Martin Jancik، طراحی در چارچوب محدودیتهای حافظه انسان را هدف قرارداده و با معرفی مقالات و نظریات مختلف سعی دارد ما را برای رسیدن به دیزاینی که هماهنگ با روندهای حافظه انسان است، یاری کند.
آقای Jancik مطالب مختلفی را در رابطه با این موضوع مطرح میکند که بخشیهایی از طراحی حسی، یکپارچگی طرح و غیره را شامل میشود.
از نکات جالب توجه در این مقاله که شاید بسیاری از ما از این زاویه به آنها نگاه نکرده باشیم، میتوان به تغییر رنگ Linkهای کلیک شده روی صفحات وب اشاره کرد که به حافظه ما کمک میکند.
پیشنهاد میکنم این مقاله جالب را همین حالا مطالعه کنید.
https://uxplanet.org/designing-for-human-memory-a2cdc0b6a75a
(زمان حدودی مطالعه، ۱۰ دقیقه)
#بررسی #استراتژی #طراحی
@Dexign فلسفه دیزاین
____
Medium
Designing for Human Memory
How we can design interfaces that eliminate confusion and lower the cognitive effort.