هنری جاری، از سرچشمه‌های مراقبه

مدت‌ها قبل طراحی دفترهای کار شرکت‌های بزرگ تکنولوژی در اینترنت همه‌گیر شد و خیلی از ما این عکس‌ها را دست به دست کرده و به دوستان‌مان نشان می‌دادیم و احتمالا حالا هم دلمان بخواهد در فضاهایی مشابه کار کنیم.بسیاری از شرکت‌های سایر کشورها از جمله ایران هم همان رویکرد را در دیزاین محیط داخلی دفتر خود در نظر گرفتند.
از رویکردهای قدیمی‌تر می‌شود به فوتبال‌دستی و از رویکردهای جدیدتر به هماهنگی فضا و موضوع سرویسی که آن شرکت ارائه می‌دهد اشاره کرد. که البته تا امروز بخش اول، یعنی فوتبال‌دستی، اقبال بیشتری در ایران پیدا کرد.

امروز درباره یک دیزاینر فضاهای داخلی استارتاپ‌ها صحبت می‌کنیم، خانم Kelly Robinson. ایشان طراح داخلی شرکت‌هایی مثل Airbnb، SoundCloud و همچنین Headspace بوده‌اند. دیزاین‌های خانم Robinson به نوشتار خود مقاله، «ضدفضای کار» یا Anti-Office Space است. اعتقاد جالب ایشان این است که باید هر فضا، هر حسی را که لازم است به کاربر آن محیط بدهد.
«وقتی افراد حس کنند که فضای شرکت از حضور آن‌ها استقبال می‌کند، احساس راحتی بیشتری خواهند داشت و بیشتر خودشان خواهند بود.»

از بین همه این طراحی‌های داخلی، شرکت Headspace بیشترین جذابیت و هیجان را برای من داشت، چراکه راستش اصلا فکرش را نمی‌کردم انقدر شرکت بزرگی شده باشد.
خانم Robinson می‌گوید که جای تمرکز روی طراحی فضا، روی طراحی جریان انرژی تمرکز دارد. تکنیک‌های مختلف ایشان در این مقاله به اختصار آورده شده که اکثر آن‌ها متاثر از «مراقبه» یا meditation و «یوگا»ست.

این مقاله و عکس‌های جذاب‌ش را از دست ندهید.

https://magenta.as/zen-and-the-art-of-designing-startups-91b172de8d0a

(زمان حدودی مطالعه، ۱۱ دقیقه)

پ. ن.
نمیدانم چرا بعضی از ما به جای «مراقبه» می‌گوییم meditation. به نظرم مراقبه کلمه بسیار زیباتری‌ست. اپلیکیشن بینظیر Headspace را برای مراقبه از دست ندهید.

#Design
@Dexign فلسفه دیزاین

____

باشه/بیخیال یا بیخیال/باشه؟

یکی از چالش‌هایی که احتمالا با آن مواجه شده‌اید، انتخاب جای دکمه‌های یک صفحه است. اینکه دکمه Ok در سمت راست دکمه Cancel قرار گیرد یا برعکس.

امروز مقاله‌ای را معرفی می‌کنم که به جمع‌آوری اطلاعات و نمونه‌های مختلف در این‌باره پرداخته و نظرات نویسنده را هم در میان آن‌ها بصورت نتیجه‌گیری‌هایی برای شفاف‌تر کردن موضوع، مطرح کرده است.
این مقاله با بررسی نمونه‌هایی از سیستم‌عامل‌های مختلف و یا نسخه‌های مختلف یک سیستم‌عامل، به ما کمک می‌کند تا با دیدن نمونه‌ها و نظرات سایر دیزاینرها، بتوانیم تصمیمی با پشتوانه استدلالی محکم‌تر بگیریم.

چیزی که به من شخصا در Focus Groupهای مختلف با تعداد اعضای متفاوت، ثابت شده این است که مهم‌ترین نکته در موفقیت دیزاین در مواجهه با چنین چالش‌هایی، اعمال کمترین تغییر در Pattern استفاده کاربران هر پلتفرم است. چراکه به عقیده من «بهترین» جواب در دیزاین وجود ندارد و به شرط تست کردن ایده‌هایتان، تصمیم‌های «به اندازه کافی خوب» هم می‌تواند در وقت شما صرفه‌جویی کرده و احتمال موفقیت شما را افزایش دهد.

