فلسفه دیزاین
6.94K subscribers
68 photos
12 videos
1 file
1.21K links
این کانال چکیده‌ای از مقالات روز، نمونه‌های موفق، ابزارهایی‌ست که ما در DeXign Studio با آن برخورد داشته و معرفی‌شان می‌کنیم.

ارتباط با کانال:
@mohsenissapour

منابع و ابزارهای دیزاین:
DexignResources.com

دسخط:
https://daskhat.dexignresources.com
Download Telegram
توبایاس ون اشنایدر (Tobias van Schneider)، طراح ارشد سابق Spotify

www.vanschneider.com

#معرفی_طراح
@HamDesign هَم دیزاین
مراحل طراحی: https://dribbble.com/shots/1905698--Outlaws-Playing-Cards/attachments/325622
___
لطفا این پیام رو برای دوستانتون Forward کنید تا با «هَــم دیزاین» آشنا بشن و همراهی‌مون کنن.
@HamDesign
فیلم Art & Copy و یک چیز دیگر

چند پست قبل‌تر لیستی از فیلم‌های مستندی رو معرفی کردم که بهتره طراح‌ها اون‌ها رو ببینن. یه فیلم در اون لیست حضور داره که شخصا خیلی خیلی دوستش دارم و پیشنهاد می‌کنم حتما ببینیدش، فیلم Art & Copy.
این فیلم ارتباط بین طراحی و کپی‌نویسی رو نشون میده و بیننده‌ی مشتاق رو با افراد هیجان‌انگیز و بسیار تاثیرگذاری آشنا می‌کنه. نمونه بارز این افراد، George Lois بزرگ هست که با طراحی یک کمپین تبلیغاتی در سال ۱۹۸۵، باعث شد برند Tommy و طراحی‌های لباس Tommy Hilfiger در نیویورک و سپس در کل دنیا شناخته بشه و در کنار نام‌هایی مانند Calvin Klein، Ralph Lauren و همینطور Perry Ellis قرار بگیره.
لینک زیر تبلیغی هست که George Lois برای Tommy Hilfiger طراحی کرده.

https://www.georgelois.com/pages/milestones/mile.hilfiger.html

#معرفی_منابع #معرفی_طراح
@HamDesign هَم دیزاین
ابزارهای طراحی در نشست‌های SPAN 2015 در لندن

پیرو صحبت‌هامون درباره ابزارهای طراحی و پروتوتایپینگ، و همینطور نشست‌های Form که توسط گوگل در سال ۲۰۱۴ برگزار شده بود، پارسال گوگل کنفرانس‌های طراحی خودش رو با نام SPAN و در لندن و نیویورک ادامه داد.
در زیر می‌تونید نشست جذابی رو درباره ابزارهای طراحی ببینید که حاضرین اون عبارتند از:
Koen Bok (Framer)
Parteek Saran (Form)
Justin Belcher (Pixate)
Pieter Omvlee (Sketch)
Chris Conover (Google)

توضیح: ابزارهای پروتوتایپینگ Pixate و همینطور Form توسط گوگل خریداری شدن.
جالبه که بدونید ابزار Form فقط برای پروتوتاپ کردن اپلیکیشن‌های iOS ـی هست.

https://youtu.be/4Ndil1hYJAw

#تجربه_کاربری #ابزار_طراحی #پروتوتایپینگ #گوگل
@HamDesign هَم دیزاین
ایده جالب در طراحی تی‌شرت برای ارتباط برقرار کردن با افرادی که زبان اون‌ها رو نمی‌دونید.
https://bit.ly/23OqpRb

#ایده
@HamDesign هَم دیزاین
اتودهای طراحی نشانه استاد مرتضی ممیز، طرح‌های اولیه ذهنی که روی کاغذ میاد و قدم‌های اولیه شکل گیری هر نشانه‌ای هست.

#لوگو #اتود #نشانه
@HamDesign هَم دیزاین
سوار شدنِ کاربر بر هواپیمای سرویس یا User Onboarding

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

https://www.useronboard.com

#تجربه_کاربری #نمونه_موفق #onboarding
@HamDesign هَم دیزاین
رونمایی ادوبی از اپلیکیشن Comp

