تکنیکهای جذاب برای پیش از بارگذاری تصاویر
هیچوقت معرفی شدن HTML5 را فراموش نمیکنم، در خوابگاه بالا و پایین میپریدم و از پتانسیلهای آن و نمونههایی که از استفادههایش در اینترنت دیده بودم برای هم اتاقیهایم میگفتم. آنها هم چون رشتههای مرتبط با کامپیوتر نداشتند، با نگاهی سرشار از تعجب و «خُب که چی؟» من را نگاه میکردند.
از یک جایی به بعد، وب با سرعتی سرسامآوری روی به پیشرفت آورد. دریچههایی را به روی تمامی انسانهای خلاق گشود که سرعت حرکت و وقوع اتفاقات جدید را در آن چند برابر کردند.
مقاله امروز هم درباره یک ایده جدید در وب است.
قبل از شروع صحبت، اجازه بدهید دو مفهوم زیر را برایتان تعریف کنم.
Placeholderها: همان عناصری هستند که تا زمان بارگذاری تصاویر، جای آنها را برایشان نگهداشته و کاربرها را سرگرم میکنند.
و SVG: پسوند مربوط به تصاویر برداری (Vector) که به دلیل حجم کم و چند ویژگی دیگر، در وب جایگاه بسیار محبوبی پیدا کرده است.
قبلترها از عکسهای ثابت، رنگها و اینطور چیزها به عنوان Placeholder استفاده میشد، ولی امروزه سرویسهای مختلف حرکتی را آغاز کردند تا هرچقدر که میتوانند Placeholder یک تصویر را به خود تصویر نزدیک کنند.
تلاش Google Image Search در این جهت، مرتبط بودن رنگ هر Placeholder به عکسی که بعدا در آن بارگذاری میشود، و تلاش Instagram، نمایش یک نسخه تار شده از عکسها قبل از بارگذاری آنها است.
امروز پیشنهاد جذاب و هوشمندانه یکی از برنامهنویسان Frontend شرکت Spotify را بررسی میکنیم. ایشان میگویند: مگر نه اینکه SVGها بسیار کم حجم هستند؟ پس چرا یک نسخه ساده شده بُرداری از تصاویر را قبل از بارگذاریشان نمایش ندهیم؟
هیجانانگیز است، نه؟
به نظر من که ایده بسیار جذابیست. پیشنهاد میکنم جزئیات ایده ایشان را از زبان خودشان بخوانید:
https://medium.freecodecamp.org/using-svg-as-placeholders-more-image-loading-techniques-bed1b810ab2c
(زمان حدودی مطالعه، ۱۲ دقیقه)
#معرفی #ایده #طراحی_رابطکاربری
@Dexign فلسفه دیزاین
___
هیچوقت معرفی شدن HTML5 را فراموش نمیکنم، در خوابگاه بالا و پایین میپریدم و از پتانسیلهای آن و نمونههایی که از استفادههایش در اینترنت دیده بودم برای هم اتاقیهایم میگفتم. آنها هم چون رشتههای مرتبط با کامپیوتر نداشتند، با نگاهی سرشار از تعجب و «خُب که چی؟» من را نگاه میکردند.
از یک جایی به بعد، وب با سرعتی سرسامآوری روی به پیشرفت آورد. دریچههایی را به روی تمامی انسانهای خلاق گشود که سرعت حرکت و وقوع اتفاقات جدید را در آن چند برابر کردند.
مقاله امروز هم درباره یک ایده جدید در وب است.
قبل از شروع صحبت، اجازه بدهید دو مفهوم زیر را برایتان تعریف کنم.
Placeholderها: همان عناصری هستند که تا زمان بارگذاری تصاویر، جای آنها را برایشان نگهداشته و کاربرها را سرگرم میکنند.
و SVG: پسوند مربوط به تصاویر برداری (Vector) که به دلیل حجم کم و چند ویژگی دیگر، در وب جایگاه بسیار محبوبی پیدا کرده است.
قبلترها از عکسهای ثابت، رنگها و اینطور چیزها به عنوان Placeholder استفاده میشد، ولی امروزه سرویسهای مختلف حرکتی را آغاز کردند تا هرچقدر که میتوانند Placeholder یک تصویر را به خود تصویر نزدیک کنند.
تلاش Google Image Search در این جهت، مرتبط بودن رنگ هر Placeholder به عکسی که بعدا در آن بارگذاری میشود، و تلاش Instagram، نمایش یک نسخه تار شده از عکسها قبل از بارگذاری آنها است.
امروز پیشنهاد جذاب و هوشمندانه یکی از برنامهنویسان Frontend شرکت Spotify را بررسی میکنیم. ایشان میگویند: مگر نه اینکه SVGها بسیار کم حجم هستند؟ پس چرا یک نسخه ساده شده بُرداری از تصاویر را قبل از بارگذاریشان نمایش ندهیم؟
هیجانانگیز است، نه؟
به نظر من که ایده بسیار جذابیست. پیشنهاد میکنم جزئیات ایده ایشان را از زبان خودشان بخوانید:
https://medium.freecodecamp.org/using-svg-as-placeholders-more-image-loading-techniques-bed1b810ab2c
(زمان حدودی مطالعه، ۱۲ دقیقه)
#معرفی #ایده #طراحی_رابطکاربری
@Dexign فلسفه دیزاین
___
freeCodeCamp.org
How to use SVG as a Placeholder, and Other Image Loading Techniques
by José M. Pérez How to use SVG as a Placeholder, and Other Image Loading Techniques Generating SVGs from images can be used for placeholders. Keep reading!I’m passionate about image performance optimisation and making images load fast on the web. One of…
فُــرمها را بهتر دیزاین کنیم
هرکدام از ما شاید تا حالا چند صد فرم پر کردهایم، یا حتی کمی قبل از شروع خواندن این مقاله، یک فرم را تکمیل کرده باشیم. از فرمهای آنلاین ثبتنام در یک سرویس تا فرمهای کاغذی شرکتها و ادارات مختلف. با احتمال خوبی هنگام پر کردن اکثر آنها معتقد بودیم که «میتونستن این رو بهتر طراحی بکنن» یا «چرا یه فرم ساده باید انقدر گیج کننده باشه؟!»
برای خود من پیش آمده که به خاطر بد بودن طراحی فرم (از خواستن اطلاعات اضافی گرفته تا طراحی بصری بد)، از پر کردن آن منصرف شده باشم.
با این مقدمه، سوال مهمی که مطرح میشود این است که: چرا با وجود پرمراجعه بودن فرمها، اکثرا در کمترین میزان توجه قرار داشته و بعضا کمترین زمان برای دیزاین و تست آنها اختصاص داده میشود؟
حدسی که خود من میزنم این است که شاید برای دیزاینرها، دیزاین فرمها به اندازه سایر صفحات جذاب نیست. یا شاید مدیران فکر میکنند که فرم، مفهومی بسیار سادهست و پیادهسازی آن نباید وقت بگیرد.
جواب سوال بالا هرچیزی که هست، باعث رویگرداندن بسیاری از کاربران بالقوه میشود.
امروز مقالهای را بررسی میکنیم که با اشاره به اهمیت زیاد فرمها، نمونههایی خوب و مختلف را از پیادهسازیشان، بررسی میکند.
فرمها میتوانند نجاتدهنده باشند، این مقاله را از دست ندهید.
https://uxplanet.org/3-best-form-design-practices-for-your-design-process-383510b31613
(زمان حدودی مطالعه، ۸ دقیقه)
#بررسی #نمونه_موفق #طراحی_فرم
@Dexign فلسفه دیزاین
___
هرکدام از ما شاید تا حالا چند صد فرم پر کردهایم، یا حتی کمی قبل از شروع خواندن این مقاله، یک فرم را تکمیل کرده باشیم. از فرمهای آنلاین ثبتنام در یک سرویس تا فرمهای کاغذی شرکتها و ادارات مختلف. با احتمال خوبی هنگام پر کردن اکثر آنها معتقد بودیم که «میتونستن این رو بهتر طراحی بکنن» یا «چرا یه فرم ساده باید انقدر گیج کننده باشه؟!»
برای خود من پیش آمده که به خاطر بد بودن طراحی فرم (از خواستن اطلاعات اضافی گرفته تا طراحی بصری بد)، از پر کردن آن منصرف شده باشم.
با این مقدمه، سوال مهمی که مطرح میشود این است که: چرا با وجود پرمراجعه بودن فرمها، اکثرا در کمترین میزان توجه قرار داشته و بعضا کمترین زمان برای دیزاین و تست آنها اختصاص داده میشود؟
حدسی که خود من میزنم این است که شاید برای دیزاینرها، دیزاین فرمها به اندازه سایر صفحات جذاب نیست. یا شاید مدیران فکر میکنند که فرم، مفهومی بسیار سادهست و پیادهسازی آن نباید وقت بگیرد.
جواب سوال بالا هرچیزی که هست، باعث رویگرداندن بسیاری از کاربران بالقوه میشود.
امروز مقالهای را بررسی میکنیم که با اشاره به اهمیت زیاد فرمها، نمونههایی خوب و مختلف را از پیادهسازیشان، بررسی میکند.
فرمها میتوانند نجاتدهنده باشند، این مقاله را از دست ندهید.
https://uxplanet.org/3-best-form-design-practices-for-your-design-process-383510b31613
(زمان حدودی مطالعه، ۸ دقیقه)
#بررسی #نمونه_موفق #طراحی_فرم
@Dexign فلسفه دیزاین
___
Medium
3 Best Form Design Practices for your design process
A short takeaway of form-design practices and insights for designers, business people and everyone.
این پست تا به حال نزدیک به ۱۹۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
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)
پیش از دیزاین، داستان بنویسید
چند روز پیش، در شرکت برای دیزاین صفحه 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?
راهنمای جیبی برای «خلق کردن»
تمامی دیزاینرها برای ارائه کارهای خوب، محکومند به خلاق بودن. در کار ما، خلاقیت یکی از الزمات لذتبخش است که امروز درباره آن گفتگو میکنیم.
بسیاری از ما فکر میکنیم که آدمهای خلاق آدمهای شخلتهای هستند، یا برای خلاق بودن باید تمامی روندها و چارچوبها را درهم کوبید، حتی در زندگی شخصی. به اعتقاد من و برخی دیگر که چند وقت پیش با آنها همصحبت شده بودم، خلاقیت میتواند روند داشته باشد. یا شاید بهتر باشد بگوییم برای ایجاد «تکرار پذیری» و «تمرین و یادگیری» هرچیزی باید آن را بصورت یک Flow یا روند درآوریم. خلاقیت هم از این قاعده مستثنی نیست.
مقاله امروز بطور کامل به بررسی خلاق بودن میپردازد و نتیجهای است از مطالعه نوشتههای Mihaly Csikszentmihalyi (روانشناس) و Betty Edwards (مدرس هنر) در قالب روشی به نام ISIIVE. هر حرف از این نام معرف یکی از مراحل این روند است و مثل بسیاری روشهای دیگر، با پرسیدن «سوال دُرست» شروع میشود.
اگر شما هم میخواهید خلاق باشید، این مقاله را از دست ندهید و نوشتههای آن را همیشه در گوشهای نگه دارید.
مثل لباس یک ابرقهرمان. ابرقهرمان خلاقیت.
https://uxplanet.org/pocket-creativity-d1868400ff1b
(زمان حدودی مطالعه، ۱۵ دقیقه)
#معرفی #تکنیک #خلاقیت
@Dexign فلسفه دیزاین
____
تمامی دیزاینرها برای ارائه کارهای خوب، محکومند به خلاق بودن. در کار ما، خلاقیت یکی از الزمات لذتبخش است که امروز درباره آن گفتگو میکنیم.
بسیاری از ما فکر میکنیم که آدمهای خلاق آدمهای شخلتهای هستند، یا برای خلاق بودن باید تمامی روندها و چارچوبها را درهم کوبید، حتی در زندگی شخصی. به اعتقاد من و برخی دیگر که چند وقت پیش با آنها همصحبت شده بودم، خلاقیت میتواند روند داشته باشد. یا شاید بهتر باشد بگوییم برای ایجاد «تکرار پذیری» و «تمرین و یادگیری» هرچیزی باید آن را بصورت یک Flow یا روند درآوریم. خلاقیت هم از این قاعده مستثنی نیست.
مقاله امروز بطور کامل به بررسی خلاق بودن میپردازد و نتیجهای است از مطالعه نوشتههای Mihaly Csikszentmihalyi (روانشناس) و Betty Edwards (مدرس هنر) در قالب روشی به نام ISIIVE. هر حرف از این نام معرف یکی از مراحل این روند است و مثل بسیاری روشهای دیگر، با پرسیدن «سوال دُرست» شروع میشود.
اگر شما هم میخواهید خلاق باشید، این مقاله را از دست ندهید و نوشتههای آن را همیشه در گوشهای نگه دارید.
مثل لباس یک ابرقهرمان. ابرقهرمان خلاقیت.
https://uxplanet.org/pocket-creativity-d1868400ff1b
(زمان حدودی مطالعه، ۱۵ دقیقه)
#معرفی #تکنیک #خلاقیت
@Dexign فلسفه دیزاین
____
Medium
The Pocket Guide to Creativity
Ever found yourself falling dismally short of an original idea?
این پست تا به حال نزدیک به ۲۲۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
کاهش پیچیدگی بصری،
روندی جدید در دیزاین
گاهی که بر سر برتری سیستمعاملهای موبایل بحث میشه، به یاد روندی میافتم که این سیستمعاملها از ابتدای شکلگیریشون طی کردن. به نظرم اگر کمی از ارتفاع بالاتر به مسیر طی شدهشون نگاه کنیم، متوجه میشیم که ویژگیهاشون کاملا به سمت همدیگه حرکت کرده.
برای مثال وقتی iOS، بخشی رو با عنوان Notification Center اضافه کرد، کاربران Android میگفتند که این ویژگی از Android کپی شده. یا درباره برخی ویژگیها بالعکس.
دلیل این همگرایی احتمالا کاربرها هستند. در دیزاین User-Centered راحتی کاربر در کار با سرویس در بالاترین اولویت قرار داده میشه. با فرض اینکه کاربران همه سیستمعاملهای عمومی، انسانهای مشابهی هستند، میشه این همگرایی رو منطقی دونست.
با این مقدمه میخوام مقاله امروز رو معرفی کنم که درباره روند (Trend) جدیدی در دیزاین اپلیکیشنها صحبت میکنه که مربوط میشه به کاهش پیچیدگی بصری یا Complexion Reduction.
در این مقاله آقای Michael Horton، اپلیکیشنهای Instagram، Apple Music، Medium و Airbnb رو مورد بررسی قرار داده و عنوان میکنه که روند جدید دیزاین این اپلیکیشنها همگی به سمت سادگی، کاهش رنگها و همچنین تاکید روی عناوین صفحات با ضخیمتر کردن فونت مورد استفاده، رفته. به طوری که شاید با کمی اغماض، بشه تمام این اپلیکیشنها رو زیرمجموعه یک شرکت بدونیم.
بخش جالب این موضوع اینه که به نظر میرسه تولد این نوع دیزاین به خاطر مطالعه و تحقیق روی کاربرهاست و هر کدوم از این اپلیکیشنها بصورت جداگانهای به نتایجی مشابه رسیدند.
مقاله امروز زاویه نگاه جالبی داره و از نظر بررسی Trendـی که شکل گرفته حائز اهمیته. ولی شخصا با دستورالعملی که برای کاهش پیچیدگی (مشابه کاری که اپلیکیشنهای مورد مثال انجام دادن)، در انتهای مقاله ارائه داده موافق نیستم.
دیزاین هیچ دستورالعملی نمیپذیره و اگر قرار بر تقلید کردن باشه، هیچوقت اتفاق جدیدی نمیافته.
امیدوارم از مقاله امروز لذت ببرید.
https://www.huffingtonpost.com/entry/complexion-reduction-a-new-trend-in-mobile-design_us_577d828fe4b05b4c02fb8b07
(زمان حدودی مطالعه، ۱۰ دقیقه)
#تحلیل #روند #رابط_کاربری #اپلیکیشن
@Dexign دیزاین
___
روندی جدید در دیزاین
گاهی که بر سر برتری سیستمعاملهای موبایل بحث میشه، به یاد روندی میافتم که این سیستمعاملها از ابتدای شکلگیریشون طی کردن. به نظرم اگر کمی از ارتفاع بالاتر به مسیر طی شدهشون نگاه کنیم، متوجه میشیم که ویژگیهاشون کاملا به سمت همدیگه حرکت کرده.
برای مثال وقتی iOS، بخشی رو با عنوان Notification Center اضافه کرد، کاربران Android میگفتند که این ویژگی از Android کپی شده. یا درباره برخی ویژگیها بالعکس.
دلیل این همگرایی احتمالا کاربرها هستند. در دیزاین User-Centered راحتی کاربر در کار با سرویس در بالاترین اولویت قرار داده میشه. با فرض اینکه کاربران همه سیستمعاملهای عمومی، انسانهای مشابهی هستند، میشه این همگرایی رو منطقی دونست.
با این مقدمه میخوام مقاله امروز رو معرفی کنم که درباره روند (Trend) جدیدی در دیزاین اپلیکیشنها صحبت میکنه که مربوط میشه به کاهش پیچیدگی بصری یا Complexion Reduction.
در این مقاله آقای Michael Horton، اپلیکیشنهای Instagram، Apple Music، Medium و Airbnb رو مورد بررسی قرار داده و عنوان میکنه که روند جدید دیزاین این اپلیکیشنها همگی به سمت سادگی، کاهش رنگها و همچنین تاکید روی عناوین صفحات با ضخیمتر کردن فونت مورد استفاده، رفته. به طوری که شاید با کمی اغماض، بشه تمام این اپلیکیشنها رو زیرمجموعه یک شرکت بدونیم.
بخش جالب این موضوع اینه که به نظر میرسه تولد این نوع دیزاین به خاطر مطالعه و تحقیق روی کاربرهاست و هر کدوم از این اپلیکیشنها بصورت جداگانهای به نتایجی مشابه رسیدند.
مقاله امروز زاویه نگاه جالبی داره و از نظر بررسی Trendـی که شکل گرفته حائز اهمیته. ولی شخصا با دستورالعملی که برای کاهش پیچیدگی (مشابه کاری که اپلیکیشنهای مورد مثال انجام دادن)، در انتهای مقاله ارائه داده موافق نیستم.
دیزاین هیچ دستورالعملی نمیپذیره و اگر قرار بر تقلید کردن باشه، هیچوقت اتفاق جدیدی نمیافته.
امیدوارم از مقاله امروز لذت ببرید.
https://www.huffingtonpost.com/entry/complexion-reduction-a-new-trend-in-mobile-design_us_577d828fe4b05b4c02fb8b07
(زمان حدودی مطالعه، ۱۰ دقیقه)
#تحلیل #روند #رابط_کاربری #اپلیکیشن
@Dexign دیزاین
___
HuffPost
Complexion Reduction: A New Trend In Mobile Design
Whether you are for or against this monochromatic fad, it is undoubtedly a sign of progress.
معرفی کتابهای بیربط به دیزاین
احتمالا میپرسید چرا باید در کانالی که از دیزاین حرف میزند کتابهای بیربط به دیزاین معرفی شود؟
خب واقعیت این است که کتابهایی که امروز به معرفیشان میپردازیم فقط «مستقیما» به دیزاین مربوط نیستند. این کتابها به نگاه و طرز تفکرمان مربوطند و همین نگاه و طرز تفکر میتواند یک دیزاین نسبتا خوب را به دیزاینی کاملا عالی تبدیل کند.
اگر کمی بیاندیشیم احتمالا موضوعات زیادی پیدا میکنیم که برای رسیدن به کمال در آنها، به مهارتهای مختلف، متفاوت و در نگاه اول کاملا بیربط نیازمندیم.
آقای Daniel Burka، یکی از همکاران Google Ventures، در توییتی از دیزاینرها خواسته بود که بهترین کتاب دیزاینی که مربوط به دیزاین نیست را معرفی کنند. ایشان جوابهای دریافتیشان را در قالب مقالهای با ما به اشتراک گذاشتهاند.
کتابهای این مجموعه را از دست ندهید.
https://medium.com/@dburka/the-best-design-books-that-arent-explicitly-about-design-74fc96ce115e
(زمان حدودی مطالعه، ۶ دقیقه)
#معرفی #کتاب #دیزاین
@Dexign فلسفه دیزاین
__
احتمالا میپرسید چرا باید در کانالی که از دیزاین حرف میزند کتابهای بیربط به دیزاین معرفی شود؟
خب واقعیت این است که کتابهایی که امروز به معرفیشان میپردازیم فقط «مستقیما» به دیزاین مربوط نیستند. این کتابها به نگاه و طرز تفکرمان مربوطند و همین نگاه و طرز تفکر میتواند یک دیزاین نسبتا خوب را به دیزاینی کاملا عالی تبدیل کند.
اگر کمی بیاندیشیم احتمالا موضوعات زیادی پیدا میکنیم که برای رسیدن به کمال در آنها، به مهارتهای مختلف، متفاوت و در نگاه اول کاملا بیربط نیازمندیم.
آقای Daniel Burka، یکی از همکاران Google Ventures، در توییتی از دیزاینرها خواسته بود که بهترین کتاب دیزاینی که مربوط به دیزاین نیست را معرفی کنند. ایشان جوابهای دریافتیشان را در قالب مقالهای با ما به اشتراک گذاشتهاند.
کتابهای این مجموعه را از دست ندهید.
https://medium.com/@dburka/the-best-design-books-that-arent-explicitly-about-design-74fc96ce115e
(زمان حدودی مطالعه، ۶ دقیقه)
#معرفی #کتاب #دیزاین
@Dexign فلسفه دیزاین
__
Medium
The best ‘design‘ books that aren’t explicitly about design.
I asked a whole bunch of designers what books that weren’t specifically about digital or graphic design inspired them.
نوستراداموسهای دیزاین از ۲۰۱۸ میگویند
روندها یا Trendها مفاهیم جذابی هستند. بارها در این کانال به آنها پرداختهایم. روند تغییر در دیزاین دکمهها، تغییر دیزاین اپلیکیشنهای مختلف و …
هرسال در روزهای پایانی آن سال یا در روزهای ابتدایی سال بعد، مقالهای با عنوان The State of UX for 2018 منتشر میشود که براساس روند اتفاقات دیزاین تجربهکاربری سال قبل، پیشبینی برای روندهای سال آینده ارائه میدهد.
امسال هم مقالهای با این عنوان منتشر شده که به نکات جالبی اشاره کرده است.
از مفاهیم مهمی که در این مقاله به آن اشاره شده است میتوان، «طراحی با محوریت محتوا»، «حکمرانی ویدئوها»، «رابطهای کاربری تعاملی»، «سادهسازی و شخصیسازی احراز هویت»، «پرداختهای بدون پول نقد» و همچنین «تغییر MVP به MLP یا Minimum Lovable Product» را نام برد.
پیشنهاد میکنم هم این مقاله را مطالعه کنید هم گریزی به مقاله پیشبینی سال گذشته بزنید و ببینید کدام یک از پیشبینیها درست از آب درآمده است.
https://uxplanet.org/the-state-of-ux-for-2018-4b2ea908c837
(زمان حدودی مطالعه، ۱۶ دقیقه)
مقاله پیشبینی سال گذشته:
https://uxdesign.cc/ux-trends-2017-46a63399e3d2
#بررسی #روند #طراحی_تجربه_کاربری
@Dexign فلسفه دیزاین
ــــــــــــ
روندها یا Trendها مفاهیم جذابی هستند. بارها در این کانال به آنها پرداختهایم. روند تغییر در دیزاین دکمهها، تغییر دیزاین اپلیکیشنهای مختلف و …
هرسال در روزهای پایانی آن سال یا در روزهای ابتدایی سال بعد، مقالهای با عنوان The State of UX for 2018 منتشر میشود که براساس روند اتفاقات دیزاین تجربهکاربری سال قبل، پیشبینی برای روندهای سال آینده ارائه میدهد.
امسال هم مقالهای با این عنوان منتشر شده که به نکات جالبی اشاره کرده است.
از مفاهیم مهمی که در این مقاله به آن اشاره شده است میتوان، «طراحی با محوریت محتوا»، «حکمرانی ویدئوها»، «رابطهای کاربری تعاملی»، «سادهسازی و شخصیسازی احراز هویت»، «پرداختهای بدون پول نقد» و همچنین «تغییر MVP به MLP یا Minimum Lovable Product» را نام برد.
پیشنهاد میکنم هم این مقاله را مطالعه کنید هم گریزی به مقاله پیشبینی سال گذشته بزنید و ببینید کدام یک از پیشبینیها درست از آب درآمده است.
https://uxplanet.org/the-state-of-ux-for-2018-4b2ea908c837
(زمان حدودی مطالعه، ۱۶ دقیقه)
مقاله پیشبینی سال گذشته:
https://uxdesign.cc/ux-trends-2017-46a63399e3d2
#بررسی #روند #طراحی_تجربه_کاربری
@Dexign فلسفه دیزاین
ــــــــــــ
Medium
The State of UX for 2018
When 2017 is almost over it’s time to look ahead and predict how the digital experience will evolve over the next 12 months. In this article, I’ll overview the most significant changes in the digital…
این پست تا به حال نزدیک به ۲۱۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
کتابهایی که دیدِ من را برای همیشه تغییر داد
(از زبان Julie Zhuo، معاون دیزاین فیسبوک)
همیشه انسانها، کتابها و یا حتی جملاتی وجود دارند که زندگی کسی رو برای همیشه تغییر میدن.
به عنوان یک دیزاینر که باید توانایی گوش دادن و شنیدنش رو هر روز بهبود بده، شنیدن داستان این تغییر از زبان انسانهای دیگه همیشه برای من جذاب بوده.
دلیل اصلیش هم این هست که هر داستان، یادآور اینه که تغییر (خوب یا بد) چقدر نزدیک هست و چقدر راحتتر از اونچه اغلب فکر میکنیم میشه اتفاق بیافته.
با این مقدمه برسیم به مقاله امروز که از Julie Zhuo دوستداشتنی، معاون دیزاین محصول شرکت معظم فیسبوک هست. ایشون هر هفته به یکی از سوالات خوانندگان مطالبش جواب میده و این بار به سوالی جواب میدن که ازشون خواسته کتابهایی رو که باعث شده زندگی و دیدشون کاملا تغییر بکنه معرفی کنن.
خانم Zhuo در این مقاله و در جواب سوال مطرح شده، کتابهایی رو در موضوعات مختلفی مثل تفکر و روانشناسی، دیزاین و مدیریت معرفی کردن و توضیح کوتاهی دربارهش دادن.
شخصا سه تا از کتابهایی که معرفی کردن رو خوندهم و به نظرم قطعا لیست تاثیرگذاری هست.
در بخشی از مقاله به این موضوع اشاره شده که شاید بهتر باشه به جای تعداد کتابهای خونده شده، به مقدار برداشتی که از کتابهای خونده شدهمون داشتیم فکر کنیم.
به نظرم زاویه دید جالب و هیجانانگیزیه.
ازتون دعوت میکنم همین حالا این مقاله و لیست کتابهای داخلش رو مرور کرده و برای خوندنشون برنامهریزی کنید.
https://medium.com/the-year-of-the-looking-glass/books-that-changed-my-perspective-502c25baeeaa
(زمان حدودی مطالعه، ۷ دقیقه)
#معرفی_کتاب #مفاهیم #معرفی_منابع
@Dexign دیزاین
___
(از زبان Julie Zhuo، معاون دیزاین فیسبوک)
همیشه انسانها، کتابها و یا حتی جملاتی وجود دارند که زندگی کسی رو برای همیشه تغییر میدن.
به عنوان یک دیزاینر که باید توانایی گوش دادن و شنیدنش رو هر روز بهبود بده، شنیدن داستان این تغییر از زبان انسانهای دیگه همیشه برای من جذاب بوده.
دلیل اصلیش هم این هست که هر داستان، یادآور اینه که تغییر (خوب یا بد) چقدر نزدیک هست و چقدر راحتتر از اونچه اغلب فکر میکنیم میشه اتفاق بیافته.
با این مقدمه برسیم به مقاله امروز که از Julie Zhuo دوستداشتنی، معاون دیزاین محصول شرکت معظم فیسبوک هست. ایشون هر هفته به یکی از سوالات خوانندگان مطالبش جواب میده و این بار به سوالی جواب میدن که ازشون خواسته کتابهایی رو که باعث شده زندگی و دیدشون کاملا تغییر بکنه معرفی کنن.
خانم Zhuo در این مقاله و در جواب سوال مطرح شده، کتابهایی رو در موضوعات مختلفی مثل تفکر و روانشناسی، دیزاین و مدیریت معرفی کردن و توضیح کوتاهی دربارهش دادن.
شخصا سه تا از کتابهایی که معرفی کردن رو خوندهم و به نظرم قطعا لیست تاثیرگذاری هست.
در بخشی از مقاله به این موضوع اشاره شده که شاید بهتر باشه به جای تعداد کتابهای خونده شده، به مقدار برداشتی که از کتابهای خونده شدهمون داشتیم فکر کنیم.
به نظرم زاویه دید جالب و هیجانانگیزیه.
ازتون دعوت میکنم همین حالا این مقاله و لیست کتابهای داخلش رو مرور کرده و برای خوندنشون برنامهریزی کنید.
https://medium.com/the-year-of-the-looking-glass/books-that-changed-my-perspective-502c25baeeaa
(زمان حدودی مطالعه، ۷ دقیقه)
#معرفی_کتاب #مفاهیم #معرفی_منابع
@Dexign دیزاین
___
Medium
Books that Changed My Perspective
This was first published on my mailing list The Looking Glass. Every week, I answer a reader’s question.
طراحان گرافیک، میتوانید دنیا را جای بهتری کنید
بسیاری از مردم و حتی بعضی از خود طراحان، تصور میکنند طراحی گرافیک یعنی صرفا انتخاب رنگ مناسب، سایز فونت، المانهای مناسب و چیدن همه اینها در یه قاب خوب. این تصور کاملا اشتباه است. طراحی گرافیک چیزی فراتر از این است با میزان تاثیرگذاری و تعامل بالا.
هر آنچه در تعامل با اکثریت مردم است، دارد روی آنها تاثیر میگذارد و برای سازنده آن مسئولیت ایجاد میکند.
طراحی گرافیک از نظر من یک فیلم تک فریمیست. از این جهت میگویم فیلم چراکه به وضوح میبینم انتظاری که از خوب بودن یک فیلم از لحاظ تاثیرگذاری و ... در مخاطب هست، در طراحی گرافیک نیست.
طراحی گرافیک واقعا صرفا چیدمان، انتخاب رنگ و سایز مناس نیست. طراحی گرافیک تعاملیست تاثیرگذار و تعیینکننده در روند زندگی مردم.
مقاله امروز درباره اهمیت طراحی گرافیک، مسئولیت و مهارتهای لازمیست که باید یک طراح گرافیک، به عنوان یک عضو بسیار تاثیرگذار در جامعه، بداند.
اگر به نقش خود در جامعه اهمیت میدهید، مقاله امروز را از دست ندهید.
https://medium.com/greater-good-studio/graphic-designers-heres-how-to-make-a-difference-right-now-9b4b3d5880b3
(زمان حدودی مطالعه، ۷ دقیقه)
#بررسی #طراحی_گرافیک
@Dexign فلسفه دیزاین
___
بسیاری از مردم و حتی بعضی از خود طراحان، تصور میکنند طراحی گرافیک یعنی صرفا انتخاب رنگ مناسب، سایز فونت، المانهای مناسب و چیدن همه اینها در یه قاب خوب. این تصور کاملا اشتباه است. طراحی گرافیک چیزی فراتر از این است با میزان تاثیرگذاری و تعامل بالا.
هر آنچه در تعامل با اکثریت مردم است، دارد روی آنها تاثیر میگذارد و برای سازنده آن مسئولیت ایجاد میکند.
طراحی گرافیک از نظر من یک فیلم تک فریمیست. از این جهت میگویم فیلم چراکه به وضوح میبینم انتظاری که از خوب بودن یک فیلم از لحاظ تاثیرگذاری و ... در مخاطب هست، در طراحی گرافیک نیست.
طراحی گرافیک واقعا صرفا چیدمان، انتخاب رنگ و سایز مناس نیست. طراحی گرافیک تعاملیست تاثیرگذار و تعیینکننده در روند زندگی مردم.
مقاله امروز درباره اهمیت طراحی گرافیک، مسئولیت و مهارتهای لازمیست که باید یک طراح گرافیک، به عنوان یک عضو بسیار تاثیرگذار در جامعه، بداند.
اگر به نقش خود در جامعه اهمیت میدهید، مقاله امروز را از دست ندهید.
https://medium.com/greater-good-studio/graphic-designers-heres-how-to-make-a-difference-right-now-9b4b3d5880b3
(زمان حدودی مطالعه، ۷ دقیقه)
#بررسی #طراحی_گرافیک
@Dexign فلسفه دیزاین
___
Medium
Graphic Designers: Here’s How To Make a Difference Right Now
When people hear “design for social impact,” it’s often design thinking or human-centered design practices that come to mind: research…
تصمیم دُرُست را دُرُست بگیریم
همهی ما در تمام مراحل زندگی و تمام لحظاتش در حال گرفتن تصمیمهای مختلفی هستیم. از انتخاب مسیر خانه به محل کار گرفته تا خرید خانه، برنامهریزی برای آینده و …
یک «تصمیم» یا سلسلهای از تصمیمها میتواند زندگی کاری، زندگی شخصی و همهچیز یک شخص را دگرگون کند. پس «تصمیم» اتفاق بسیار مهمیست.
به نظرتان شما «تصمیمگیرنده» خوبی هستید؟
فارغ از اینکه جواب سوال بالا را چه چیزی میدهید، اگر به اصل سوال ایرادی نگرفتهاید، نشان میدهد که قبول دارید «تصمیم گرفتن» یک مهارت است. بعضی در آن خوب هستند و بعضی هم نه.
کمی جزئیتر بحث کنیم و به دنیای خودمان، دنیای دیزاین برگردیم. بارها گفتهایم که محصولاتی که دیزاینرها میسازند تاثیر بسیاری در زندگی انسانها دارد. از طرف دیگر تصمیمی که مدیر محصول میگیرد، تاثیر بسیاری در سرنوشت محصول و به تبع آن سرنوشت شرکت دارد.
امروز میخواهیم درباره تصمیمگیری صحبت کنیم. میخواهیم آن را بصورت یک چارچوب یا Framework درآورده و روندی قانونمند برای بهینهتر شدن نتیجه معرفی کنیم.
مقاله امروز از Brandon Chu، راهبر محصول در Shopify است. Brandon تصمیمها را به دو دسته تقسیم کرده و برای گرفتن آنها، در بهینهترین زمان و با بهترین خروجی توضیحاتی میدهد.
چه مدیر محصول باشید چه نه، مقاله امروز برای شماست که روند تصمیمگیری خود را برای همیشه تغییر دهید.
https://blackboxofpm.com/making-good-decisions-as-a-product-manager-c66ddacc9e2b
(زمان حدودی مطالعه، ۱۴ دقیقه)
#بررسی #متد #تصمیمگیری
@Dexign فلسفه دیزاین
همهی ما در تمام مراحل زندگی و تمام لحظاتش در حال گرفتن تصمیمهای مختلفی هستیم. از انتخاب مسیر خانه به محل کار گرفته تا خرید خانه، برنامهریزی برای آینده و …
یک «تصمیم» یا سلسلهای از تصمیمها میتواند زندگی کاری، زندگی شخصی و همهچیز یک شخص را دگرگون کند. پس «تصمیم» اتفاق بسیار مهمیست.
به نظرتان شما «تصمیمگیرنده» خوبی هستید؟
فارغ از اینکه جواب سوال بالا را چه چیزی میدهید، اگر به اصل سوال ایرادی نگرفتهاید، نشان میدهد که قبول دارید «تصمیم گرفتن» یک مهارت است. بعضی در آن خوب هستند و بعضی هم نه.
کمی جزئیتر بحث کنیم و به دنیای خودمان، دنیای دیزاین برگردیم. بارها گفتهایم که محصولاتی که دیزاینرها میسازند تاثیر بسیاری در زندگی انسانها دارد. از طرف دیگر تصمیمی که مدیر محصول میگیرد، تاثیر بسیاری در سرنوشت محصول و به تبع آن سرنوشت شرکت دارد.
امروز میخواهیم درباره تصمیمگیری صحبت کنیم. میخواهیم آن را بصورت یک چارچوب یا Framework درآورده و روندی قانونمند برای بهینهتر شدن نتیجه معرفی کنیم.
مقاله امروز از Brandon Chu، راهبر محصول در Shopify است. Brandon تصمیمها را به دو دسته تقسیم کرده و برای گرفتن آنها، در بهینهترین زمان و با بهترین خروجی توضیحاتی میدهد.
چه مدیر محصول باشید چه نه، مقاله امروز برای شماست که روند تصمیمگیری خود را برای همیشه تغییر دهید.
https://blackboxofpm.com/making-good-decisions-as-a-product-manager-c66ddacc9e2b
(زمان حدودی مطالعه، ۱۴ دقیقه)
#بررسی #متد #تصمیمگیری
@Dexign فلسفه دیزاین
Medium
Making Good Decisions as a Product Manager
While product managers may not build the actual product, they do produce something very tangible for a team: decisions.
این پست تا به حال نزدیک به ۸۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
قدرت ناشناخته فضاهای خالی
همه ما بارها جملاتی مثل «موسیقی، فضای خالی بین نُتهاست.» یا «هر کُل، مجموعهای از جزئیات است.» و … را شنیدهایم.
همه این جملات سعی دارند اهمیت کامپوزیسیون یا Composition را به ما بگویند. هرجا مجموعهای وجود دارد که یک «کُل» را تشکیل دادهست، کامپوزیسیون نقش مهمی ایفا میکند.
با مقاله امروز، مطلبی مرتبط با مقدمه بالا را مرور خواهیم کرد که به بررسی اهمیت و قدرت «فضاهای خالی»، Negative Spaces یا Whitespaces، این ابزارهای قدتمندی در دیزاین، میپردازد.
در این مقاله، آقای Nick Babich با اشاره به چهار اتفاق اصلی که فضاهای خالی باعث آن میشوند، قدرت این فضاها را به مخاطبین نمایش میدهد.
در این مطلب در کنار مثالهایی از سرویس معروف Dropbox، اصولی مانند گشتالت، تایپوگرافی و ساختن حس با استفاده از دیزاین به چشم میخورد که پیشتر درباره آنها مطالبی در کانال ارائه شده است.
مقالات آقای Nick Babich همیشه ریشهها و پایههای دیزاین را هدف میگیرد و با بررسی دقیق و نگاه از زاویهای جدید، موضوع مورد بحث را به بهترین شکل بیان میکند.
پیشنهاد میکنم فرصت را از دست نداده و همین حالا این مقاله را مطالعه کنید.
https://uxplanet.org/the-power-of-whitespace-a1a95e45f82b
(زمان حدودی مطالعه، ۸ دقیقه)
#رابط_کاربری #اصول #فضاهای_خال
@Dexign دیزاین
___
همه ما بارها جملاتی مثل «موسیقی، فضای خالی بین نُتهاست.» یا «هر کُل، مجموعهای از جزئیات است.» و … را شنیدهایم.
همه این جملات سعی دارند اهمیت کامپوزیسیون یا Composition را به ما بگویند. هرجا مجموعهای وجود دارد که یک «کُل» را تشکیل دادهست، کامپوزیسیون نقش مهمی ایفا میکند.
با مقاله امروز، مطلبی مرتبط با مقدمه بالا را مرور خواهیم کرد که به بررسی اهمیت و قدرت «فضاهای خالی»، Negative Spaces یا Whitespaces، این ابزارهای قدتمندی در دیزاین، میپردازد.
در این مقاله، آقای Nick Babich با اشاره به چهار اتفاق اصلی که فضاهای خالی باعث آن میشوند، قدرت این فضاها را به مخاطبین نمایش میدهد.
در این مطلب در کنار مثالهایی از سرویس معروف Dropbox، اصولی مانند گشتالت، تایپوگرافی و ساختن حس با استفاده از دیزاین به چشم میخورد که پیشتر درباره آنها مطالبی در کانال ارائه شده است.
مقالات آقای Nick Babich همیشه ریشهها و پایههای دیزاین را هدف میگیرد و با بررسی دقیق و نگاه از زاویهای جدید، موضوع مورد بحث را به بهترین شکل بیان میکند.
پیشنهاد میکنم فرصت را از دست نداده و همین حالا این مقاله را مطالعه کنید.
https://uxplanet.org/the-power-of-whitespace-a1a95e45f82b
(زمان حدودی مطالعه، ۸ دقیقه)
#رابط_کاربری #اصول #فضاهای_خال
@Dexign دیزاین
___
Medium
The Power Of Whitespace
by Nick Babich
شرکت InVision، دیزاینر برای دیزاینر
یادم میآید دو سه سال قبل در توییتر گشت میزدم و خیلی اتفاقی بین توییتهای دیزاینرهای خارجی به Hashtag همایش Form که مربوط به گوگل است برخوردم. به YouTube رفتم تا ویدئوهای کنفرانس را ببینم و در آنجا پنلی با موضوع مورد علاقه خودم یعنی Prototyping برخوردم. اولین بار در آنجا بود که با InVision آشنا شدم. مدیرعامل آن آقای Clark Valberg، با اعتماد به نفس کافی، بدون استرس و هیجان زیادی، به حدی که بیننده آن را حس میکرد، درباره دنیای Prototyping و آینده آن حرف میزد. در کنار نمایندگانی از Framer و Pixate.
شرکت InVision قدم را فراتر گذاشته و بعد از رقم زدن اتفاقاتی هیجانانگیز در دنیای دیزاین، مانند مستند Design Disruptors و پلاگین Craft، به ساخت ابزارهای دیزاین روی آورد و اخیرا از ابزاری به نام InVision Studio پردهبرداری کرد که هنوز خیلی از ما منتظر نسخه بتای آن هستیم.
با توضیحات بالا احتمالا با من هم عقیده باشید که InVision از تاثیرگذارترین کمپانیهای دیزاین در سالهای اخیر بوده و همین امر باعث شده است که پارسال، سایت Forbes پیشبینی ۴۰ میلیون دلاری برای سود این کمپانی داشته باشد.
از طرف دیگر InVision یکی از شرکتهایی بوده که همیشه بر روی ایدههای جدید سایر تیمها سرمایهگذاری و حتی محصولات تحت توسعه را نیز خریداری کرده است.
پس از مقدمههای بالا به بخش هیجانانگیز ماجرا رسیدیم. به اینجا که توسعه دنیای دیزاین از طرف این شرکت به همین جا ختم نشده و اخیرا اعلان کرده است که بودجه ۵ میلیون دلاری برای سرمایهگذاری روی پروژههای دیزاین در نظر گرفته است و نام آن را Design Forward Fund گذاشته است.
اگر پروژهای مربوط به دیزاین دارید و به دنبال سرمایهگذار هستید، همین حالا برای گرفتن سرمایه از طریق این صندوق اقدام کنید.
https://www.invisionapp.com/design-forward-fund
#پرونده #کمپانی #InVision
@Dexign فلسفه دیزاین
یادم میآید دو سه سال قبل در توییتر گشت میزدم و خیلی اتفاقی بین توییتهای دیزاینرهای خارجی به Hashtag همایش Form که مربوط به گوگل است برخوردم. به YouTube رفتم تا ویدئوهای کنفرانس را ببینم و در آنجا پنلی با موضوع مورد علاقه خودم یعنی Prototyping برخوردم. اولین بار در آنجا بود که با InVision آشنا شدم. مدیرعامل آن آقای Clark Valberg، با اعتماد به نفس کافی، بدون استرس و هیجان زیادی، به حدی که بیننده آن را حس میکرد، درباره دنیای Prototyping و آینده آن حرف میزد. در کنار نمایندگانی از Framer و Pixate.
شرکت InVision قدم را فراتر گذاشته و بعد از رقم زدن اتفاقاتی هیجانانگیز در دنیای دیزاین، مانند مستند Design Disruptors و پلاگین Craft، به ساخت ابزارهای دیزاین روی آورد و اخیرا از ابزاری به نام InVision Studio پردهبرداری کرد که هنوز خیلی از ما منتظر نسخه بتای آن هستیم.
با توضیحات بالا احتمالا با من هم عقیده باشید که InVision از تاثیرگذارترین کمپانیهای دیزاین در سالهای اخیر بوده و همین امر باعث شده است که پارسال، سایت Forbes پیشبینی ۴۰ میلیون دلاری برای سود این کمپانی داشته باشد.
از طرف دیگر InVision یکی از شرکتهایی بوده که همیشه بر روی ایدههای جدید سایر تیمها سرمایهگذاری و حتی محصولات تحت توسعه را نیز خریداری کرده است.
پس از مقدمههای بالا به بخش هیجانانگیز ماجرا رسیدیم. به اینجا که توسعه دنیای دیزاین از طرف این شرکت به همین جا ختم نشده و اخیرا اعلان کرده است که بودجه ۵ میلیون دلاری برای سرمایهگذاری روی پروژههای دیزاین در نظر گرفته است و نام آن را Design Forward Fund گذاشته است.
اگر پروژهای مربوط به دیزاین دارید و به دنبال سرمایهگذار هستید، همین حالا برای گرفتن سرمایه از طریق این صندوق اقدام کنید.
https://www.invisionapp.com/design-forward-fund
#پرونده #کمپانی #InVision
@Dexign فلسفه دیزاین
InVision
Collaborate better | InVision
InVision is the online whiteboard and productivity platform powering the future of work. See how InVision Freehand is purpose-built for team collaboration.
۵۰ موردی که احتمالا فراموش کردهاید!
روند دیزاین کردن صفحات مختلف یک محصول برای هر دیزاینری متفاوت است. پیشتر درباره روند شروع طراحی مقالهای را معرفی کردیم که توصیه میکرد دیزاین یک محصول را از اولین صفحهای که کاربر میبیند، شروع کنید. گاهی حتی اگر روندی کاملا مشخص و تمرین شده را پیش بگیرید، باز هم احتمال دارد در خروجی نهایی، برخی صفحات را فراموش کرده باشید.
ما در تیم دیزاینمان سعی کردهایم به یک چکلیست کامل برسیم که لازم نباشد تمامی صفحات را در ذهن خود نگهداشته باشیم. هر صفحهای که دیزاین میشود یک مورد در آن لیست خط میخورد و به مرور و برای انواع پروژههای مختلف، چکلیستهای متفاوتی در تیمهای مختلف شکل گرفته است.
مقاله امروز درباره ۵۰ موردیست که احتمالا در طراحی محصول خود فراموش کردهاید. مواردی مانند Email Template، صفحه خطای ۴۰۴ و …
پیشنهاد میکنم همین حالا این مقاله را مطالعه کرده و چکلیست خود را کاملتر کنید.
https://medium.com/ux-power-tools/50-things-you-probably-forgot-to-design-7a288b0ef914
(زمان حدودی مطالعه، ۱۷ دقیقه)
#بررسی #چک_لیست #طراحی_بصری
@Dexign فلسفه دیزاین
ــــــــــ
روند دیزاین کردن صفحات مختلف یک محصول برای هر دیزاینری متفاوت است. پیشتر درباره روند شروع طراحی مقالهای را معرفی کردیم که توصیه میکرد دیزاین یک محصول را از اولین صفحهای که کاربر میبیند، شروع کنید. گاهی حتی اگر روندی کاملا مشخص و تمرین شده را پیش بگیرید، باز هم احتمال دارد در خروجی نهایی، برخی صفحات را فراموش کرده باشید.
ما در تیم دیزاینمان سعی کردهایم به یک چکلیست کامل برسیم که لازم نباشد تمامی صفحات را در ذهن خود نگهداشته باشیم. هر صفحهای که دیزاین میشود یک مورد در آن لیست خط میخورد و به مرور و برای انواع پروژههای مختلف، چکلیستهای متفاوتی در تیمهای مختلف شکل گرفته است.
مقاله امروز درباره ۵۰ موردیست که احتمالا در طراحی محصول خود فراموش کردهاید. مواردی مانند Email Template، صفحه خطای ۴۰۴ و …
پیشنهاد میکنم همین حالا این مقاله را مطالعه کرده و چکلیست خود را کاملتر کنید.
https://medium.com/ux-power-tools/50-things-you-probably-forgot-to-design-7a288b0ef914
(زمان حدودی مطالعه، ۱۷ دقیقه)
#بررسی #چک_لیست #طراحی_بصری
@Dexign فلسفه دیزاین
ــــــــــ
Medium
50 Things You [Probably] Forgot To Design
Every PM: “I’m not mad, I’m just disappointed…”
پیش به سوی آینده بهتر و حرفهایتر
روند دیزاینر شدن هر کسی، یک «قدم اول» دارد. برای برخی این قدم اول شرکت در یک رویداد است و برای برخی، آشنایی با یک شخص یا یک جمع. به نظر من بهترین راه برای شروع دیزاینر شدن انجام تمرینهای واقعی در کنار مطالعات جانبیست که تا حد خوبی هرکسی میتواند بصورت شخصی و با وجود منابع بیانتهای روی اینترنت انجام دهد.
چند روز قبل، یکی از دیزاینرهای شرکت رهنما پیامی به من داد و دوره جدیدی را که در رهنما شروع شده است، معرفی کرد.
من اصولا اهل تبلیغ کردن نیستم ولی چون پیشتر افراد زیادی دغدغهشان برای شروع راه طولانی و هیجانانگیز دیزاینر شدن را با من مطرح کرده بودند، این نیاز را حس کردهم، و با توجه به رایگان بودن این دوره و سرفصلهای معرفی شده، به نظرم دوره مفیدی آمد.
لطفا لطفا لطفا لطفا نگذارید که همه این سرفصلها، پس از یادگیری، صرفا بصورت سطحی در ذهن شما شکل بگیرد. اتفاقی که این روزا بین دیزاینرها رایجست. تمام اصطلاحات را میدانیم، صفحات ویکیپدیای همهشان را کاملا حفظ هستیم و ایدههای بزرگی داریم، ولی نمیتوانیم یک دیزاین خوب را در قالب یک همکاری سالم، باکیفیت و حرفهای ارائه دهیم.
پینوشت و رفع مسئولیت: من چیزی درباره مدرسین این دوره و یا کیفیت برگزاری آن نمیدانم. صرفا از اطلاعات روی وبسایت به این نتیجه رسیدم که شاید معرفی آن برای کسی مفید باشد و اگر دوره شامل هزینه میشد، قطعا آن را معرفی نمیکردم.
اطلاعات ثبتنام در دوره:
https://evnd.co/lXRjC
#معرفی #دوره_آموزشی
@Dexign فلسفه دیزاین
ـــــــــــــــ
روند دیزاینر شدن هر کسی، یک «قدم اول» دارد. برای برخی این قدم اول شرکت در یک رویداد است و برای برخی، آشنایی با یک شخص یا یک جمع. به نظر من بهترین راه برای شروع دیزاینر شدن انجام تمرینهای واقعی در کنار مطالعات جانبیست که تا حد خوبی هرکسی میتواند بصورت شخصی و با وجود منابع بیانتهای روی اینترنت انجام دهد.
چند روز قبل، یکی از دیزاینرهای شرکت رهنما پیامی به من داد و دوره جدیدی را که در رهنما شروع شده است، معرفی کرد.
من اصولا اهل تبلیغ کردن نیستم ولی چون پیشتر افراد زیادی دغدغهشان برای شروع راه طولانی و هیجانانگیز دیزاینر شدن را با من مطرح کرده بودند، این نیاز را حس کردهم، و با توجه به رایگان بودن این دوره و سرفصلهای معرفی شده، به نظرم دوره مفیدی آمد.
لطفا لطفا لطفا لطفا نگذارید که همه این سرفصلها، پس از یادگیری، صرفا بصورت سطحی در ذهن شما شکل بگیرد. اتفاقی که این روزا بین دیزاینرها رایجست. تمام اصطلاحات را میدانیم، صفحات ویکیپدیای همهشان را کاملا حفظ هستیم و ایدههای بزرگی داریم، ولی نمیتوانیم یک دیزاین خوب را در قالب یک همکاری سالم، باکیفیت و حرفهای ارائه دهیم.
پینوشت و رفع مسئولیت: من چیزی درباره مدرسین این دوره و یا کیفیت برگزاری آن نمیدانم. صرفا از اطلاعات روی وبسایت به این نتیجه رسیدم که شاید معرفی آن برای کسی مفید باشد و اگر دوره شامل هزینه میشد، قطعا آن را معرفی نمیکردم.
اطلاعات ثبتنام در دوره:
https://evnd.co/lXRjC
#معرفی #دوره_آموزشی
@Dexign فلسفه دیزاین
ـــــــــــــــ
ایوند
کارآموزی UI/UX در چهارمین دوره رهنما کالج - شنبه ۷ بهمن ۹۶
خرید بلیت و ثبتنام کارآموزی UI/UX در چهارمین دوره رهنما کالج در ایوند - زمان: شنبه ۷ بهمن ۹۶ - موضوع: تجربه کاربری
چه میکنه این نمودار
هرچقدر هم که تجربه دیزاین داشته باشید، آن لحظهای که فکر میکنید «دیزاین این که دیگر کاری ندارد!»، مهلکترین اشتباه خود را مرتکب میشوید. چرا که حتی مفاهیم پرتکرار و بعضا کلیشهای هم در زمین بازی یا context جدید، میتوانند شما را به شکل عجیبی غافلگیر کرده و مجبورتان کنند تاکتیک خود را تغییر دهید.
مفاهیمی مانند «نمودارها» که مدتهاست به همراه نرمافزارهای مختلف استفاده میشوند، اگر قرار باشد در یک رسانه (medium) جدید نمایش داده شوند، تمامی محدودیتهای آن را میپذیرند. شما هم به عنوان دیزاینر باید این محدودیتها را در آغوش کشیده و بهترین بازی خود را ارائه دهید.
مقاله امروز درباره نمودارهاست. نمودارهای برنامه پرطرفدار نود که توسط تیم بسیار خوب «سارینا» دیزاین شدهست.
من مدتی قبل با این شرکت از طریق وبلاگشان آشنا شدم. اولین چیزی که من را به وجد آورد، تصویرسازیهای بسیار هوشمندانهشان برای هرکدام از پستها بود.
این ذوق و مهارت به همینجا ختم نشده و این تیم بسیاری از اتفاقات بصری را که گهگاه در تلویزیون میبینیم، رقم زدهاند.
در این مقاله، فرزان بالکانی عزیز از تجربه تیمشان در طراحی نمودارهای نود میگوید. این نوشته مربوط به زمان بازطراحی نمودارهاست و خواندنش را به همه توصیه میکنم.
https://blog.sariina.com/878-how-did-we-design-90s-charts-and-lottery
(زمان حدودی مطالعه، ۶ دقیقه)
#بررسی #بازطراحی #نمودار
@Dexign فلسفه دیزاین
___
هرچقدر هم که تجربه دیزاین داشته باشید، آن لحظهای که فکر میکنید «دیزاین این که دیگر کاری ندارد!»، مهلکترین اشتباه خود را مرتکب میشوید. چرا که حتی مفاهیم پرتکرار و بعضا کلیشهای هم در زمین بازی یا context جدید، میتوانند شما را به شکل عجیبی غافلگیر کرده و مجبورتان کنند تاکتیک خود را تغییر دهید.
مفاهیمی مانند «نمودارها» که مدتهاست به همراه نرمافزارهای مختلف استفاده میشوند، اگر قرار باشد در یک رسانه (medium) جدید نمایش داده شوند، تمامی محدودیتهای آن را میپذیرند. شما هم به عنوان دیزاینر باید این محدودیتها را در آغوش کشیده و بهترین بازی خود را ارائه دهید.
مقاله امروز درباره نمودارهاست. نمودارهای برنامه پرطرفدار نود که توسط تیم بسیار خوب «سارینا» دیزاین شدهست.
من مدتی قبل با این شرکت از طریق وبلاگشان آشنا شدم. اولین چیزی که من را به وجد آورد، تصویرسازیهای بسیار هوشمندانهشان برای هرکدام از پستها بود.
این ذوق و مهارت به همینجا ختم نشده و این تیم بسیاری از اتفاقات بصری را که گهگاه در تلویزیون میبینیم، رقم زدهاند.
در این مقاله، فرزان بالکانی عزیز از تجربه تیمشان در طراحی نمودارهای نود میگوید. این نوشته مربوط به زمان بازطراحی نمودارهاست و خواندنش را به همه توصیه میکنم.
https://blog.sariina.com/878-how-did-we-design-90s-charts-and-lottery
(زمان حدودی مطالعه، ۶ دقیقه)
#بررسی #بازطراحی #نمودار
@Dexign فلسفه دیزاین
___
وبلاگ سارینا
چطور نمودارها و قرعهکشی برنامهی نود را طراحی کردیم؟
در دنیای طراحی وب، طراحی رابط کاربری یک وبسایتِ ساده ملاحظات خاص خودش را دارد. از چیدمان و چگونگی شکل نمایش عناصر گرفته تا طراحی واکنشگرا برای دستگاههای قابل حمل مانند تبلت و موبایل. حال آنکه طراحی یک وباپلیکیشن، پیچیدگی این فرآیند را بیشتر کرده و ما…