پیشنهاد میکنم این مقاله را از دست ندهید.

https://medium.muz.li/ok-key-and-cancel-key-which-one-should-be-set-up-on-the-left-4780e86c16eb

(زمان حدودی مطالعه، ۷ دقیقه)

#بررسی #چالش
@Dexign فلسفه دیزاین

____

چه کسی پیروز این مسابقه سرعت است؟

در وجود تمام ما دیزاینرها و شاید کل کسانی که کارهای خلاقانه انجام می‌دهند، چیزی هست که اجازه نمی‌دهد آرام بگیریم. هربار چیزی را می‌بینیم،‌ حتی اگر آن چیز دارد درست کار می‌کند، علاقه داریم آن را بهتر کنیم.
صفحات بارگذاری یا Loading، همیشه حیاط خلوتی برای دیزاینرها بوده‌اند تا ایده‌های خود را در آن تست کنند. اهمیت این امر از دو جهت است، اول اینکه دیزاینرها در صفحه‌ای با کمترین پیچیدگی، ایده خود را پیاده کرده و دوم اینکه کاربر را برای حس نکردن زمان بارگذاری، جستجو و هر اتفاقی که در جریان است، کمک می‌کنند.

در همین راستا، مدتی‌ست شرکت‌هایی مثل Facebook و Google دست به پیاده کردن مدلی از طراحی Loading زدند که به اسامی Non-Blocking UI، Progressive Loading و … معروف شد.
راستش را که بخواهید، از نظر من هم این دیزاین بسیار زیباتر و جذاب‌تر از آن عناصر چرخان که قبل‌تر در Loadingها استفاده می‌شد، است. ولی این اتفاق همیشه هم خوب نیست. می‌پرسید چرا؟
پاسخ ساده‌ست، به خاطره همین جذابیت کاربر با دقت و توجه بیشتری به صفحه نگاه کرده و حس می‌کند که زمان بارگذاری طولانی‌تر است. دلیل قرار دادن آینه در آسانسورها هم این است که ما سرگرم شده و کُندی سرعت رسیدن به طبقه مورد نظرمان را حس نکنیم،‌ ولی در این Loadingهای جدید، یه حرکت خاص مدام تکرار شده و به خاطر جلب توجه، باعث کلافه شدن کاربر می‌شود.

در مقاله امروز، Kathryn Faulkner و Katherine Olvera، دو طراح تجربه کاربری، تستی را ترتیب داده‌اند که بازخورد کاربران از حالت‌های مختلف Loading را تست کنند.
نتایج جالب و قابل تامل است:

https://www.viget.com/articles/a-bone-to-pick-with-skeleton-screens

(زمان حدودی مطالعه، ۵ دقیقه)

#بررسی #چالش #Loading
@Dexign فلسفه دیزاین

____

این پست تا به حال نزدیک به ۱۹۰۰ بار مشاهده شده و به نظر می‌رسد برای خوانندگان جدید کانال جذاب باشد.
#پست_مجدد

مروری کامل بر درباره دکمه اکشن شناور
یا Floating Action Button

اگر با Material Design آشنایی داشته باشید، حتما به این دکمه برخوردید. همون دکمه با رنگ Accent که در خیلی از اپلیکیشن‌های اندرویدی و بعضا محصولات گوگل در iOS استفاده شده.
استفاده از اکثر المان‌ها و ابزارها در اکثر مواقع ساده‌ست ولی در اندک مواقعی لازمه اطلاعات خوب و دقیقی درباره اون ابزار یا المان داشته باشید تا بتونید به بهترین شکل ازش استفاده کنید. در غیر اینصورت در این اندک موارد به اشتباه از المان‌ها استفاده خواهید کرد که تاثیر بدی روی تجربه کاربری کل محصول شما می‌گذاره. این دکمه Floating Action هم از این قاعده مستثنی نیست و در بسیاری از اپلیکیشن‌ها به اشتباه بکار برده شده یا صرفا از اپلیکیلیکشن‌های بزرگ دنیا، بدون درکِ اهمیتِ حضورش کپی‌برداری شده. امروز می‌خوایم با کسب اطلاعاتی کامل درباره این دکمه، تصمیمات بهتر و آگاهانه‌ای حول استفاده از این المان دیزاین رابط کاربری بگیریم.