بعد از معرفی اپلیکیشن Sketch و مورد استقبال خیلی زیاد طراحان از اون، خیلی از فعالیت‌ها و تولیدات شرکت ادوبی سمت و سوی تازه‌ای گرفت. از آپدیت Photoshop و افزودن مفهوم Artboard به اون تا تست اپلیکیشن‌ها و نرم‌افزارهای کوچک و سبک و تک‌کاربردی. از این نمونه‌ها میشه به پروژه Comet که به Adobe Experience Design یا همون Adobe xD تبدیل شد، اشاره کرد.
دیروز ادوبی از جدیدترین محصولش برای طراحان تجربه کاربری و رابط کاربری با نام Comp رونمایی کرد.
در این اپلیکیشن شما به راحتی می‌تونید اشکال و المان‌ها رو با خطا نقاشی کنید و خود Comp اون‌ها رو براتون تصحیح می‌کنه. به نظر این اپلیکیشن ابزار بسیار خوبی برای اجرای سریع ایده‌های Layout و کامپوزیسیون ست.

https://blogs.adobe.com/creativecloud/welcome-to-comp/

#تجربه_کاربری #معرفی_ابزار
@HamDesign هَم دیزاین
انیمیشنی از کار با اپلیکیشن Comp 👇🏻
ابزارهایی برای بازاریابی ایمیلی

درباره اینکه داشتن خبرنامه و ارتباطات ایمیلی با کاربران یک سرویس چقدر به اعتماد کاربرها و افزایش ترافیک اون سرویس کمک میکنه هیچ بحثی وجود نداره. ولی داشتن یه ارتباط ایمیلی خوب با کاربرها، مستلزم خوب بودن خیلی بخش‌های جزیی‌تر مثل محتوا و کپی، گرافیک، سرویس ارسال ایمیل و ... است.
سایت email-toolbox به شما تمامی ابزارها و همینطور بهترین راهنماهای موجود روی اینترنت رو برای داشتن بهترین ارتباط ایمیلی، معرفی می‌کنه. حتی افرادی که بهترین‌های این زمینه هستن رو براتون لیست کرده تا بتونید مستقیما ازشون کمک بگیرید یا حداقل با پیگیری اون‌ها روی توییتر، از ایدئولوژی‌شون مطلع شده و راهنمایی‌هاشون استفاده کنید.

https://email-toolbox.com

#معرفی_منابع #ایمیل #خبرنامه
@HamDesign هَم دیزاین
فردا، مورخ ۲ اردیبهشت، گفتگویی در توییتر وبسایت core77 انجام خواهد شد در باب sustainability یا همان توسعه پایدار و تاثیر آن بر خلاقیت. شما می‌توانید طی این برنامه با افراد سرشناسی در زمینه توسعه پایدار گفتگو کنید، افرادی چون Nanette Stowell، Heidrun Mumper- Drumm از کالج آرت سنتر، Dawn Danby از کمپانی اتو دسک و Nathan Jones از Fluid Technology Solutions. برای کسب اطلاعات به لینک زیر مراجعه کنید:
https://www.core77.com/posts/52053/How-Can-Sustainability-Drive-Innovation-Mark-Your-Calendar-for-This-Thursdays-Twitter-Chat
.
#design_event #sustaininnovation #خلاقیت #معرفی_رویداد
هَم دیزاین @HamDesign
گریزی بر ابزار جدیدی به نام Gravit

طی سال‌های اخیر با بالاتر رفتن اهمیت طراحی و دیزاین در تمامی صنایع و با گسترش موضوعی و جزئی‌تر شدنِ این مفهومِ کلی، ابزارهای طراحی هم با سرعتی بیشتر گسترش پیدا کردند. همونطور که پیش‌تر هم گفتم بسیاری از این ابزارها با استفاده از ضعف فتوشاپ که سنگینی اون هست، خودشون رو در دل طراحان جا کردند و بازار بزرگی رو بدست گرفتند. بی‌شک بازار بزرگی از طراحی‌های امروز در دست اپلیکیشن Sketch است. یکی از مشکلات این اپلیکیشن (و بسیاری از اپلیکیشن‌های بی‌نظیر جدید دیگه) مخصوص سیستم‌عامل مک بودن اون‌هاست. لذا طراحانی که از سیستم‌عامل ویندوز استفاده می‌کنند، نمی‌تونن از این اپلیکیشن‌ها استفاده کنند.
اپلیکیشن جدیدی به نام Gravit منتشر شده که روی مرورگر (Browser) شما اجرا می‌شود و تبعا روی هر سیستم‌عاملی قابل استفاده‌ست.
مقاله زیر از Smashing Magazine با مقدمه‌ای خاطره‌انگیز از اپلیکیشن مرحوم شرکت ادوبی، Adobe Fireworks، به بررسی نقاط قوت و ضعف Gravit پرداخته.

