این پست تا به حال بیش از ۸۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین
باشه/بیخیال یا بیخیال/باشه؟
یکی از چالشهایی که احتمالا با آن مواجه شدهاید، انتخاب جای دکمههای یک صفحه است. اینکه دکمه 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 فلسفه دیزاین
____
یکی از چالشهایی که احتمالا با آن مواجه شدهاید، انتخاب جای دکمههای یک صفحه است. اینکه دکمه 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 فلسفه دیزاین
____
Medium
“Ok-Key” and “Cancel-Key”, Which One Should Be Set Up on the Left?
“Ok-key” and “cancel-key”, which one should be set up on the left? It’s an eternal war of button sort between UI designers preferring…
این پست تا به حال بیش از ۲۴۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین
چه کسی پیروز این مسابقه سرعت است؟
در وجود تمام ما دیزاینرها و شاید کل کسانی که کارهای خلاقانه انجام میدهند، چیزی هست که اجازه نمیدهد آرام بگیریم. هربار چیزی را میبینیم، حتی اگر آن چیز دارد درست کار میکند، علاقه داریم آن را بهتر کنیم.
صفحات بارگذاری یا 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 فلسفه دیزاین
____
در وجود تمام ما دیزاینرها و شاید کل کسانی که کارهای خلاقانه انجام میدهند، چیزی هست که اجازه نمیدهد آرام بگیریم. هربار چیزی را میبینیم، حتی اگر آن چیز دارد درست کار میکند، علاقه داریم آن را بهتر کنیم.
صفحات بارگذاری یا 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 فلسفه دیزاین
____
https://www.viget.com
A Bone to Pick with Skeleton Screens | Viget
Facebook and Google use skeleton screens to make their apps feel faster. Should you be using them too?
این پست تا به حال بیش از ۱۹۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین
چگونه تمام ستارهها را در یک آسمان جمع کنیم؟
باز هم از موضوع پرچالش مدیریت تیم میگوییم و باز هم از زبان خانم Julie Zhou، معاون طراحی فیسبوک. همانطور که پیشتر هم گفتیم، ایشان هر هفته یکبار یکی از سوالاتی را که از او پرسیده میشود در قالب یک مقاله توضیح میدهد. سوالی که اینبار هم عنوان مقاله جذابی از ایشان شده، به شرح زیر است:
چطور افرادی را که با تجربهتر از شما بوده و دانش بیشتری دارند، مدیریت کنید؟
در این مقاله خانم Zhou، تجربه خودش را در مورد کار کردن با افراد حرفهای شرح داده و به فاکتورهای بسیار مهمی اشاره میکنند که دو مورد از آنها به نقل از ایشان و به اختصار در پایین آمدهاند:
- وانمود نکنید که کامل هستید: برای مثال وقتی شما مدیر واحد طراحی هستید به این معنی نیست که باید بهترین طراح باشید. مثل یک مربی دو که لازم نیست سریعترین دونده باشد! نقش مربی دو، سریعترین دونده بودن نیست. دونده بودن و مربی دو بودن دو نقش کاملا جدا هستند. همانطور که منتقد سینما بودن، لازمهش کارگردان بسیار خوبی بودن نیست.
- از یاد گرفتن از افراد Senior استقبال کنید: وجود افراد حرفهای، تیم شما را حرفهای میکند. از طرفی استخدام افرادی که Junior هستند، با این هدف که بتوانید آنها را کنترل کنید بزرگترین اشتباه است. یکی از سوالاتی که در مصاحبهها از خودم میپرسم این است که «آیا این آدم میتونه یه روزی رئیس من بشه؟ آیا من حاضرم تو تیم این شخص کار کنم؟» اگر جواب بله باشد این شخص یک کاندیدای ارزشمند است و میتواند ارزش زیادی در تیم خلق کند.
نکات بالا فقط دو نکته از این مقاله جذاب بود. مطالعه کامل این مقاله نقاط بسیار مهمی را در ذهنتان روشن میکند که مطمئنا در زندگی حرفهای بسیار کارامد خواهد بود.
https://medium.com/the-year-of-the-looking-glass/managing-more-experienced-people-9893f9903649
(زمان حدودی مطالعه ۸ دقیقه)
#بررسی #چالش #مدیریت_تیم
#مهران_داودی
@Dexign فلسفه دیزاین
____
باز هم از موضوع پرچالش مدیریت تیم میگوییم و باز هم از زبان خانم Julie Zhou، معاون طراحی فیسبوک. همانطور که پیشتر هم گفتیم، ایشان هر هفته یکبار یکی از سوالاتی را که از او پرسیده میشود در قالب یک مقاله توضیح میدهد. سوالی که اینبار هم عنوان مقاله جذابی از ایشان شده، به شرح زیر است:
چطور افرادی را که با تجربهتر از شما بوده و دانش بیشتری دارند، مدیریت کنید؟
در این مقاله خانم Zhou، تجربه خودش را در مورد کار کردن با افراد حرفهای شرح داده و به فاکتورهای بسیار مهمی اشاره میکنند که دو مورد از آنها به نقل از ایشان و به اختصار در پایین آمدهاند:
- وانمود نکنید که کامل هستید: برای مثال وقتی شما مدیر واحد طراحی هستید به این معنی نیست که باید بهترین طراح باشید. مثل یک مربی دو که لازم نیست سریعترین دونده باشد! نقش مربی دو، سریعترین دونده بودن نیست. دونده بودن و مربی دو بودن دو نقش کاملا جدا هستند. همانطور که منتقد سینما بودن، لازمهش کارگردان بسیار خوبی بودن نیست.
- از یاد گرفتن از افراد Senior استقبال کنید: وجود افراد حرفهای، تیم شما را حرفهای میکند. از طرفی استخدام افرادی که Junior هستند، با این هدف که بتوانید آنها را کنترل کنید بزرگترین اشتباه است. یکی از سوالاتی که در مصاحبهها از خودم میپرسم این است که «آیا این آدم میتونه یه روزی رئیس من بشه؟ آیا من حاضرم تو تیم این شخص کار کنم؟» اگر جواب بله باشد این شخص یک کاندیدای ارزشمند است و میتواند ارزش زیادی در تیم خلق کند.
نکات بالا فقط دو نکته از این مقاله جذاب بود. مطالعه کامل این مقاله نقاط بسیار مهمی را در ذهنتان روشن میکند که مطمئنا در زندگی حرفهای بسیار کارامد خواهد بود.
https://medium.com/the-year-of-the-looking-glass/managing-more-experienced-people-9893f9903649
(زمان حدودی مطالعه ۸ دقیقه)
#بررسی #چالش #مدیریت_تیم
#مهران_داودی
@Dexign فلسفه دیزاین
____
Medium
Managing more experienced people
This was first published on my mailing list The Looking Glass. Every week, I answer a reader’s question.
این پست تا به حال بیش از ۷۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین
محصولات گوگل، ققنوسی از خاکستر دیزاین ایتالیایی
به نظر میرسد که در دهههای قبل، دهه ۶۰ و ۷۰ هنر رنگ و بوی دیگری داشت. از موسیقی گرفته تا دنیای دیزاین. بعدها و اخیرا دیزاینها دیگر کنتراست لازم را ندارد. همهچیز کمرنگ و خاکستریست. سلیقهای که شرکت Apple و قبلتر از آن، شرکت Braun در ساختنش نقش بسیار پررنگی داشته است.
با وجود اینکه گروههایی مثل Contrast Rebellion به مبارزه با روند موجود در دیزاین بپاخاستند ولی همچنان دیزاینرهای زیادی بیتوجه به راحتی کاربر و کاربردیتر بودن محصولاتی که دیزاین میکنند، میانهروی، کنتراست پایین و استفاده از رنگهای خنثیتر را سرلوحه کار خود قرار دادهاند.
آقای Adam Richardson که نویسنده مقاله امروز است، رد پای دیزاین پُر از رنگِ ایتالیایی را در محصولات اخیر گوگل دنبال کرده و در این مقاله آنها را با نمونه محصولات دهه ۶٠ و ٧٠ مقایسه میکند.
پیشنهاد میکنم مقاله رنگارنگ ایشان را خوانده و کمی بیشتر در این باب کنکاش کنید.
https://blog.prototypr.io/google-and-the-resurgence-of-italian-design-e9234cf3d073
(زمان حدودی مطالعه، ۸ دقیقه)
#بررسی #روند #طراحی_محصول
@Dexign فلسفه دیزاین
___
به نظر میرسد که در دهههای قبل، دهه ۶۰ و ۷۰ هنر رنگ و بوی دیگری داشت. از موسیقی گرفته تا دنیای دیزاین. بعدها و اخیرا دیزاینها دیگر کنتراست لازم را ندارد. همهچیز کمرنگ و خاکستریست. سلیقهای که شرکت Apple و قبلتر از آن، شرکت Braun در ساختنش نقش بسیار پررنگی داشته است.
با وجود اینکه گروههایی مثل Contrast Rebellion به مبارزه با روند موجود در دیزاین بپاخاستند ولی همچنان دیزاینرهای زیادی بیتوجه به راحتی کاربر و کاربردیتر بودن محصولاتی که دیزاین میکنند، میانهروی، کنتراست پایین و استفاده از رنگهای خنثیتر را سرلوحه کار خود قرار دادهاند.
آقای Adam Richardson که نویسنده مقاله امروز است، رد پای دیزاین پُر از رنگِ ایتالیایی را در محصولات اخیر گوگل دنبال کرده و در این مقاله آنها را با نمونه محصولات دهه ۶٠ و ٧٠ مقایسه میکند.
پیشنهاد میکنم مقاله رنگارنگ ایشان را خوانده و کمی بیشتر در این باب کنکاش کنید.
https://blog.prototypr.io/google-and-the-resurgence-of-italian-design-e9234cf3d073
(زمان حدودی مطالعه، ۸ دقیقه)
#بررسی #روند #طراحی_محصول
@Dexign فلسفه دیزاین
___
Prototypr
Google and the Resurgence of Italian Design
Once upon a time, we had products that were colorful, in shapes that were quirky, whimsical, and expressive. Interesting! And then, almost…
همه ما فروشندهایم
بسیاری از ما به بواسطه وجود شغلهایی مانند واسطهگری، دید خوبی نسبت به فروشندگی و یادگیری آن نداریم، در حالی که اگر دقیق نگاه کنیم، خود ما هم یک فروشنده هستیم.
فروشندههایی که در هر لحظه زندگی در حال فروش یک چیز در ازای بدست آوردن چیزی دیگر هستیم. فروش مهارتها، زمان، خدمات و …
فروشندگی، اگر در راستای احترام به خریدار و حفظ اخلاقیات باشد، کاری بسیار جذاب و هیجانانگیز است.
تمام بزرگان دنیای تکونولوژی، در وهله اول فروشندگان خوبی بودند که توانستهاند محصول تولید شده خود را به بهترین شکل عرضه کنند.
احتمالا شما هم افراد زیادی را میشناسید که با ایدههای ناب استارتاپی نه تنها نمیتوانند محصول خود را به فروش برسانند، بلکه گاهی حتی نمیتوانند تیم خود را حفظ کنند.
موضوع صحبت امروز بازاریابی و فروش است. وقتی شما یک صفحه Landing یا یک روند Onboarding دیزاین میکنید، درواقع در حال ساخت سازوکاری برای ارائه و فروش محصول خود هستیم. پس به دانستن اصول بازاریابی و فروش داریم که بصورتهای کپی نویسی (Copywriting) یا چیدمان محتوایی صفحات در دیزاینهای دیجیتال نمود پیدا میکنند.
مقاله امروز از یکی از مدیران سابق شرکت دوستداشتنی 37Signals است که به موضوع دیزاین بازاریابی در جهت بهبود نرخ تبدیل (Conversion Rate) میپردازد.
این شرکت در بازدیزاین صفحات وبسایت یکی از سرویسهای خود به نام Highrise، نکات ریزی را مد نظر قراردادند که موجود بالا رفتن نرخ پیوستن کاربران به این سرویس شد.
مقاله جذاب امروز را از دست ندهید:
https://m.signalvnoise.com/marketing-design-how-we-got-a-35-bump-in-our-conversion-rate-at-highrise-96abe6d91818
(زمان حدودی مطالعه، ۹ دقیقه)
پ. ن.
در پُست بعدی یک دوره بسیار جذاب برای آشنایی با مبانی بازاریابی معرفی میکنم. خود من هم حضور دارم.
با دادن اسم کانال «فلسفه دیزاین» میتوانید تخفیف ۲۵ درصدی بگیرید. 👇
#بازاریابی #نرخ_تبدیل #کپی_رایتینگ
@Dexign فلسفه دیزاین
___
بسیاری از ما به بواسطه وجود شغلهایی مانند واسطهگری، دید خوبی نسبت به فروشندگی و یادگیری آن نداریم، در حالی که اگر دقیق نگاه کنیم، خود ما هم یک فروشنده هستیم.
فروشندههایی که در هر لحظه زندگی در حال فروش یک چیز در ازای بدست آوردن چیزی دیگر هستیم. فروش مهارتها، زمان، خدمات و …
فروشندگی، اگر در راستای احترام به خریدار و حفظ اخلاقیات باشد، کاری بسیار جذاب و هیجانانگیز است.
تمام بزرگان دنیای تکونولوژی، در وهله اول فروشندگان خوبی بودند که توانستهاند محصول تولید شده خود را به بهترین شکل عرضه کنند.
احتمالا شما هم افراد زیادی را میشناسید که با ایدههای ناب استارتاپی نه تنها نمیتوانند محصول خود را به فروش برسانند، بلکه گاهی حتی نمیتوانند تیم خود را حفظ کنند.
موضوع صحبت امروز بازاریابی و فروش است. وقتی شما یک صفحه Landing یا یک روند Onboarding دیزاین میکنید، درواقع در حال ساخت سازوکاری برای ارائه و فروش محصول خود هستیم. پس به دانستن اصول بازاریابی و فروش داریم که بصورتهای کپی نویسی (Copywriting) یا چیدمان محتوایی صفحات در دیزاینهای دیجیتال نمود پیدا میکنند.
مقاله امروز از یکی از مدیران سابق شرکت دوستداشتنی 37Signals است که به موضوع دیزاین بازاریابی در جهت بهبود نرخ تبدیل (Conversion Rate) میپردازد.
این شرکت در بازدیزاین صفحات وبسایت یکی از سرویسهای خود به نام Highrise، نکات ریزی را مد نظر قراردادند که موجود بالا رفتن نرخ پیوستن کاربران به این سرویس شد.
مقاله جذاب امروز را از دست ندهید:
https://m.signalvnoise.com/marketing-design-how-we-got-a-35-bump-in-our-conversion-rate-at-highrise-96abe6d91818
(زمان حدودی مطالعه، ۹ دقیقه)
پ. ن.
در پُست بعدی یک دوره بسیار جذاب برای آشنایی با مبانی بازاریابی معرفی میکنم. خود من هم حضور دارم.
با دادن اسم کانال «فلسفه دیزاین» میتوانید تخفیف ۲۵ درصدی بگیرید. 👇
#بازاریابی #نرخ_تبدیل #کپی_رایتینگ
@Dexign فلسفه دیزاین
___
🔰 اگر به بازاریابی و دیزاین علاقهمندید، فردا ۲۸ تیرماه یک دوره بسیار عالی یک روزه در مدرسه بازاریابی تهران برگزار میشود.
با گفتن اسم «فلسفه دیزاین» به عنوان معرف، ۲۵ درصد هم تخفیف بگیرید.
@Dexign
با گفتن اسم «فلسفه دیزاین» به عنوان معرف، ۲۵ درصد هم تخفیف بگیرید.
@Dexign
این پست تا به حال بیش از ۱۸۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین
تکنیکهای جذاب برای پیش از بارگذاری تصاویر
هیچوقت معرفی شدن 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 فلسفه دیزاین
___
هیچوقت معرفی شدن 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 فلسفه دیزاین
___
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…
این پست تا به حال بیش از ۲۰۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین
فُــرمها را بهتر دیزاین کنیم
هرکدام از ما شاید تا حالا چند صد فرم پر کردهایم، یا حتی کمی قبل از شروع خواندن این مقاله، یک فرم را تکمیل کرده باشیم. از فرمهای آنلاین ثبتنام در یک سرویس تا فرمهای کاغذی شرکتها و ادارات مختلف. با احتمال خوبی هنگام پر کردن اکثر آنها معتقد بودیم که «میتونستن این رو بهتر طراحی بکنن» یا «چرا یه فرم ساده باید انقدر گیج کننده باشه؟!»
برای خود من پیش آمده که به خاطر بد بودن طراحی فرم (از خواستن اطلاعات اضافی گرفته تا طراحی بصری بد)، از پر کردن آن منصرف شده باشم.
با این مقدمه، سوال مهمی که مطرح میشود این است که: چرا با وجود پرمراجعه بودن فرمها، اکثرا در کمترین میزان توجه قرار داشته و بعضا کمترین زمان برای دیزاین و تست آنها اختصاص داده میشود؟
حدسی که خود من میزنم این است که شاید برای دیزاینرها، دیزاین فرمها به اندازه سایر صفحات جذاب نیست. یا شاید مدیران فکر میکنند که فرم، مفهومی بسیار سادهست و پیادهسازی آن نباید وقت بگیرد.
جواب سوال بالا هرچیزی که هست، باعث رویگرداندن بسیاری از کاربران بالقوه میشود.
امروز مقالهای را بررسی میکنیم که با اشاره به اهمیت زیاد فرمها، نمونههایی خوب و مختلف را از پیادهسازیشان، بررسی میکند.
فرمها میتوانند نجاتدهنده باشند، این مقاله را از دست ندهید.
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 فلسفه دیزاین
راهنمای جیبی برای «خلق کردن»
تمامی دیزاینرها برای ارائه کارهای خوب، محکومند به خلاق بودن. در کار ما، خلاقیت یکی از الزمات لذتبخش است که امروز درباره آن گفتگو میکنیم.
بسیاری از ما فکر میکنیم که آدمهای خلاق آدمهای شخلتهای هستند، یا برای خلاق بودن باید تمامی روندها و چارچوبها را درهم کوبید، حتی در زندگی شخصی. به اعتقاد من و برخی دیگر که چند وقت پیش با آنها همصحبت شده بودم، خلاقیت میتواند روند داشته باشد. یا شاید بهتر باشد بگوییم برای ایجاد «تکرار پذیری» و «تمرین و یادگیری» هرچیزی باید آن را بصورت یک 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?
رویداد «استارتاپ ویکند» میتواند یکی از رویدادهای بسیار تاثیر گذار و مسیر ساز زندگی هر برنامهنویس باشد. برنامهنویسان معمولا در این رویدادها با بعدهای دیگر یک محصول نرمافزاری آشنا میشوند. این مفاهیم با الگوریتم و مفاهیمی که ما به عنوان برنامهنویس به آنها عادت کردهایم فاصله بسیار زیادی دارد.
رویداد استارتاپ ویکند فرصت خیلی خوبی است که این مفاهیم را به صورت عملی و در ۳ روز به صورت فشرده تجربه کنیم.
همچنین اگر تخصص دیزاین و یا علاقه مرتبط با آن و یا حتی دوستی علاقمند به دیزاین دارید، این رویداد فرصت بسیار مناسبی برای کسب تجربه در این زمینه است.
ما نیز از طرف کانالهای «فلسفه نرمافزار» و «فلسفه دیزاین» در نقش مربی در این رویداد در خدمت شما خواهیم بود.
البته ظاهرا ظرفیت برای ثبتنام برنامهنویسان پر شده، ولی امکان ثبتنام به عنوان دیزاینر هنوز وجود دارد.
مشتاق و منتظر حضور شما و دیدارتان هستیم.
همچنین برای اعضای کانال «فلسفه نرمافزار» و «فلسفه دیزاین» یک کد تخفیف در نظر گرفتهشده است که میتوانید در هنگام ثبتنام از آن استفاده کنید.
کد تخفیف مخصوص «فلسفه دیزاین»: Philosophy
ثبتنام استارتاپ ویکند:
http://SWTBlockchain.com
#Startup #startup_weekend #Design
@Dexign فلسفه دیزاین
___
رویداد استارتاپ ویکند فرصت خیلی خوبی است که این مفاهیم را به صورت عملی و در ۳ روز به صورت فشرده تجربه کنیم.
همچنین اگر تخصص دیزاین و یا علاقه مرتبط با آن و یا حتی دوستی علاقمند به دیزاین دارید، این رویداد فرصت بسیار مناسبی برای کسب تجربه در این زمینه است.
ما نیز از طرف کانالهای «فلسفه نرمافزار» و «فلسفه دیزاین» در نقش مربی در این رویداد در خدمت شما خواهیم بود.
البته ظاهرا ظرفیت برای ثبتنام برنامهنویسان پر شده، ولی امکان ثبتنام به عنوان دیزاینر هنوز وجود دارد.
مشتاق و منتظر حضور شما و دیدارتان هستیم.
همچنین برای اعضای کانال «فلسفه نرمافزار» و «فلسفه دیزاین» یک کد تخفیف در نظر گرفتهشده است که میتوانید در هنگام ثبتنام از آن استفاده کنید.
کد تخفیف مخصوص «فلسفه دیزاین»: Philosophy
ثبتنام استارتاپ ویکند:
http://SWTBlockchain.com
#Startup #startup_weekend #Design
@Dexign فلسفه دیزاین
___
این پست تا به حال بیش از ۱۹۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.
Forwarded from فلسفه دیزاین
معرفی کتابهای بیربط به دیزاین
احتمالا میپرسید چرا باید در کانالی که از دیزاین حرف میزند کتابهای بیربط به دیزاین معرفی شود؟
خب واقعیت این است که کتابهایی که امروز به معرفیشان میپردازیم فقط «مستقیما» به دیزاین مربوط نیستند. این کتابها به نگاه و طرز تفکرمان مربوطند و همین نگاه و طرز تفکر میتواند یک دیزاین نسبتا خوب را به دیزاینی کاملا عالی تبدیل کند.
اگر کمی بیاندیشیم احتمالا موضوعات زیادی پیدا میکنیم که برای رسیدن به کمال در آنها، به مهارتهای مختلف، متفاوت و در نگاه اول کاملا بیربط نیازمندیم.
آقای 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.
مروری بر دیزاینهای همه فن حریف
روز به روز به تنوع اندازهای اسکرینهایی که باید برای آنها دیزاین کنیم افزوده میشود. با همهگیر شدن تبلتها، مفهوم Universal App یا به تعبیر ما اپلیکیشنهای همه فن حریف معرفی شدند. مفهوم Universal App به اپلیکیشنهایی اطلاق میشود که هم روی تلفنهای همراه هوشمند و هم بر روی تبلتها اجرا میشوند و در هر کدام شکل آن دستگاه را میپذیرند. مثل آبی که در یک استکان کمرباریک بریزید یا در یک ماگ.
در بسیاری از مقالات این کانال تاکید شده که بهتر است دیزاینرها به جای یادگیری برنامهنویسی، زبان صحبت با توسعهدهندگان و متخصصین کسبوکار را یاد بگیرند. چراکه لایهای هستند حیاتی برای ارتباط این دو قشر.
حال آنکه هرکدام از این فضاهای کسبوکار و توسعه هرساله بواسطه همایشهای مختلفی که شرکتها برگزار میکنند دستخوش تغییراتی میشوند که اغلب متخصصین آن حوزه در جریانشان هستند.
با این مقدمه میخواهیم مسئولیت/مهارتی دیگر را برعهده دیزاینر بگذاریم. با توجه به اینکه ارائه تجربهکاربری لذتبخش هدف غایی هر طراح محصولیست، این مهم بدون دنبال کردن جدی تکنولوژیها و ابزارهای جدید شرکتهای سختافزاری میسر نمیشود. یکی از مواردی در بسیاری از همایشها مانند همایشهای سالیانه اپل مطرح میشود، تکنولوژیهای جدید مربوط به اپلیکیشنهای Universalست که به منزله چوب جادوی دیزاینرها و توسعهدهندگان است، تا بتوانند اپلیکیشنهایی تولید کنند که قابلیت تغییر شکل داشته باشند. در هر صفحه نمایشی که اجرا میشوند، شکل آن را به خود گرفته و تجربهکاربری بیمانندی ارائه کنند.
نویسنده مقاله امروز پس از مقدمهای کوتاه درباره مهارتهای دیزاینرها، به صورت مفصل به بررسی Design Patternهای اپلیکیشنهای Universal پرداخته و همچنین با ارائه مثالهایی مفهومی، کمک میکند ما دیزاینهایی همه فن حریف خلق کنیم.
مقاله امروز را از دست ندهید:
https://uxplanet.org/what-should-designers-know-about-universal-app-8f6a544ea588
(زمان حدودی مطالعه، ۹ دقیقه)
#طراحی_محصول #ریسپانسیو #یونیورسال
@Dexign فلسفه دیزاین
___
روز به روز به تنوع اندازهای اسکرینهایی که باید برای آنها دیزاین کنیم افزوده میشود. با همهگیر شدن تبلتها، مفهوم Universal App یا به تعبیر ما اپلیکیشنهای همه فن حریف معرفی شدند. مفهوم Universal App به اپلیکیشنهایی اطلاق میشود که هم روی تلفنهای همراه هوشمند و هم بر روی تبلتها اجرا میشوند و در هر کدام شکل آن دستگاه را میپذیرند. مثل آبی که در یک استکان کمرباریک بریزید یا در یک ماگ.
در بسیاری از مقالات این کانال تاکید شده که بهتر است دیزاینرها به جای یادگیری برنامهنویسی، زبان صحبت با توسعهدهندگان و متخصصین کسبوکار را یاد بگیرند. چراکه لایهای هستند حیاتی برای ارتباط این دو قشر.
حال آنکه هرکدام از این فضاهای کسبوکار و توسعه هرساله بواسطه همایشهای مختلفی که شرکتها برگزار میکنند دستخوش تغییراتی میشوند که اغلب متخصصین آن حوزه در جریانشان هستند.
با این مقدمه میخواهیم مسئولیت/مهارتی دیگر را برعهده دیزاینر بگذاریم. با توجه به اینکه ارائه تجربهکاربری لذتبخش هدف غایی هر طراح محصولیست، این مهم بدون دنبال کردن جدی تکنولوژیها و ابزارهای جدید شرکتهای سختافزاری میسر نمیشود. یکی از مواردی در بسیاری از همایشها مانند همایشهای سالیانه اپل مطرح میشود، تکنولوژیهای جدید مربوط به اپلیکیشنهای Universalست که به منزله چوب جادوی دیزاینرها و توسعهدهندگان است، تا بتوانند اپلیکیشنهایی تولید کنند که قابلیت تغییر شکل داشته باشند. در هر صفحه نمایشی که اجرا میشوند، شکل آن را به خود گرفته و تجربهکاربری بیمانندی ارائه کنند.
نویسنده مقاله امروز پس از مقدمهای کوتاه درباره مهارتهای دیزاینرها، به صورت مفصل به بررسی Design Patternهای اپلیکیشنهای Universal پرداخته و همچنین با ارائه مثالهایی مفهومی، کمک میکند ما دیزاینهایی همه فن حریف خلق کنیم.
مقاله امروز را از دست ندهید:
https://uxplanet.org/what-should-designers-know-about-universal-app-8f6a544ea588
(زمان حدودی مطالعه، ۹ دقیقه)
#طراحی_محصول #ریسپانسیو #یونیورسال
@Dexign فلسفه دیزاین
___
Medium
What Should Designers Know About Universal App?
The designer doesn’t have to know how to code, but understanding the technology is a necessary skill because the quality of a product…
این پست تا به حال بیش از ۵۰۰ بار مشاهده شده و به نظر میرسه برای خوانندگان جدید کانال جذاب باشه.