مقاله امروز از آقای Nick Babich هست که بطور مفصل به بررسی کاربردهای این دکمه پرداخته و کمک می‌کنه که در نهایت شما بتونید به سه سوال مهم زیر جواب بدید:
• چه زمانی می‌شود از این دکمه استفاده کرد؟
• چه نمونه‌های خوبی در بکارگیری این دکمه در اپلیکیشن‌ها می‌توان نام برد؟
• چطور می‌توان با بکارگیری انیمیشن در کارکرد این دکمه، تجربه کاربری محصول را ارتقا داد؟

همچنین در خلال این مقاله با اصطلاح Mystery Meat Navigation هم آشنا می‌شید که می‌تونه به عنوان یه سنگ محک در تصمیم‌گیری‌های دیزاینی همراهی‌تون کنه.
پیشنهاد می‌کنم این مقاله جذاب و روشنگر رو از دست ندید و همین حالا مطالعه‌ش کنید.

https://uxplanet.org/floating-action-button-in-ux-design-7dd06e49144e

(زمان حدودی مطالعه، ۸ دقیقه)

پ. ن.
در کنار مواردی که آقای Babich در بکارگیری این دکمه گفتن، استفاده همزمان از این دکمه و Bottom Navigation (که پیشتر بهش اشاره کوتاهی داشتیم)، هنوز محل بحث هست.

#رابط_کاربری #تجربه_کاربری #طراحی_محصول #متریال_دیزاین
@Dexign دیزاین

___

چگونه تمام ستاره‌ها را در یک آسمان جمع کنیم؟

باز هم از موضوع پرچالش مدیریت تیم می‌گوییم و باز هم از زبان خانم Julie Zhou، معاون طراحی فیسبوک. همانطور که پیشتر هم گفتیم، ایشان هر هفته یکبار یکی از سوالاتی را که از او پرسیده می‌شود در قالب یک مقاله توضیح می‌دهد. سوالی که اینبار هم عنوان مقاله جذابی از ایشان شده، به شرح زیر است:
چطور افرادی را که با تجربه‌تر از شما بوده و دانش بیشتری دارند، مدیریت کنید؟

در این مقاله خانم Zhou، تجربه خودش را در مورد کار کردن با افراد حرفه‌ای شرح داده و به فاکتورهای بسیار مهمی اشاره می‌کنند که دو مورد از آن‌ها به نقل از ایشان و به اختصار در پایین آمده‌اند:

- وانمود نکنید که کامل هستید: برای مثال وقتی شما مدیر واحد طراحی هستید به این معنی نیست که باید بهترین طراح باشید. مثل یک مربی دو که لازم نیست سریعترین دونده باشد! نقش مربی دو، سریعترین دونده بودن نیست. دونده بودن و مربی دو بودن دو نقش کاملا جدا هستند. همانطور که منتقد سینما بودن، لازمه‌ش کارگردان بسیار خوبی بودن نیست.

- از یاد گرفتن از افراد Senior استقبال کنید: وجود افراد حرفه‌ای، تیم شما را حرفه‌ای می‌کند. از طرفی استخدام افرادی که Junior هستند، با این هدف که بتوانید آنها را کنترل کنید بزرگترین اشتباه است. یکی از سوالاتی که در مصاحبه‌ها از خودم می‌پرسم این است که «آیا این آدم می‌تونه یه روزی رئیس من بشه؟ آیا من حاضرم تو تیم این شخص کار کنم؟» اگر جواب بله باشد این شخص یک کاندیدای ارزشمند است و می‌تواند ارزش زیادی در تیم خلق کند.

نکات بالا فقط دو نکته از این مقاله جذاب بود. مطالعه کامل این مقاله نقاط بسیار مهمی را در ذهنتان روشن می‌کند که مطمئنا در زندگی حرفه‌ای بسیار کارامد خواهد بود.

https://medium.com/the-year-of-the-looking-glass/managing-more-experienced-people-9893f9903649

(زمان حدودی مطالعه ۸ دقیقه)