https://www.smashingmagazine.com/2016/04/exploring-a-new-illustration-ui-design-app-gravit/

#معرفی_ابزار #ابزار_طراحی
@HamDesign هَم دیزاین
احساسات، آینده طراحی

در سال ۱۹۵۰، Harry Harlow، روانشناس آمریکایی طی تحقیقی، نوزادان میمون‌ها رو از مادرشون جدا کرده و داخل محفظه‌ای با دو عروسک قرار داد. یکی از عروسک‌ها از سیم ساخته شده بود ولی حامل شیشه شیری قابل دسترس برای نوزاد میمون بود و دیگری عروسکی پوشیده شده از پارچه پشمی بود.
پیش‌بینی آقای Harlow این بود که نوزاد میمون بواسطه نیازهای بنیادینی که داره، عروسک سیمی رو به عنوان مادرش قبول کنه چون می‌تونه از شیر اون تغذیه کنه. ولی در کمال ناباوری دید که میمون از شیر داخل عروسک سیمی تغذیه می‌کنه ولی عروسک پشمی رو بغل می‌کنه و به نظر باهاش ارتباط عاطفی داره.
نتیجه کلی اینکه بسیاری از موجودات، از جمله انسان، نیازهای بنیادین وسیعی دارند که باید ارضا بشه ولی به همون اندازه احتیاج دارن که بخش‌های عاطفی و احساسی اون‌ها مورد مورد نوازش و ارضا شدن قرار بگیره.

مقاله زیر با مقدمه‌ای که گفتم بحث Form Follow Function رو به چالش می‌کشه و به کنایه با عنوان کردن Form, Function, Feeling در مورد اهمیت احساسات (Emotions) و مفهوم همدلی (Empathy) در طراحی‌ها بحث می‌کنه.

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

https://medium.com/swlh/the-future-of-design-is-emotional-5789ccde17aa

#مفاهیم #طراحی_حسی #چالش
#HamDesign هَم دیزاین
👍1
طراحی سرویس Airbnb

احتمالا با سرویس بسیار هیجان‌انگیز Airbnb آشنا هستید. مخصوصا اگر اهل سفر باشید. این سرویس سال ۲۰۰۸ ایجاد شد که امکان پیدا کردن و اجاره محل اقامت در شهرهای مختلف دنیا رو بهتون میده.
سرویس Airbnb در حال حاضر لیستی از ۱.۵ میلیون محل اقامت رو در ۳۴ هزار شهر و ۱۹۰ کشور دنیا در اختیارتون قرار میده.
طراحی بخش‌های مختلف سرویس‌هایی با این گستردگی کار سختی هست و طراحان این سرویس به بهترین شکل ممکن انجامش دادن.
در مقاله زیر که ۴ روز پیش در سایت خود Airbnb منتشر شده، طراحانش درباره چگونگی تغییر دیدشون به روند طراحی برای طراحی اپلیکیشن Airbnb توضیح میدن.
لذت ببرید :)

https://airbnb.design/the-way-we-build/

#رابط_کاربری #تجربه_کاربری #معرفی_محصول #Airbnb
@HamDesign هَم دیزاین
چین. چین. چین.

بله. درسته. کشور چین رو می‌گم. هرچقدر از عجایب این کشور گفته بشه کمه. از جاهای دیدنی، جمعیت و بازار بالقوه‌اش گرفته تا اپلیکیشن‌ها و سرویس‌هایی که فقط و فقط به زبان چینی ارائه می‌شوند. مثلا اینکه شبکه اجتماعی QQ که «فقط به زبان چینی هست» در حال حاضر ۸۳۰ میلیون کاربر داره! یعنی تعداد کاربرهای این شبکه از کاربرهای توییتر، اینستاگرام و لینکدین بیشتره.

این‌ها رو گفتم که حق بدید حتی Trend طراحی اپلیکیشن‌های تولید شده در چین و بطور کلی Design Patternهاشون هم بصورت اختصاصی بررسی بشه.
آقای Dan Grover نویسنده مقاله‌ای هست که به این موضوع می‌پردازه. ایشون پیشتر هم مقاله‌ای درباره Trendهای طراحی اپلیکیشن‌های موبایل در چین نوشته بود. Dan در حال حاضر در شرکت Tencent (شرکت مادر شبکه اجتماعی QQ) به عنوان مدیر محصول سرویس WeChat فعالیت می‌کنه.
اطلاعاتی که Dan درباره چین و Design Patternهای سرویس‌هاشون میده واقعا جذابه. این Patternها در برخی موارد، مشابه سایر دنیا هست و در برخی دیگه مثل شلوغی بسیار زیاد، عجیب و متفاوت با بقیه دنیا میشه.

