نمونههای جالب اینتراکشن (شماره ۴)
در ادامه معرفی ایدههای جالب اینتراکشن، همانطور که گفته بودیم برای اینکه بتوانید بهتر و با ایدههای جالبتری اینتراکشنهای محصول خود را دیزاین کنید، چند وقت یک بار نمونههایی به این شکل در کانال ارسال میکنیم، این هم بخش چهارم از این مجموعه است.
توجه کنید که صفحه مقاله امروز به خاطر وجود انیمیشنهای gif که در آن، کمی سنگین بوده و ممکنه است بارگذاری آن کمی کند باشد.
https://medium.muz.li/ui-interactions-of-the-week-126-f96e48d15248
#انیمیشن #طراحی_محصول #اینتراکشن #تجربه_کاربری
@Dexign دیزاین
___
در ادامه معرفی ایدههای جالب اینتراکشن، همانطور که گفته بودیم برای اینکه بتوانید بهتر و با ایدههای جالبتری اینتراکشنهای محصول خود را دیزاین کنید، چند وقت یک بار نمونههایی به این شکل در کانال ارسال میکنیم، این هم بخش چهارم از این مجموعه است.
توجه کنید که صفحه مقاله امروز به خاطر وجود انیمیشنهای gif که در آن، کمی سنگین بوده و ممکنه است بارگذاری آن کمی کند باشد.
https://medium.muz.li/ui-interactions-of-the-week-126-f96e48d15248
#انیمیشن #طراحی_محصول #اینتراکشن #تجربه_کاربری
@Dexign دیزاین
___
Medium
UI Interactions of the week #126
via Muzli design inspiration
این پست تا به حال بیش از ۲۵۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
قدرتهای Sketch و After Effects به کمک هم میآیند
چندی قبل با تیم دیزاین روی طراحی یک بازی Trivia کار میکردیم. شاید بشود گفت که طراحی بازی همیشه یکی از چند لذت والای یک دیزاینر است. دیزاینر دوست دارد حتی اگر بازی اسم-فامیل را به شکل اپلیکیشن در میآورد، انیمیشنهایی در آن بگنجاند و از نظر بصری هیجانانگیزترین چیزی را که ممکن است، بسازد.
این موضوع برای تیم ما هم همینطور بود و برای هر بخش از این بازی Trivia که در حال طراحی آن بودیم انیمیشنهای هیجانانگیزی طراحی کردیم.
وقتی طراحیها به پایان رسید و نوبت به انتقال این انیمیشنها به تیم توسعه رسید، متوجه شدیم که صرفا با نمایش یک فایل MP4، نمیشود تکهها و جزئیات حرکتهای یک انیمیشن را به تیم توسعه منتقل کرد.
برای اینکه این انتقال به شکلی بهتر اتفاق بیافتد، تیم دیزاین ساعتهای زیادی را به مستند کردن انیمیشنهای هر بخش اختصاص داد که کاری بسیار وقتگیر بود.
علیرغم اینکه نتیجه کار تا حد خوبی راضیکننده بود ولی سختی مستندسازی، زمانبندی کار ما را بهم ریخت.
اخیرا به مقالهای از یکی طراحان تجربه کاربری در گوگل برخوردم که دقیقا مشکل مشابهی را داشتند و راه حل دیگری برای آن پیدا کردند. آقای Josh Fleetwood که در واقع راهبر تیم طراحی انیمیشنهای تجربه کاربری گوگل است، در این مقاله توضیح میهد که آنها انیمیشنهای خود را در After Effects میسازند و در انتقالشان به توسعهدهندگان با مشکل زیادی مواجه بودند. برای حل این مشکل دو افزونه (Plugin) بسیار کاربردی را به کار بستند که با استفاده از آنها میتوان خروجیهایی مستند از انیمیشنها به تیمهای توسعه ارائه داد و زندگی را شیرینتر کرد.
پیشنهاد میکنم این مقاله را از دست ندید، چرا که باعث صرفهجویی زیادی در زمان پروژه شما خواهد شد.
https://medium.com/google-design/bringing-sketch-and-after-effects-closer-together-d83b3e729c93
(زمان حدودی مطالعه، ۸ دقیقه)
#ابزار #افزونه #انیمیشن #تجربه_کاربری #motion
@Dexign دیزاین
___
چندی قبل با تیم دیزاین روی طراحی یک بازی Trivia کار میکردیم. شاید بشود گفت که طراحی بازی همیشه یکی از چند لذت والای یک دیزاینر است. دیزاینر دوست دارد حتی اگر بازی اسم-فامیل را به شکل اپلیکیشن در میآورد، انیمیشنهایی در آن بگنجاند و از نظر بصری هیجانانگیزترین چیزی را که ممکن است، بسازد.
این موضوع برای تیم ما هم همینطور بود و برای هر بخش از این بازی Trivia که در حال طراحی آن بودیم انیمیشنهای هیجانانگیزی طراحی کردیم.
وقتی طراحیها به پایان رسید و نوبت به انتقال این انیمیشنها به تیم توسعه رسید، متوجه شدیم که صرفا با نمایش یک فایل MP4، نمیشود تکهها و جزئیات حرکتهای یک انیمیشن را به تیم توسعه منتقل کرد.
برای اینکه این انتقال به شکلی بهتر اتفاق بیافتد، تیم دیزاین ساعتهای زیادی را به مستند کردن انیمیشنهای هر بخش اختصاص داد که کاری بسیار وقتگیر بود.
علیرغم اینکه نتیجه کار تا حد خوبی راضیکننده بود ولی سختی مستندسازی، زمانبندی کار ما را بهم ریخت.
اخیرا به مقالهای از یکی طراحان تجربه کاربری در گوگل برخوردم که دقیقا مشکل مشابهی را داشتند و راه حل دیگری برای آن پیدا کردند. آقای Josh Fleetwood که در واقع راهبر تیم طراحی انیمیشنهای تجربه کاربری گوگل است، در این مقاله توضیح میهد که آنها انیمیشنهای خود را در After Effects میسازند و در انتقالشان به توسعهدهندگان با مشکل زیادی مواجه بودند. برای حل این مشکل دو افزونه (Plugin) بسیار کاربردی را به کار بستند که با استفاده از آنها میتوان خروجیهایی مستند از انیمیشنها به تیمهای توسعه ارائه داد و زندگی را شیرینتر کرد.
پیشنهاد میکنم این مقاله را از دست ندید، چرا که باعث صرفهجویی زیادی در زمان پروژه شما خواهد شد.
https://medium.com/google-design/bringing-sketch-and-after-effects-closer-together-d83b3e729c93
(زمان حدودی مطالعه، ۸ دقیقه)
#ابزار #افزونه #انیمیشن #تجربه_کاربری #motion
@Dexign دیزاین
___
Medium
Bringing Sketch and After Effects Closer Together
Introducing two new animation workflow tools from UX Motion Design at Google
این پست تا به حال بیش از ۲۵۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
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 فلسفه دیزاین
دیزاینها را باید شُست، جور دیگر باید چید
چشمها بخشهای عجیبی از انسان هستند. چشمهای کاربران گاهی آنچه را که دیزاین کردهاید، آنطوری که نقشهاش را کشیدهاید، نمیبینند. گاهی شما تمام دقت خود را صرف کردهاید تا عناصر صفحه را در فواصل مساوی از یکدیگر یا در اندازههای برابر با یکدیگر دیزاین شوند، ولی چشمها آنها را تراز شده و یا هماندازه نمیبینند. سوال اینکه چطور باید دیزاین کرد؟
دانستن این موضوع به طراحان رابط کاربری، طراحان فونت یا حتی کسانی که صفحهآرایی انجام میدهند کمک میکند که دیزاینهایی چشمنوازتر انجام دهند.
قبلتر هم در مقالهای دیگر درباره این موضوع صحبت کرده بودیم، ولی اینبار میخواهیم بسیار مفصلتر و با مثالهای بسیاری این موضوع را بررسی کنیم.
در مقاله امروز آقای 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
دیزاینهای غیرقابل یادگیری:
راهنمای جامع آزار کاربران
سوال مهمی که امروز میخواهیم به آن پاسخ دهیم این است: چگونه میتوانیم کاری کنیم که کاربران هنگام استفاده از محصول ما کاملا اذیت شده و از ما و محصولمان متنفر باشند؟
گذشته از امکان استفاده از اسپری فلفل، شوکر و هرنوع وسیله تیز، هوشمندانهتر این است که به مغز کاربران نفوذ کرده و روی اعصاب آنها رژه برویم.
راههای زیادی برای این منظور وجود دارد که ما در اینجا یکی از پرکاربردترین آنها را به نام «دیزاینهای غیرقابل یادگیری» بررسی میکنیم.
عنوان «دیزاین غیرقابل یادگیری» را خانم کریستینا در مقاله امروز بکار برده و آن را چنین تعریف میکند: «دیزاین غیرقابل یادگیری، دیزاینیست که متفاوت از تمام عادتها و درک کاربر اتفاق میافتد.»
مثالهایی که برای درک بهتر مطلب به آن اشاره کرد این است که وقتی شما رو به پایین scroll میکنید، صفحه برعکس حرکت کند. یا وقتی روی یک عکسی در یک سرویس دوبار بزنید، به جای Like، شما را به بخش نظرات ببرد و …
حتما برای شما هم پیشآمده که یک اشتباه ثابت را در یک اپلیکیشن/وبسایت یا حتی محصولات فیزیکی، بارها و بارها تکرار کنید. یکی از بارزترین دلیلهای این نوع اشتباهات این است که دیزاینر محصول، درک و عادتهای کاربر را در نظر نگرفتهست.
امروز در یک مقاله بسیار جذاب با مثالهای کاربردی مختلف به بررسی دیزاینهای آزاردهنده میپردازیم تا با یادگیری آنها، بتوانیم محصولی بهتر برای کاربران دیزاین کنیم.
مقاله امروز را از دست ندهید:
https://medium.com/@cwodtke/the-intuitive-and-the-unlearnable-cccffd9a762
(زمان حدودی مطالعه، ۱۰ دقیقه)
#اشتباهات #طراحی_محصول #تجربه_کاربری
@Dexign فلسفه دیزاین
___
راهنمای جامع آزار کاربران
سوال مهمی که امروز میخواهیم به آن پاسخ دهیم این است: چگونه میتوانیم کاری کنیم که کاربران هنگام استفاده از محصول ما کاملا اذیت شده و از ما و محصولمان متنفر باشند؟
گذشته از امکان استفاده از اسپری فلفل، شوکر و هرنوع وسیله تیز، هوشمندانهتر این است که به مغز کاربران نفوذ کرده و روی اعصاب آنها رژه برویم.
راههای زیادی برای این منظور وجود دارد که ما در اینجا یکی از پرکاربردترین آنها را به نام «دیزاینهای غیرقابل یادگیری» بررسی میکنیم.
عنوان «دیزاین غیرقابل یادگیری» را خانم کریستینا در مقاله امروز بکار برده و آن را چنین تعریف میکند: «دیزاین غیرقابل یادگیری، دیزاینیست که متفاوت از تمام عادتها و درک کاربر اتفاق میافتد.»
مثالهایی که برای درک بهتر مطلب به آن اشاره کرد این است که وقتی شما رو به پایین scroll میکنید، صفحه برعکس حرکت کند. یا وقتی روی یک عکسی در یک سرویس دوبار بزنید، به جای Like، شما را به بخش نظرات ببرد و …
حتما برای شما هم پیشآمده که یک اشتباه ثابت را در یک اپلیکیشن/وبسایت یا حتی محصولات فیزیکی، بارها و بارها تکرار کنید. یکی از بارزترین دلیلهای این نوع اشتباهات این است که دیزاینر محصول، درک و عادتهای کاربر را در نظر نگرفتهست.
امروز در یک مقاله بسیار جذاب با مثالهای کاربردی مختلف به بررسی دیزاینهای آزاردهنده میپردازیم تا با یادگیری آنها، بتوانیم محصولی بهتر برای کاربران دیزاین کنیم.
مقاله امروز را از دست ندهید:
https://medium.com/@cwodtke/the-intuitive-and-the-unlearnable-cccffd9a762
(زمان حدودی مطالعه، ۱۰ دقیقه)
#اشتباهات #طراحی_محصول #تجربه_کاربری
@Dexign فلسفه دیزاین
___
Medium
The Intuitive and the Unlearnable
Why some designs won’t ever stop sucking
شهرهی شهر شدن با تو چه آسان، سخت است!
مفهومی در میان استارتاپها و شرکتهای جدید وجود دارد به نام Growth Hack، که به مجموعهای از روشها و ترفندها برای افزایش تعداد کاربرهای یک سرویس گفته میشود.
بسیاری از ما به اشتباه فکر میکنیم که کافیست با استفاده از این روشها، تعداد کاربران خود را افزایش دهیم؛ درحالیکه تحقیقات به وضوح نشان میدهند که بزرگترین مشکل افزایش تعداد کاربر، آن کاربرانی هستند که سرویس را ترک میکنند!
یا به عبارتی مشکل اصلی آمدن کاربر جدید نیست، بلکه ماندگار نشدن آنهاست.
شاید معرفی شدن یک محصول به افراد مختلف با استفاده از روشها و ترفندهای مختلف بازاریابی امکانپذیر باشد، ولی ماندن کاربر در محصول و ادامه دادن فعالیت، وظیفه مستقیم دیزاین محصول است.
پیش از اینکه ادامه بدهیم، میخواهم تعریفی از مفهوم Onboarding ارائه کنم. این عبارت یعنی «فرآیندی که هر کاربر جدید از زمان دریافت محصول شما تا شروع به استفاده از آن طی میکند.»
تحقیقات متعدد روی محصولات مختلف نشان دادهست که اغلب کاربران محصول را دریافت و در آن ثبتنام کرده، ولی بلافاصله از آن خارج میشوند. این موضوع نشاندهنده اهمیت روند Onboardingست که میتواند کاربرهای جدید را با ارزشهایی که محصول شما میآفریند، آشنا کرده و به این طریق، دلیلی زودهنگام برای ماندن به آنها بدهد.
با مقدمه بالا و با توجه به اینکه ساختن/یافتن بازار برای یک محصول، بصورتی غیرقابل تفکیک با دیزاین آن عجین شدهست، امروز با یک بررسی بسیار هیجانانگیز روی Onboarding محصولات پرکاربری مثل Pinterest همراه شما هستیم.
مقاله امروز از آقای Casey Winters، راهبر سابق رشد Pinterest است. این مقاله به بررسی نتایج تحقیقات ایشان روی روندهای Onboarding محصولاتی مانند Pinterest پرداخته و با تعریف معیارها و راهکاریهایی مشخص، ما را در خلق محصولی با Onboarding خوب و به تبع آن قابل رشد، یاری میکند.
مطالعه مقاله امروز را به شدت پیشنهاد میکنم:
https://news.greylock.com/why-onboarding-is-the-most-crucial-part-of-your-growth-strategy-8f9ad3ec8d5e
(زمان حدودی مطالعه، ۱۱ دقیقه)
#طراحی_محصول #onboarding #growth_hack
@Dexign فلسفه دیزاین
___
مفهومی در میان استارتاپها و شرکتهای جدید وجود دارد به نام Growth Hack، که به مجموعهای از روشها و ترفندها برای افزایش تعداد کاربرهای یک سرویس گفته میشود.
بسیاری از ما به اشتباه فکر میکنیم که کافیست با استفاده از این روشها، تعداد کاربران خود را افزایش دهیم؛ درحالیکه تحقیقات به وضوح نشان میدهند که بزرگترین مشکل افزایش تعداد کاربر، آن کاربرانی هستند که سرویس را ترک میکنند!
یا به عبارتی مشکل اصلی آمدن کاربر جدید نیست، بلکه ماندگار نشدن آنهاست.
شاید معرفی شدن یک محصول به افراد مختلف با استفاده از روشها و ترفندهای مختلف بازاریابی امکانپذیر باشد، ولی ماندن کاربر در محصول و ادامه دادن فعالیت، وظیفه مستقیم دیزاین محصول است.
پیش از اینکه ادامه بدهیم، میخواهم تعریفی از مفهوم Onboarding ارائه کنم. این عبارت یعنی «فرآیندی که هر کاربر جدید از زمان دریافت محصول شما تا شروع به استفاده از آن طی میکند.»
تحقیقات متعدد روی محصولات مختلف نشان دادهست که اغلب کاربران محصول را دریافت و در آن ثبتنام کرده، ولی بلافاصله از آن خارج میشوند. این موضوع نشاندهنده اهمیت روند Onboardingست که میتواند کاربرهای جدید را با ارزشهایی که محصول شما میآفریند، آشنا کرده و به این طریق، دلیلی زودهنگام برای ماندن به آنها بدهد.
با مقدمه بالا و با توجه به اینکه ساختن/یافتن بازار برای یک محصول، بصورتی غیرقابل تفکیک با دیزاین آن عجین شدهست، امروز با یک بررسی بسیار هیجانانگیز روی Onboarding محصولات پرکاربری مثل Pinterest همراه شما هستیم.
مقاله امروز از آقای Casey Winters، راهبر سابق رشد Pinterest است. این مقاله به بررسی نتایج تحقیقات ایشان روی روندهای Onboarding محصولاتی مانند Pinterest پرداخته و با تعریف معیارها و راهکاریهایی مشخص، ما را در خلق محصولی با Onboarding خوب و به تبع آن قابل رشد، یاری میکند.
مطالعه مقاله امروز را به شدت پیشنهاد میکنم:
https://news.greylock.com/why-onboarding-is-the-most-crucial-part-of-your-growth-strategy-8f9ad3ec8d5e
(زمان حدودی مطالعه، ۱۱ دقیقه)
#طراحی_محصول #onboarding #growth_hack
@Dexign فلسفه دیزاین
___
Medium
Why Onboarding is the Most Crucial Part of Your Growth Strategy
When people talk about growth, they usually assume the discussion is about getting more people to your product. When we really dig into…
این پست تا به حال بیش از ۱۹۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین
سرویس Dropbox، خوشحالتر از همیشه
چند روز قبل سرویس Dropbox که پیشتر هم در مقالههای مختلف نام آن را بردهایم، هویت بصری خود را بطور کامل بازطراحی کرد.
بازخوردهای این اتفاق، جالب و بعضا بسیار خندهدار بودند. قضیه از آنجایی شروع شد که رنگهایی که این سرویس در هویت بصری جدید خود در نظر گرفته، رنگهایی عجیب و البته جدید هستند که آدم را بیشتر به یاد رنگ پلیورها و جورابها میاندازد تا یک سرویس تا این حد جدی. همچنین نوع و زبان تصویرسازی که Dropbox در این هویت بصری جدید استفاده میکند کمی نامتعارف است.
خلاصه کلی از منتقدین دیزاین با کنایهها و مقایسههای عجیب و بعضی دیزاینرها با اشتراکگذاری طراحیهای خندهدار از جنس تصویرسازی جدید Dropbox، نظرات خود را ابراز کردند.
در این بین یک سایت هم به راه افتاد که رنگهای Dropbox جدید را با رنگهای Happy Socks یا همان جورابهای خوشحالی که با طرحهای رنگی در بازار وجود دارد مقایسه کرده و نام خود را Dropsox گذاشته است.
بعید نیست که این حرکت آغازگر موجی از بازطراحی هویت بصری برای سرویسهای دیگر، با این زبان جدید باشد.
پیشنهاد میکنم شما هم از این قافله عقب نمانید و سری به وبسایت Dropbox و بازخوردها را بخوانید.
https://dropsox.style
که طراحی آن کنایهست به:
https://dropbox.design
#بررسی #بازطراحی #Dropbox
@Dexign دیزاین
___________
چند روز قبل سرویس Dropbox که پیشتر هم در مقالههای مختلف نام آن را بردهایم، هویت بصری خود را بطور کامل بازطراحی کرد.
بازخوردهای این اتفاق، جالب و بعضا بسیار خندهدار بودند. قضیه از آنجایی شروع شد که رنگهایی که این سرویس در هویت بصری جدید خود در نظر گرفته، رنگهایی عجیب و البته جدید هستند که آدم را بیشتر به یاد رنگ پلیورها و جورابها میاندازد تا یک سرویس تا این حد جدی. همچنین نوع و زبان تصویرسازی که Dropbox در این هویت بصری جدید استفاده میکند کمی نامتعارف است.
خلاصه کلی از منتقدین دیزاین با کنایهها و مقایسههای عجیب و بعضی دیزاینرها با اشتراکگذاری طراحیهای خندهدار از جنس تصویرسازی جدید Dropbox، نظرات خود را ابراز کردند.
در این بین یک سایت هم به راه افتاد که رنگهای Dropbox جدید را با رنگهای Happy Socks یا همان جورابهای خوشحالی که با طرحهای رنگی در بازار وجود دارد مقایسه کرده و نام خود را Dropsox گذاشته است.
بعید نیست که این حرکت آغازگر موجی از بازطراحی هویت بصری برای سرویسهای دیگر، با این زبان جدید باشد.
پیشنهاد میکنم شما هم از این قافله عقب نمانید و سری به وبسایت Dropbox و بازخوردها را بخوانید.
https://dropsox.style
که طراحی آن کنایهست به:
https://dropbox.design
#بررسی #بازطراحی #Dropbox
@Dexign دیزاین
___________
این پست تا به حال بیش از ۲۲۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
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?
۱۰ اپلیکیشن جذاب، برنده جایزه دیزاین اپل
اپل هر سال مراسمی با عنوان WWDC برگزار میکند که در آن آخرین تکنولوژیهای نرمافزاری خود را معرفی میکند. این شرکت در بخشی از این مراسم، به معرفی برندگان جایزه دیزاین اپل برای اپلیکیشنهای روی Mac و iOS میپردازد.
به شخصه هرسال با بیصبری برندههای این جوایز را دنبال میکنم.
چند روز قبل، به رسم هرسال این مراسم برگزار شد و ۱۰ اپلیکیشن هیجانانگیز به عنوان برندگان این جایزه دیزاین انتخاب شدند.
در میان اپلیکیشنهای برنده، ۵ بازی به چشم میخورد که تیمهای سازنده بعضی از آنها پیشتر هم موفق به کسب جایزههای بسیاری شدهاند. از این میان میتوان به این بازیها اشاره کرد:
بازی INSIDE، ساخته جدید تیم Playdead، همانهایی که بازی جذاب و معروف LIMBO را نیز ساختهاند.
نسخه جدیدی از بازی Alto's Adventure که سروصدای زیاد به پا کرد و هماکنون نیز رتبه ۱۰ در بازیهای Sport اپاستور را دارست.
بازی FROST که محصول جدیدی از سازندگان بازی بینظیر و جذاب Blek است.
و همینطور داستان تعاملی Florence از راهبر دیزاین بازی معروف Monumnet Valley
اپلیکیشن جالب دیگری که موفق به کسب جایزه شد، اپلیکیشن Triton Sopnge است که با استفاده از تکنولوژیهای جدید، میزان خون از دست رفته بیمارهای اورژانسی را با استفاده از اسکن دستمالهای خونی همراه بیمار انجام میدهد!
اگر دوست دارید درباره اپلیکیشنهای برنده و تیمهایشان بیشتر بدانید، ویدئوی لینک زیر را از دست ندهید:
https://developer.apple.com/design/awards/
#جایزه_دیزاین #مراسم #WWDC
@Dexign فلسفه دیزاین
___
اپل هر سال مراسمی با عنوان WWDC برگزار میکند که در آن آخرین تکنولوژیهای نرمافزاری خود را معرفی میکند. این شرکت در بخشی از این مراسم، به معرفی برندگان جایزه دیزاین اپل برای اپلیکیشنهای روی Mac و iOS میپردازد.
به شخصه هرسال با بیصبری برندههای این جوایز را دنبال میکنم.
چند روز قبل، به رسم هرسال این مراسم برگزار شد و ۱۰ اپلیکیشن هیجانانگیز به عنوان برندگان این جایزه دیزاین انتخاب شدند.
در میان اپلیکیشنهای برنده، ۵ بازی به چشم میخورد که تیمهای سازنده بعضی از آنها پیشتر هم موفق به کسب جایزههای بسیاری شدهاند. از این میان میتوان به این بازیها اشاره کرد:
بازی INSIDE، ساخته جدید تیم Playdead، همانهایی که بازی جذاب و معروف LIMBO را نیز ساختهاند.
نسخه جدیدی از بازی Alto's Adventure که سروصدای زیاد به پا کرد و هماکنون نیز رتبه ۱۰ در بازیهای Sport اپاستور را دارست.
بازی FROST که محصول جدیدی از سازندگان بازی بینظیر و جذاب Blek است.
و همینطور داستان تعاملی Florence از راهبر دیزاین بازی معروف Monumnet Valley
اپلیکیشن جالب دیگری که موفق به کسب جایزه شد، اپلیکیشن Triton Sopnge است که با استفاده از تکنولوژیهای جدید، میزان خون از دست رفته بیمارهای اورژانسی را با استفاده از اسکن دستمالهای خونی همراه بیمار انجام میدهد!
اگر دوست دارید درباره اپلیکیشنهای برنده و تیمهایشان بیشتر بدانید، ویدئوی لینک زیر را از دست ندهید:
https://developer.apple.com/design/awards/
#جایزه_دیزاین #مراسم #WWDC
@Dexign فلسفه دیزاین
___
Apple
Apple Design Awards - 2025 winners and finalists - Apple Developer
Meet the winners and finalists for the 2025 Apple Design Awards
این پست تا به حال بیش از ۳۸۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
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.
این پست تا به حال بیش از ۲۲۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
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.