#بررسی #چالش #مدیریت_تیم

#مهران_داودی

@Dexign فلسفه دیزاین


____

این پست تا به حال نزدیک به ۱۹۰۰ بار مشاهده شده و به نظر می‌رسد برای خوانندگان جدید کانال جذاب باشد.
#پست_مجدد

دیزاینِ مفهومی به اسم «هدف»
با استفاده از فرآیند طراحی محصول

همه‌مون خیلی جاها این جملات رو خوندیم و شنیدیم «رویای خودت رو دنبال کن»، «به دنبال علاقه خودت برو» و …
این جملات علاوه بر اینکه انگیزه‌دهنده هستن، ممکنه بسیار ترسناک و دلهره‌آور هم باشن. ترس از داشتن «هدف» و درست بودنش.

مقاله امروز به نوع دیگری از دیزاین می‌پردازه. دیزاینِ مفهومی به اسم «هدف». چیزی که در خیلی از لحظات زندگی ما ممکنه گم بشه، گاهی شفاف نباشه یا برعکس، کاملا دقیق و واضح باشه و ما هم در حال قدم برداشتن به سمت‌ش.
چندتا از بزرگترین سوالاتی که ممکنه هرکسی در زندگی باهاش مواجه بشه اینه که «من چه هدفی رو در زندگی دنبال می‌کنم؟»، «آیا این هدف، هدف درستی هست؟» و …
شما چطور به این سوال‌ها پاسخ دادید؟
هیچوقت فکر می‌کردید که میشه با استفاده راهکارهایی که برای دیزاین محصول طی می‌کنید، «هدف»‌تون رو طراحی کنید؟ مقاله امروز به این موضوع می‌پردازه.

اگر شرکت IDEO رو بشناسید، می‌دونید که یکی از بهترین شرکت‌های دیزاین در دنیاست که یکی از شاخص‌ترین دیزاین‌هاشون، اولین Mouse کامپیوترهای اپل در سال ۱۹۸۰ است. IDEO جایی هست که بسیاری از دیزاینرها برای گذروندن دوره کارآموزی‌شون در اونجا، سر و دست می‌شکونن.
نوشته امروز از Minnie Bredouw هست. خانمی که نقش راهبر خلاقیت (Creative Lead) رو در IDEO به عهده داره.
ایشون برنامه‌ای رو به اسم Designing Purpose برای دانش‌آموزان راه‌اندازی کردن که در این مقاله درباره تفکری که پشت این برنامه هست توضیح دادن. با اینکه این برنامه بطور خاص برای دانش‌آموزان و کسانی که تازه فارغ‌التحصیل شدن، دیزاین شده ولی خوند این مقاله که از دل یک تیم دیزاین بیرون آمده، احتمالا به خیلی از ما کمک می‌کنه مسیری رو که در اون هستیم بازبینی و ارزیابی کنیم.

این مقاله، برای مشخص کردن هدف‌مون، چند مرحله رو که مشابه مراحل طراحی محصول هستند به ما معرفی می‌کنه تا در مسیر تعیین هدف، کمک‌مون کنه.
پیشنهاد می‌کنم همین حالا این مقاله رو بخونید و راهکارهاش رو به کار ببندید.

https://medium.com/ideo-stories/designing-purpose-6a4d74e50588

(زمان حدودی مطالعه، ۱۰ دقیقه)

#دیزاین #مهارت_فردی #هدفگذاری #طراحی_محصول
@Dexign دیزاین

___

محصولات گوگل، ققنوسی از خاکستر دیزاین ایتالیایی

به نظر میرسد که در دهه‌های قبل، دهه ۶۰ و ۷۰ هنر رنگ و بوی دیگری داشت. از موسیقی گرفته تا دنیای دیزاین. بعدها و اخیرا دیزاین‌ها دیگر کنتراست لازم را ندارد. همه‌چیز کمرنگ و خاکستری‌ست. سلیقه‌ای که شرکت Apple و قبلتر از آن، شرکت Braun در ساختن‌ش نقش بسیار پررنگی داشته است.
با وجود اینکه گروه‌هایی مثل Contrast Rebellion به مبارزه با روند موجود در دیزاین بپاخاستند ولی همچنان دیزاینرهای زیادی بی‌توجه به راحتی کاربر و کاربردی‌تر بودن محصولاتی که دیزاین می‌کنند، میانه‌روی، کنتراست پایین و استفاده از رنگ‌های خنثی‌تر را سرلوحه کار خود قرار داده‌اند.