خیلی گفتنی دارم درباره چین ولی صحبت کوتاه می‌کنم و امیدوارم مثل من از خوندن این مقاله لذت ببرید.

https://dangrover.com/blog/2016/01/31/more-chinese-mobile-ui-trends.html

#الگوی_طراحی #چین #رابط_کاربری
@HamDesign هَم دیزاین
👍1
میانبرهایی به قیمت سادگی و وضوح

استفاده از آیکن‌ها در طراحی، مشابه استفاده از کلمات مخفف شده در نوشته است. در کتاب The Elements of Style، به عنوان کتابی برای اصول نوشتن آمده که «میانبرها (مخفف‌ها) را به قیمت از دست رفتن سادگی و وضوح نوشته استفاده نکنید.»
آقای Jeff Zych در مقاله زیر یه موضوع بسیار جالب و ساده رو مطرح می‌کنه که حتی سایت usability.gov که قراره مرجعی برای مباحث کاربردپذیری باشه به کمبودش دچار هست. این موضوع استفاده از آیکن‌هایی در طراحی‌ست که کاربرها هیچ آشنایی با اون‌ها ندارند و صرفا برای زیباتر کردن طرح‌ها استفاده میشه. درحالی که اینکار به راحتی استفاده و کاربردپذیری طرح ضربه مهلکی وارد می‌کنه.

https://jlzych.com/2016/03/27/icons-are-the-acronyms-of-design/

نوشته NNGroup درباره همین موضوع:
https://www.nngroup.com/articles/icon-usability/

#نکات #تجربه_کاربری #کاربردپذیری
@HamDesign هَم دیزاین
👍1
مثل یک طراح مبارزه کنیم!

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

در این مقاله از تیم DeveloperTown، با مقدمه‌ای به نقل از وبلاگ Signal vs. Noise (متعلق به تیم عالی و دوست‌داشتنی 37Signals) به تحقیقات بسیار جالبی که بصورت Eye-Tracking انجام دادن اشاره می‌کنه. نتایج این تحقیقات نشون میده رفتار کاربرها برای انجام یک Task ثابت، در نسخه‌های پیاده‌سازی شده طرح یک وب‌سایت و نسخه اسکچ شده اون، بسیار نزدیک بهم هست.
جالبه نه؟ یک لحظه فکر کنید که برای طراحی و پیاده‌سازی یک سایت بعضا ۳ ماه زمان صرف می‌شهس. ساخت پروتوتایپ سریع از طرحِ ذهنی طراح روی همچین سایتی شاید کمتر از ۲ هفته زمان ببره. اینطوری ۲ ماه و نیم زمان، بهتر و در مسیر درست صرف می‌شه.

توجه داشته باشیم که ما برای ساخت یک محصول جدید باید به دو سوال کلیدی پاسخ بدیم:
- آیا محصول درستی داریم می‌سازیم؟
- آیا این محصول درست رو داریم درست می‌سازیم؟

پیشنهاد می‌کنم حتما این مقاله رو بخونید. جدای از نتایج جالب Eye-Tracking ـش، ارجاع‌های خوبی به مقاله‌های کاربردی و جالب دیگه داره.

https://www.developertown.com/fight-like-a-designer/

#پروتوتایپینگ #تجربه_کاربری
@HamDesign هَم دیزاین
👍1
«هزینه طراحی و پیاده‌سازی این اپلیکیشن/وب‌سایت چقدره؟»

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

پیشنهاد می‌کنم یه نگاهی به وب‌سایت‌های زیر که هر دو محصول Crew.co هستند، بکنید. هر کدوم به شکلی جالب و بصورت Wizard مشخصات پروژه (یکی برای اپلیکیشن و دیگری برای وب‌سایت) رو گرفته و در نهایت حدود هزینه رو محاسبه می‌کنند.

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

محاسبه هزینه اپلیکیشن:
https://howmuchtomakeanapp.com
محاسبه هزینه وب‌سایت:
https://howmuchdoesawebsiteco.st

#معرفی_سرویس #ایده
@HamDesign هَم دیزاین
👍1