آقای Adam Richardson که نویسنده مقاله امروز است، رد پای دیزاین پُر از رنگِ ایتالیایی را در محصولات اخیر گوگل دنبال کرده‌ و در این مقاله آن‌ها را با نمونه محصولات دهه ۶٠ و ٧٠ مقایسه می‌کند.
پیشنهاد می‌کنم مقاله رنگارنگ ایشان را خوانده و کمی بیشتر در این باب کنکاش کنید.

https://blog.prototypr.io/google-and-the-resurgence-of-italian-design-e9234cf3d073

(زمان حدودی مطالعه، ۸ دقیقه)

#بررسی #روند #طراحی_محصول
@Dexign فلسفه دیزاین

___

نمونه‌های جالب اینتراکشن (شماره ۳)

در ادامه معرفی ایده‌های جالب اینتراکشن، همانطور که قول داده بودم برای اینکه بتوانید بهتر و با ایده‌های جالب‌تری اینتراکشن‌های محصول خود را طراحی کنید، هر چند وقت یک بار نمونه‌هایی جالب از دیزاین تعامل یا Interaction در کانال ارسال می‌کنم.
این هم پست سوم از این مجموعه‌های انیمیشن‌های اینتراکشن.

توجه کنید که مقاله امروز به خاطر وجود انیمیشن‌های gif در آن، کمی سنگین بوده و ممکنه است بارگذاری صفحه کمی کند باشد.

https://medium.muz.li/ui-interactions-of-the-week-101-72fb2885d477

#معرفی #نمونه #اینتراکشن
@Dexign فلسفه دیزاین

___

تکنیک‌های جذاب برای پیش از بارگذاری تصاویر

هیچوقت معرفی شدن HTML5 را فراموش نمی‌کنم، در خوابگاه بالا و پایین می‌پریدم و از پتانسیل‌های آن و نمونه‌هایی که از استفاده‌هایش در اینترنت دیده بودم برای هم اتاقی‌هایم می‌گفتم. آن‌ها هم چون رشته‌های مرتبط با کامپیوتر نداشتند، با نگاهی سرشار از تعجب و «خُب که چی؟» من را نگاه می‌کردند.
از یک جایی به بعد، وب با سرعتی سرسام‌آوری روی به پیشرفت آورد. دریچه‌هایی را به روی تمامی انسان‌های خلاق گشود که سرعت حرکت و وقوع اتفاقات جدید را در آن چند برابر کردند.
مقاله امروز هم درباره یک ایده جدید در وب است.

قبل از شروع صحبت، اجازه بدهید دو مفهوم زیر را برایتان تعریف کنم.
Placeholderها: همان عناصری هستند که تا زمان بارگذاری تصاویر، جای آن‌ها را برایشان نگه‌داشته و کاربرها را سرگرم می‌کنند.
و SVG: پسوند مربوط به تصاویر برداری (Vector) که به دلیل حجم کم و چند ویژگی دیگر، در وب جایگاه بسیار محبوبی پیدا کرده است.
قبل‌ترها از عکس‌های ثابت، رنگ‌ها و اینطور چیز‌ها به عنوان Placeholder استفاده می‌شد، ولی امروزه سرویس‌های مختلف حرکتی را آغاز کردند تا هرچقدر که می‌توانند Placeholder یک تصویر را به خود تصویر نزدیک کنند.
تلاش Google Image Search در این جهت، مرتبط بودن رنگ هر Placeholder به عکسی که بعدا در آن بارگذاری می‌شود، و تلاش Instagram، نمایش یک نسخه تار شده از عکس‌ها قبل از بارگذاری آن‌ها است.

امروز پیشنهاد جذاب و هوشمندانه یکی از برنامه‌نویسان Frontend شرکت Spotify را بررسی می‌کنیم. ایشان می‌گویند: مگر نه اینکه SVGها بسیار کم حجم هستند؟ پس چرا یک نسخه ساده شده بُرداری از تصاویر را قبل از بارگذاری‌شان نمایش ندهیم؟
هیجان‌انگیز است، نه؟
به نظر من که ایده بسیار جذابی‌ست. پیشنهاد می‌کنم جزئیات ایده ایشان را از زبان خودشان بخوانید:

https://medium.freecodecamp.org/using-noscript-as-placeholders-more-image-loading-techniques-bed1b810ab2c

(زمان حدودی مطالعه، ۱۲ دقیقه)

#معرفی #ایده #طراحی_رابط‌کاربری
@Dexign فلسفه دیزاین

___

فُــرم‌ها را بهتر دیزاین کنیم

هرکدام از ما شاید تا حالا چند صد فرم پر‌ کرده‌ایم، یا حتی کمی قبل از شروع خواندن این مقاله، یک فرم را تکمیل کرده باشیم. از فرم‌های آنلاین ثبت‌نام در یک سرویس تا فرم‌های کاغذی شرکت‌ها و ادارات مختلف. با احتمال خوبی هنگام پر کردن اکثر آنها معتقد بودیم که «می‌تونستن این رو‌ بهتر طراحی بکنن» یا «چرا یه فرم ساده باید انقدر گیج کننده باشه؟!»
برای خود من پیش آمده که به خاطر بد بودن طراحی فرم (از خواستن اطلاعات اضافی گرفته تا طراحی بصری بد)، از پر کردن آن منصرف شده باشم.

با این مقدمه، سوال مهمی که مطرح می‌شود این است که: چرا با وجود پرمراجعه بودن فرم‌ها، اکثرا در کمترین میزان توجه قرار داشته و بعضا کمترین زمان برای دیزاین و تست آن‌ها اختصاص داده می‌شود؟
حدسی که خود من می‌زنم این است که شاید برای دیزاینرها، دیزاین فرم‌ها به اندازه سایر صفحات جذاب نیست. یا شاید مدیران فکر می‌کنند که فرم، مفهومی بسیار ساده‌ست و پیاده‌سازی آن نباید وقت بگیرد.

جواب سوال بالا هرچیزی که هست، باعث رویگرداندن بسیاری از کاربران بالقوه می‌شود.
امروز مقاله‌ای را بررسی می‌کنیم که با اشاره به اهمیت زیاد فرم‌ها، نمونه‌هایی خوب و مختلف را از پیاده‌سازی‌شان، بررسی می‌کند.

فرم‌ها می‌توانند نجات‌دهنده باشند، این مقاله را از دست ندهید.

https://uxplanet.org/3-best-form-design-practices-for-your-design-process-383510b31613

(زمان حدودی مطالعه، ۸ دقیقه)

#بررسی #نمونه_موفق #طراحی_فرم
@Dexign فلسفه دیزاین

___

این پست تا به حال نزدیک به ۱۹۰۰ بار مشاهده شده و به نظر می‌رسد برای خوانندگان جدید کانال جذاب باشد.

سه راه برای بهبود مهارت دیزاین

من دیزاین رو با طراحی پوستر و بعدش صفحه‌آرایی یک مجله شروع کردم و وقتی که به سمت طراحی رابط کاربری اومدم زاویه دیدم به دیزاین متاثر از صفحه‌آرایی بود. همینطور که روزها می‌گذشت و کارهای بیشتری انجام می‌دادم و بیشتر مطالعه می‌کردم، متوجه شدم که خیلی از مفاهیمی که خودآگاه و ناخودآگاه بهشون پی برده بودم، داره در مسیر دیزاین رابط کاربری کمکم می‌کنه.
امروز مقاله‌ای معرفی می‌کنم که مقدمه‌ش، به خاطر تشابه روند شروع فعالیتم با نویسنده مقاله، پرتم کرد به اون دوران.

واقعیت اینه که دیزاین، مجموعه‌ای‌ست از مفاهیم که در زمینه‌ها و رشته‌های مختلف مطرح شدن و یادگیری همه‌شون به اختصاص زمان حداکثری برای کسب اطلاعات احتیاج داره. مخصوصا حالا که بطور مداوم ابزارها، تکنولوژی‌ها و اصول جدیدی هم معرفی می‌شن که یادگیری‌شون می‌تونه روند کاری دیزاینرها رو بهبود بده.
ولی گاهی نکاتی کوتاه و پایه‌ای، می‌تونه به شکل یک سنگِ محک عمل بکنه و کمک کنه بتونید دیزاین‌هاتون رو در مدت کمی محک زده و در صورت لزوم بهبودشون بدین. مقاله امروز به بررسی سه نکته بسیار موثر و پایه‌ای پرداخته:

۱. سلسه مراتب بصری:
که پیشتر به نحوی دیگر و تحت عنوان «معماری اطلاعات: فوت کوزه‌گری دیزاین» بررسی‌ش کردیم.

۲. اصول گشتالت:
این اصول درباره ادراک بصری انسان‌هاست که توسط یک روانشناس آلمانی نوشته شده و در دیزاین کاربردهای فراوانی داره. این اصول بطور خلاصه میگه: «کُل، چیزی متفاوت از مجموع تک تک اجزاست.»
پیشنهاد می‌کنم جزئیات این اصول رو مقاله ببینید.

۳. و در نهایت فونت:
فونت و تایپوگرافی یکی از مهم‌ترین بخش‌های هر دیزاینی هست که شامل متن باشه. این مقاله بطور خلاصه و کاربردی درباره این موضوع هم توضیحاتی داده.

فرصت رو از دست ندید و همین حالا مقاله امروز رو بخونید:

https://uxdesign.cc/3-ways-to-improve-your-visual-design-skills-fa9dc8e583ff

(زمان حدودی مطالعه، ۱۰ دقیقه)

#مفاهیم #طراحی_بصری #فونت #گشتالت #معماری_اطلاعات
@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 دیزاین

___

راهنمای جیبی برای «خلق کردن»

تمامی دیزاینرها برای ارائه کارهای خوب، ‌محکومند به خلاق بودن. در کار ما، خلاقیت یکی از الزمات لذت‌بخش است که امروز درباره آن گفتگو می‌کنیم.
بسیاری از ما فکر می‌کنیم که آدم‌های خلاق آدم‌های شخلته‌ای هستند، یا برای خلاق بودن باید تمامی روندها و چارچوب‌ها را درهم کوبید، حتی در زندگی شخصی. به اعتقاد من و برخی دیگر که چند وقت پیش با آنها هم‌صحبت شده بودم، خلاقیت می‌تواند روند داشته باشد. یا شاید بهتر باشد بگوییم برای ایجاد «تکرار پذیری» و «تمرین و یادگیری» هرچیزی باید آن را بصورت یک Flow یا روند درآوریم. خلاقیت هم از این قاعده مستثنی نیست.

مقاله امروز بطور کامل به بررسی خلاق بودن می‌پردازد و نتیجه‌ای است از مطالعه نوشته‌های Mihaly Csikszentmihalyi (روانشناس) و Betty Edwards (مدرس هنر) در قالب روشی به نام ISIIVE. هر حرف از این نام معرف یکی از مراحل این روند است و مثل بسیاری روش‌های دیگر، با پرسیدن «سوال دُرست» شروع می‌شود.

اگر شما هم می‌خواهید خلاق باشید، این مقاله را از دست ندهید و نوشته‌های آن را همیشه در گوشه‌ای نگه دارید.
مثل لباس یک ابرقهرمان. ابرقهرمان خلاقیت.

https://uxplanet.org/pocket-creativity-d1868400ff1b

(زمان حدودی مطالعه، ۱۵ دقیقه)

#معرفی #تکنیک #خلاقیت
@Dexign فلسفه دیزاین

____

این پست تا به حال نزدیک به ۲۲۰۰ بار مشاهده شده و به نظر می‌رسد برای خوانندگان جدید کانال جذاب باشد.

کاهش پیچیدگی بصری،
روندی جدید در دیزاین

گاهی که بر سر برتری سیستم‌عامل‌های موبایل بحث میشه، به یاد روندی میافتم که این سیستم‌عامل‌ها از ابتدای شکل‌گیری‌شون طی کردن. به نظرم اگر کمی از ارتفاع بالاتر به مسیر طی شده‌شون نگاه کنیم، متوجه می‌شیم که ویژگی‌هاشون کاملا به سمت همدیگه حرکت کرده.
برای مثال وقتی iOS، بخشی رو با عنوان Notification Center اضافه کرد، کاربران Android می‌گفتند که این ویژگی از Android کپی شده. یا درباره برخی ویژگی‌ها بالعکس.

دلیل این همگرایی احتمالا کاربرها هستند. در دیزاین User-Centered راحتی کاربر در کار با سرویس در بالاترین اولویت قرار داده می‌شه. با فرض اینکه کاربران همه سیستم‌عامل‌های عمومی، انسانهای مشابهی هستند، می‌شه این همگرایی رو منطقی دونست.

با این مقدمه می‌خوام مقاله امروز رو معرفی کنم که درباره روند (Trend) جدیدی در دیزاین اپلیکیشن‌ها صحبت می‌کنه که مربوط میشه به کاهش پیچیدگی بصری یا Complexion Reduction.
در این مقاله آقای Michael Horton، اپلیکیشن‌های Instagram، Apple Music، Medium و Airbnb رو مورد بررسی قرار داده و عنوان می‌کنه که روند جدید دیزاین این اپلیکیشن‌ها همگی به سمت سادگی، کاهش رنگ‌ها و همچنین تاکید روی عناوین صفحات با ضخیم‌تر کردن فونت مورد استفاده، رفته. به طوری که شاید با کمی اغماض، بشه تمام این اپلیکیشن‌ها رو زیرمجموعه یک شرکت بدونیم.

بخش جالب این موضوع اینه که به نظر می‌رسه تولد این نوع دیزاین به خاطر مطالعه و تحقیق روی کاربرهاست و هر کدوم از این اپلیکیشن‌ها بصورت جداگانه‌ای به نتایجی مشابه رسیدند.

مقاله امروز زاویه نگاه جالبی داره و از نظر بررسی Trendـی که شکل گرفته حائز اهمیته. ولی شخصا با دستورالعملی که برای کاهش پیچیدگی (مشابه کاری که اپلیکیشن‌های مورد مثال انجام دادن)، در انتهای مقاله ارائه داده موافق نیستم.
دیزاین هیچ دستورالعملی نمی‌پذیره و اگر قرار بر تقلید کردن باشه، هیچوقت اتفاق جدیدی نمیافته.

امیدوارم از مقاله امروز لذت ببرید.

http://www.huffingtonpost.com/entry/complexion-reduction-a-new-trend-in-mobile-design_us_577d828fe4b05b4c02fb8b07

(زمان حدودی مطالعه، ۱۰ دقیقه)

#تحلیل #روند #رابط_کاربری #اپلیکیشن
@Dexign دیزاین

___

معرفی کتاب‌های بی‌ربط به دیزاین

احتمالا می‌پرسید چرا باید در کانالی که از دیزاین حرف می‌زند کتاب‌های بی‌ربط به دیزاین معرفی شود؟
خب واقعیت این است که کتاب‌هایی که امروز به معرفی‌شان می‌پردازیم فقط «مستقیما» به دیزاین مربوط نیستند. این کتاب‌ها به نگاه و طرز تفکرمان مربوطند و همین نگاه و طرز تفکر می‌تواند یک دیزاین نسبتا خوب را به دیزاینی کاملا عالی تبدیل کند.
اگر کمی بیاندیشیم احتمالا موضوعات زیادی پیدا می‌کنیم که برای رسیدن به کمال در آن‌ها، به مهارت‌های مختلف، متفاوت و در نگاه اول کاملا بی‌ربط نیازمندیم.

آقای Daniel Burka، یکی از همکاران Google Ventures، در توییتی از دیزاینرها خواسته بود که بهترین کتاب دیزاینی که مربوط به دیزاین نیست را معرفی کنند. ایشان جواب‌های دریافتی‌شان را در قالب مقاله‌ای با ما به اشتراک گذاشته‌اند.

کتاب‌های این مجموعه را از دست ندهید.

https://medium.com/@dburka/the-best-design-books-that-arent-explicitly-about-design-74fc96ce115e

(زمان حدودی مطالعه، ۶ دقیقه)

#معرفی #کتاب #دیزاین
@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 فلسفه دیزاین


ــــــــــــ