فرمهای طولانی به مثابه هلو!
شاید شما هم تا به حال هنگام طراحی فرمهای طولانی از خودتان پرسیده باشید آیا کاربر برای پر کردن تمام فیلدهای فرم وقت میگذارد و منصرف نمیشود؟ یا زمانی که مراحل خرید یک محصول پیچیده هستند چه کسی حوصلهی طی کردن تمامی آن مراحل با دقت بالا را دارد؟
این موارد از چالشهایی هستند که برای طراح پیش میآید و او باید به شکلی آنها را حل کند که کاربر متوجه طولانی و خستهکننده بودن فرآیند نشود.
یکی از روشهایی که در این مواقع به طراحان کمک میکند استفاده از فرمهای Wizard یا چندمرحلهایست. در این مواقع طراح با تقسیم فرآیند کلی به چند مرحلهی کوتاه و سادهسازی آنها، مسیر پیش رو را برای کاربر راحت و بیدردسر میکند.
اولین بار طراحی Wizard در نصب ویندوز۹۵ مطرح شد. تا پیش از آن کاربران برای نصب باید مسیر پیچیدهای را پشتسر میگذاشتند و فعالیتهای متعددی را انجام میدادند اما با کمک ویزارد این مسیر به مراحل کوچک و سادهای تقسیم شد که کاربر در هر مرحله یک فعالیت را انجام میداد.
طراحی ویزارد در راستای آن جملهی طلایی تجربه کاربری است که میگوید: «کاربران نباید فکر کنند، بلکه باید به آنها گفته شود که چه کاری را انجام دهند.»
در مقالهی زیر Nick Babich درباره ویزارد توضیحات کاملی داده و بایدها و نبایدهای استفاده از آن را برشمرده است.
به نظر شما استفاده از ویزارد در چه مواردی مشکلزاست؟
http://bit.ly/dxgn575
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #چالش_ها
@Dexign فلسفه دیزاین
_____
شاید شما هم تا به حال هنگام طراحی فرمهای طولانی از خودتان پرسیده باشید آیا کاربر برای پر کردن تمام فیلدهای فرم وقت میگذارد و منصرف نمیشود؟ یا زمانی که مراحل خرید یک محصول پیچیده هستند چه کسی حوصلهی طی کردن تمامی آن مراحل با دقت بالا را دارد؟
این موارد از چالشهایی هستند که برای طراح پیش میآید و او باید به شکلی آنها را حل کند که کاربر متوجه طولانی و خستهکننده بودن فرآیند نشود.
یکی از روشهایی که در این مواقع به طراحان کمک میکند استفاده از فرمهای Wizard یا چندمرحلهایست. در این مواقع طراح با تقسیم فرآیند کلی به چند مرحلهی کوتاه و سادهسازی آنها، مسیر پیش رو را برای کاربر راحت و بیدردسر میکند.
اولین بار طراحی Wizard در نصب ویندوز۹۵ مطرح شد. تا پیش از آن کاربران برای نصب باید مسیر پیچیدهای را پشتسر میگذاشتند و فعالیتهای متعددی را انجام میدادند اما با کمک ویزارد این مسیر به مراحل کوچک و سادهای تقسیم شد که کاربر در هر مرحله یک فعالیت را انجام میداد.
طراحی ویزارد در راستای آن جملهی طلایی تجربه کاربری است که میگوید: «کاربران نباید فکر کنند، بلکه باید به آنها گفته شود که چه کاری را انجام دهند.»
در مقالهی زیر Nick Babich درباره ویزارد توضیحات کاملی داده و بایدها و نبایدهای استفاده از آن را برشمرده است.
به نظر شما استفاده از ویزارد در چه مواردی مشکلزاست؟
http://bit.ly/dxgn575
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #چالش_ها
@Dexign فلسفه دیزاین
_____
Medium
Wizard Design Pattern
by Nick Babich
در ستایش ریزهکاریها: این قسمت، حروف بزرگ!
این روزها کار کردن با نرمافزارهای طراحی خیلی ساده است. هرکسی با کمترین میزان تجربه با مدت کوتاهی تلاش و تمرین به سادگی به تمام امکانات اپلیکیشنهایی مثل «اسکچ» و «ادوبی ایکسدی» مسلط میشود.
میتوان گفت خیلیها به سادگی میتوانند طرحهایی که از اپلیکیشنهای مختلف میبینند را روی یک صفحه اسکچ پیاده کنند. باید منطقی باشیم و قبول کنیم روزهایی که برای طراحی اپلیکیشن «رادیو» باید یک رادیو را به صورت واقعی روی فتوشاپ و ایستریتور پیاده میکردیم، به پایان رسیده است.
همین الان اپلیکیشنهای محبوب گوشی موبایلتان را باز کنید. به دقت به آنها نگاه کنید؛ اگر خوب دقت کنید؛ ترکیبی از خطوط عمودی و افقی و رنگها را خواهید دید. درست است که بازسازی رابط کاربری ساده امروزی ممکن است آسان باشد ولی یکی از عواملی که همکراه سبک طراحی «واقعگرا» از بین رفت، انتقال سریع مفاهیم بود.
این یعنی رساندن یک مفهوم در دنیایی که رابط کاربری عملا با استفاده از تعدادی رنگ، خط و فضاهای خالی بوجود میآید، سختتر از گذشته شده است و اینجاست که دقت به نکات ریز و کار با امکانات موجود میتواند برگ برنده ما باشد.
یکی از نکاتی که همیشه به آن دقت میکنم و سعی میکنم در دیزاینهای خودم از آن استفاده کنم، رعایت استفاده دقیق و درست از حروف بزرگ و کوچک است.
به نظر من استفاده از حروف نیازمند احترام و دقت خاصی است. بخاطر اینکه شما به عنوان یک طراح باید با استفاده از ابزاری که در دست دارید، مفاهیمی که مدنظرتان است را به مخاطب انتقال دهید.
استفاده از حروف بزرگ معمولا نماد توجه بیشتر است. به این دلیل که حروف بزرگ درکنارهم معمولا سختتر خوانده میشوند. برای همین در بعضی از سرویسها مثل اسپاتیفای میبینیم که برای نمایش هویت یک دیتا، مثلا یک پلیلیست، از ساختار نگارشی « PLAYLIST » استفاده میشود.
این کار چند مزیت جذاب دارد. مثلا نیازی نیست این کلمه لزوما در سایز بالا مورد استفاده قرار بگیرد، وقتی سایز را کم میکنیم، میتوانیم با بزرگ کردن حروف باعث مکث بیشتری از سمت مخاطب بشویم و این باعث میشود تا همان توجهی که به نوشتههای بزرگتر میشود را توسط مخاطب دریافت کنیم.
این مقوله را - خیلی مفصلتر - در مقالهای که آقای «بردلی نایس» نوشته در لینک زیر میتوانید بخوانید.
http://bit.ly/dxgn576
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: آرش اصغری
#دیزاین #جزئیات
@Dexign فلسفه دیزاین
_____
این روزها کار کردن با نرمافزارهای طراحی خیلی ساده است. هرکسی با کمترین میزان تجربه با مدت کوتاهی تلاش و تمرین به سادگی به تمام امکانات اپلیکیشنهایی مثل «اسکچ» و «ادوبی ایکسدی» مسلط میشود.
میتوان گفت خیلیها به سادگی میتوانند طرحهایی که از اپلیکیشنهای مختلف میبینند را روی یک صفحه اسکچ پیاده کنند. باید منطقی باشیم و قبول کنیم روزهایی که برای طراحی اپلیکیشن «رادیو» باید یک رادیو را به صورت واقعی روی فتوشاپ و ایستریتور پیاده میکردیم، به پایان رسیده است.
همین الان اپلیکیشنهای محبوب گوشی موبایلتان را باز کنید. به دقت به آنها نگاه کنید؛ اگر خوب دقت کنید؛ ترکیبی از خطوط عمودی و افقی و رنگها را خواهید دید. درست است که بازسازی رابط کاربری ساده امروزی ممکن است آسان باشد ولی یکی از عواملی که همکراه سبک طراحی «واقعگرا» از بین رفت، انتقال سریع مفاهیم بود.
این یعنی رساندن یک مفهوم در دنیایی که رابط کاربری عملا با استفاده از تعدادی رنگ، خط و فضاهای خالی بوجود میآید، سختتر از گذشته شده است و اینجاست که دقت به نکات ریز و کار با امکانات موجود میتواند برگ برنده ما باشد.
یکی از نکاتی که همیشه به آن دقت میکنم و سعی میکنم در دیزاینهای خودم از آن استفاده کنم، رعایت استفاده دقیق و درست از حروف بزرگ و کوچک است.
به نظر من استفاده از حروف نیازمند احترام و دقت خاصی است. بخاطر اینکه شما به عنوان یک طراح باید با استفاده از ابزاری که در دست دارید، مفاهیمی که مدنظرتان است را به مخاطب انتقال دهید.
استفاده از حروف بزرگ معمولا نماد توجه بیشتر است. به این دلیل که حروف بزرگ درکنارهم معمولا سختتر خوانده میشوند. برای همین در بعضی از سرویسها مثل اسپاتیفای میبینیم که برای نمایش هویت یک دیتا، مثلا یک پلیلیست، از ساختار نگارشی « PLAYLIST » استفاده میشود.
این کار چند مزیت جذاب دارد. مثلا نیازی نیست این کلمه لزوما در سایز بالا مورد استفاده قرار بگیرد، وقتی سایز را کم میکنیم، میتوانیم با بزرگ کردن حروف باعث مکث بیشتری از سمت مخاطب بشویم و این باعث میشود تا همان توجهی که به نوشتههای بزرگتر میشود را توسط مخاطب دریافت کنیم.
این مقوله را - خیلی مفصلتر - در مقالهای که آقای «بردلی نایس» نوشته در لینک زیر میتوانید بخوانید.
http://bit.ly/dxgn576
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: آرش اصغری
#دیزاین #جزئیات
@Dexign فلسفه دیزاین
_____
Medium
UPPERCASE in UI Design
To uppercase or not to uppercase? That is the question. And I’m trying to answer it in this article.
دسترسیپذیری؛ تکنولوژی برای همه
این روزها تکنولوژی به بخشی جداییناپذیر از زندگی بسیاری از انسانها بدل گشته است. براساس آمار ارائه شده توسط گوگل، بالغ بر 5/4 میلیارد نفر در سراسر جهان به اینترنت متصل هستند و از آن استفاده میکنند. در این میان افرادی با انواع مختلف معلولیتها قرار دارند که استفاده از اینترنت و محتوای آن بدون همراهی تکنولوژیهای کمکی برایشان سخت یا غیرممکن است. محتوای دیجیتال و اینترنتی در صورتی که منطبق بر اصول و قواعد دسترسیپذیری (Accessibility) نباشند توسط افراد معلول قابل استفاده نخواهند بود.
دسترسیپذیری یک قابلیت در دیزاین است که شامل رعایت نکات و دستورالعمل هایی است که هرکس با هرشرایط بتواند به صورت آسان و برابر از صفحات وب، موبایل و منابع آنها استفاده کند. منظور از هر کس افرادیست که دارای مشکلات جسمی یا ناتوانی جسمی و نوعی معلولیت مثل ضعف بینایی ، کوررنگی ، مشکلات جسمی و حرکتی هستند. اگر معلولیت این افراد در نظر گرفته نشود، آنها قادر به استفاده از هر محصول یا سرویسی نخواهند بود. و در ابعاد اجتماعی نیز، در نظر نگرفتن شرایط این افراد، وضعیتی تبعیضآمیز نسبت به آنها ایجاد خواهد کرد.
مفهوم دسترسیپذیری بسیار نزدیک به مفهوم کاربردپذیری است. در حالی که دسترسیپذیری به اصول دسترسی مناسب افراد دارای معلولیت به محتوا اشاره دارد، کاربردپذیری به صورت عام بر تجربه کاربر در استفاده از سرویس یا محصول تمرکز دارد.
دسترسی پذیری شامل اصول و استانداردهایی است که به راهنمایی دیزاینرها و توسعهدهندگان برای تولید محصولی قابل استفاده توسط افراد دارای معلولیت میپردازد. از جمله این استاندارندها میتوان به W3C و WCAG اشاره کرد. علاوه بر استناد به این استاندارها، برای ایجاد دسترسیپذیری کامل در محصول، باید به مطالعه و بررسی تعامل بین کاربر و محصول نیز پرداخت تا بهترین روش و راهکار برای ایجاد دسترسیپذیری حاصل شود.
برای آشنایی بیشتر با مفهوم دسترسیپذیری و اصول و قواعد آن، مقاله زیر را مطالعه نمایید:
http://bit.ly/dxgn577
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دسترسیپذیری #تجربهکاربری
@Dexign فلسفه دیزاین
_
این روزها تکنولوژی به بخشی جداییناپذیر از زندگی بسیاری از انسانها بدل گشته است. براساس آمار ارائه شده توسط گوگل، بالغ بر 5/4 میلیارد نفر در سراسر جهان به اینترنت متصل هستند و از آن استفاده میکنند. در این میان افرادی با انواع مختلف معلولیتها قرار دارند که استفاده از اینترنت و محتوای آن بدون همراهی تکنولوژیهای کمکی برایشان سخت یا غیرممکن است. محتوای دیجیتال و اینترنتی در صورتی که منطبق بر اصول و قواعد دسترسیپذیری (Accessibility) نباشند توسط افراد معلول قابل استفاده نخواهند بود.
دسترسیپذیری یک قابلیت در دیزاین است که شامل رعایت نکات و دستورالعمل هایی است که هرکس با هرشرایط بتواند به صورت آسان و برابر از صفحات وب، موبایل و منابع آنها استفاده کند. منظور از هر کس افرادیست که دارای مشکلات جسمی یا ناتوانی جسمی و نوعی معلولیت مثل ضعف بینایی ، کوررنگی ، مشکلات جسمی و حرکتی هستند. اگر معلولیت این افراد در نظر گرفته نشود، آنها قادر به استفاده از هر محصول یا سرویسی نخواهند بود. و در ابعاد اجتماعی نیز، در نظر نگرفتن شرایط این افراد، وضعیتی تبعیضآمیز نسبت به آنها ایجاد خواهد کرد.
مفهوم دسترسیپذیری بسیار نزدیک به مفهوم کاربردپذیری است. در حالی که دسترسیپذیری به اصول دسترسی مناسب افراد دارای معلولیت به محتوا اشاره دارد، کاربردپذیری به صورت عام بر تجربه کاربر در استفاده از سرویس یا محصول تمرکز دارد.
دسترسی پذیری شامل اصول و استانداردهایی است که به راهنمایی دیزاینرها و توسعهدهندگان برای تولید محصولی قابل استفاده توسط افراد دارای معلولیت میپردازد. از جمله این استاندارندها میتوان به W3C و WCAG اشاره کرد. علاوه بر استناد به این استاندارها، برای ایجاد دسترسیپذیری کامل در محصول، باید به مطالعه و بررسی تعامل بین کاربر و محصول نیز پرداخت تا بهترین روش و راهکار برای ایجاد دسترسیپذیری حاصل شود.
برای آشنایی بیشتر با مفهوم دسترسیپذیری و اصول و قواعد آن، مقاله زیر را مطالعه نمایید:
http://bit.ly/dxgn577
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دسترسیپذیری #تجربهکاربری
@Dexign فلسفه دیزاین
_
Medium
What is web accessibility?
The basics of web accessibility, and how it has evolved over time.
👍1
بینش مصنوعی: دیزاین تکاملیافته
هوش مصنوعی یا هوش ماشینی (Artificial Intelligence) به هوشی که یک ماشین در شرایط مختلف از خود نشان میدهد، گفته میشود. به عبارت دیگر هوش مصنوعی به سیستمهایی گفته میشود که میتوانند واکنشهایی مشابه رفتارهای هوشمند انسانی از جمله درک شرایط پیچیده، شبیهسازی فرایندهای تفکری و شیوههای استدلالی انسانی و پاسخ موفق به آنها، یادگیری و توانایی کسب دانش و استدلال برای حل مسایل را داشته باشند. “از ویکیپدیای فارسی”
حال، بینش یا شهود مصنوعی روشی جدید، متفاوت و امیدوار کننده است برای نزدیک شدن به زیرمجموعهی بزرگی از مشکلات که ما معتقدیم به "هوش مصنوعی" نیاز دارد.
دانشمندان و مشاوران میگویند ، شناخت و غریزه انسان به طور قابل توجهی در ماشینها رواج مییابد. آنها این وعده را میدهند که بینش مصنوعی به سرعت از هوش مصنوعی فراتر خواهد رفت.
موریس کانتی، طراح، آیندهنگر و یک مبتکر است. او با استارت آپها، آژانسهای دولتی، هنرمندان و شرکتها همکاری کرده است تا مواردی را که در آینده برای ما مهم است کشف کند و برای رسیدن به آنجا راهحلهایی را طراحی کند. او در سخنرانی امروز، تجربهای فوقالعاده از جهش ابزارهای منفعلِ دیزاین به یک تولیدکنندهی بینظیر را، در اختیار ما قرار میدهد. او از مرحلهی بعدی هوش مصنوعی سخن میگوید، مرحلهای که به ابزارهای طراحی، یک سیستم عصبی دیجیتالی میدهد که ما را به چیزهایی که طراحی کردیم بیش از پیش متصل میکند. پیشنهاد میکنم ویدئوی Ted Talk امروز را از دست ندهید.
http://bit.ly/dxgn578
(زمان ویدئو: ۱۵ دقیقه و ۲۴ ثانیه)
نویسنده: حسین میرزاده
#هوش_مصنوعی #بینش_مصنوعی #دیزاین_تکامل_یافته #الگوریتم
@Dexign فلسفه دیزاین
ــــــ
هوش مصنوعی یا هوش ماشینی (Artificial Intelligence) به هوشی که یک ماشین در شرایط مختلف از خود نشان میدهد، گفته میشود. به عبارت دیگر هوش مصنوعی به سیستمهایی گفته میشود که میتوانند واکنشهایی مشابه رفتارهای هوشمند انسانی از جمله درک شرایط پیچیده، شبیهسازی فرایندهای تفکری و شیوههای استدلالی انسانی و پاسخ موفق به آنها، یادگیری و توانایی کسب دانش و استدلال برای حل مسایل را داشته باشند. “از ویکیپدیای فارسی”
حال، بینش یا شهود مصنوعی روشی جدید، متفاوت و امیدوار کننده است برای نزدیک شدن به زیرمجموعهی بزرگی از مشکلات که ما معتقدیم به "هوش مصنوعی" نیاز دارد.
دانشمندان و مشاوران میگویند ، شناخت و غریزه انسان به طور قابل توجهی در ماشینها رواج مییابد. آنها این وعده را میدهند که بینش مصنوعی به سرعت از هوش مصنوعی فراتر خواهد رفت.
موریس کانتی، طراح، آیندهنگر و یک مبتکر است. او با استارت آپها، آژانسهای دولتی، هنرمندان و شرکتها همکاری کرده است تا مواردی را که در آینده برای ما مهم است کشف کند و برای رسیدن به آنجا راهحلهایی را طراحی کند. او در سخنرانی امروز، تجربهای فوقالعاده از جهش ابزارهای منفعلِ دیزاین به یک تولیدکنندهی بینظیر را، در اختیار ما قرار میدهد. او از مرحلهی بعدی هوش مصنوعی سخن میگوید، مرحلهای که به ابزارهای طراحی، یک سیستم عصبی دیجیتالی میدهد که ما را به چیزهایی که طراحی کردیم بیش از پیش متصل میکند. پیشنهاد میکنم ویدئوی Ted Talk امروز را از دست ندهید.
http://bit.ly/dxgn578
(زمان ویدئو: ۱۵ دقیقه و ۲۴ ثانیه)
نویسنده: حسین میرزاده
#هوش_مصنوعی #بینش_مصنوعی #دیزاین_تکامل_یافته #الگوریتم
@Dexign فلسفه دیزاین
ــــــ
Ted
The incredible inventions of intuitive AI
What do you get when you give a design tool a digital nervous system? Computers that improve our ability to think and imagine, and robotic systems that come up with (and build) radical new designs for bridges, cars, drones and much more -- all by themselves.…
مدل ذهنی تیم فوتبال در طراحی تجربه کاربری
کار کردن در فضای پرابهام تجربهی کاربری چندان ساده نیست. زمانی که شما با نیازهای انسانی سروکار دارید به هیچوجه نمیتوانید یک فرمول مشخص و از پیش تعیین شده را برای طراحی و دیزاین به کار ببرید. شاید به همین دلیل باشد که طراحان علاوه بر آگاهی به نکات و تکنیکها، به بینش قوی در دیزاین نیاز پیدا میکنند.
برای دستیابی به نگاه عمیق در دیزاین، استعارهها بسیار موثرند. استعاره کمک میکند مفاهیم سخت و دشوار را برای خودمان ملموستر و فهمشان را آسانتر کنیم. در مقالهی زیر، آقای Uri Paz مدل ذهنی یک تیم فوتبال را در مورد طراحان تجربه کاربری بررسی میکند و روابط موازی میان این دو تیم مییابد که در نهایت منجر میشود فهم برخی از مفاهیم و بایدها و نبایدها در طراحی تجربه کاربری سادهتر شود.
برای مثال همانطور که دایره مهارتهای یک بازیکن فوتبال تنها به نقش او در تیم محدود نمیشود (یک دروازهبان علاوه بر تخصص در نقش خود، با مهارتهای حمله نیز آشناست) یک طراح تجربه کاربری که در فاز تحقیق مهارت دارد، لازم است با تجربه کاربری در فاز نوشتن یا پروتوتایپ نیز آشنا باشد.
برای مطالعه موارد دیگر بر روی لینک زیر کلیک کنید:
http://bit.ly/dxgn579
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #بینش
@Dexign فلسفه دیزاین
ــــــ
کار کردن در فضای پرابهام تجربهی کاربری چندان ساده نیست. زمانی که شما با نیازهای انسانی سروکار دارید به هیچوجه نمیتوانید یک فرمول مشخص و از پیش تعیین شده را برای طراحی و دیزاین به کار ببرید. شاید به همین دلیل باشد که طراحان علاوه بر آگاهی به نکات و تکنیکها، به بینش قوی در دیزاین نیاز پیدا میکنند.
برای دستیابی به نگاه عمیق در دیزاین، استعارهها بسیار موثرند. استعاره کمک میکند مفاهیم سخت و دشوار را برای خودمان ملموستر و فهمشان را آسانتر کنیم. در مقالهی زیر، آقای Uri Paz مدل ذهنی یک تیم فوتبال را در مورد طراحان تجربه کاربری بررسی میکند و روابط موازی میان این دو تیم مییابد که در نهایت منجر میشود فهم برخی از مفاهیم و بایدها و نبایدها در طراحی تجربه کاربری سادهتر شود.
برای مثال همانطور که دایره مهارتهای یک بازیکن فوتبال تنها به نقش او در تیم محدود نمیشود (یک دروازهبان علاوه بر تخصص در نقش خود، با مهارتهای حمله نیز آشناست) یک طراح تجربه کاربری که در فاز تحقیق مهارت دارد، لازم است با تجربه کاربری در فاز نوشتن یا پروتوتایپ نیز آشنا باشد.
برای مطالعه موارد دیگر بر روی لینک زیر کلیک کنید:
http://bit.ly/dxgn579
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #بینش
@Dexign فلسفه دیزاین
ــــــ
Medium
Soccer mindset for UX designers
What UX designers can learn from the soccer field
چکلیست پرفکشنیستها
ما دیزاینرها هیچوقت نمیتوانیم به دیزاینهایمان بگوییم پرفکت، درواقع نباید بگوییم. چون همیشه بهتری هم وجود دارد. همیشه میشود به مسائل ریز و ریزتری دقت کرد و به نتیجه بهتری رسید.
«پرفکت» مفهومیست مثل «حد». هیچوقت نمیتوان به آن رسید ولی میشود خیلی به آن نزدیک شد.
هر دیزاینری ساختار ذهنی خاص خودش را برای سنجش دیزاینش دارد، طبیعتا هرچه بنیانهای این ساختار قویتر باشد، طرح خروجی بسیار پر معنیتر و به هدف نزدیکتر است.
عوامل زیادی در نزدیک شدن یک طرح به پرفکت نقش دارند، مثل اینکه آیا روندی که در دیزاین نشان داده شده، به اندازه کافی ساده است؟ آیا میتوان روندها را ساده کرد؟ آیا همه آیتمها باهم هماهنگی دارند؟ و ...
تمامی موارد چکلیست تهیهشده باعث میشود تا ما به عنوان یک دیزاینر، در نهایت به دیزاین خودمان اعتماد بیشتری داشته باشیم و بتوانیم از طرحمان دفاع کنیم.
مقالهای که امروز به شما پیشنهاد میکنم توسط Interaction Design Foundation منتشر شده و چک لیست کامل پرفکشنیستها به همراه توضیحات هر مورد در آن ذکر شده است.
http://bit.ly/dxgn580
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: آرش اصغری
#دیزاین #پرفکت
@Dexign فلسفه دیزاین
______
ما دیزاینرها هیچوقت نمیتوانیم به دیزاینهایمان بگوییم پرفکت، درواقع نباید بگوییم. چون همیشه بهتری هم وجود دارد. همیشه میشود به مسائل ریز و ریزتری دقت کرد و به نتیجه بهتری رسید.
«پرفکت» مفهومیست مثل «حد». هیچوقت نمیتوان به آن رسید ولی میشود خیلی به آن نزدیک شد.
هر دیزاینری ساختار ذهنی خاص خودش را برای سنجش دیزاینش دارد، طبیعتا هرچه بنیانهای این ساختار قویتر باشد، طرح خروجی بسیار پر معنیتر و به هدف نزدیکتر است.
عوامل زیادی در نزدیک شدن یک طرح به پرفکت نقش دارند، مثل اینکه آیا روندی که در دیزاین نشان داده شده، به اندازه کافی ساده است؟ آیا میتوان روندها را ساده کرد؟ آیا همه آیتمها باهم هماهنگی دارند؟ و ...
تمامی موارد چکلیست تهیهشده باعث میشود تا ما به عنوان یک دیزاینر، در نهایت به دیزاین خودمان اعتماد بیشتری داشته باشیم و بتوانیم از طرحمان دفاع کنیم.
مقالهای که امروز به شما پیشنهاد میکنم توسط Interaction Design Foundation منتشر شده و چک لیست کامل پرفکشنیستها به همراه توضیحات هر مورد در آن ذکر شده است.
http://bit.ly/dxgn580
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: آرش اصغری
#دیزاین #پرفکت
@Dexign فلسفه دیزاین
______
The Interaction Design Foundation
The Design Perfectionist’s Checklist
If you’re trying to make your designs really special; then you’ll want to ensure you’ve done everything you can to add those touches that make things simple and sublime for your users. Here’s a simple...
تفکر دوباره، آینده تبدار
از دوران قدیم، هرطور که به مقوله دیزاین و تکامل آن فکر کنیم، متوجه این نکته میشویم که ورای تمام موارد حقوقی و ثبت مانند آن، دیزاین همواره درحال تکامل توسط انسانهای مختلفی بوده است.
همیشه میشود دیزاینها را پلکانی دید و دریافت که هر دیزاینی به نوعی مشکلات نسخههای قدیمیتر خود را حل کرده و خودش نیز یک قدم به سمت جلو برداشته است.
دیزاین مقولهای نیست که بشود به صورت خصوصی آن را گسترش داد. ذهن هرکسی در یک بازه زمانی، میتواند تنها بخشی از این مقوله را بهبود ببخشد.
ما دیزاینرها تمام پیشرفت دیزاین را مدیون آنهایی هستیم که تجربیات خود را با دیگران در جهت تکامل مفهوم دیزاین به اشتراک گذاشتند.
هرکدام از ما به فراخور پروژههایی که روی آنها کار میکنیم، درباره موارد مهم و ریز پروژه تحقیق میکنیم و به نتایج جدیدی میرسیم. این نتایج میتواند مسیر آینده دیزاین را روشنتر کند.
حال فرض کنید هر دیزاینری چنین مسیری را طی کند. فکر میکنید «دیزاین» هر روز چقدر بهتر میشود؟
«مایکل بارسکی» یکی از همین دیزاینرهاست. او مسیر آیندهی نویگیشنبار را بر اساس سایزهای مختلف گوشیهای موبایل و روند پیشرفت آنها، ترسیم کرده و پیشنهادهای جذابی در این زمینه داده است.
http://bit.ly/dxgn581
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دسترسیپذیری #تجربهکاربری
@Dexign فلسفه دیزاین
__
از دوران قدیم، هرطور که به مقوله دیزاین و تکامل آن فکر کنیم، متوجه این نکته میشویم که ورای تمام موارد حقوقی و ثبت مانند آن، دیزاین همواره درحال تکامل توسط انسانهای مختلفی بوده است.
همیشه میشود دیزاینها را پلکانی دید و دریافت که هر دیزاینی به نوعی مشکلات نسخههای قدیمیتر خود را حل کرده و خودش نیز یک قدم به سمت جلو برداشته است.
دیزاین مقولهای نیست که بشود به صورت خصوصی آن را گسترش داد. ذهن هرکسی در یک بازه زمانی، میتواند تنها بخشی از این مقوله را بهبود ببخشد.
ما دیزاینرها تمام پیشرفت دیزاین را مدیون آنهایی هستیم که تجربیات خود را با دیگران در جهت تکامل مفهوم دیزاین به اشتراک گذاشتند.
هرکدام از ما به فراخور پروژههایی که روی آنها کار میکنیم، درباره موارد مهم و ریز پروژه تحقیق میکنیم و به نتایج جدیدی میرسیم. این نتایج میتواند مسیر آینده دیزاین را روشنتر کند.
حال فرض کنید هر دیزاینری چنین مسیری را طی کند. فکر میکنید «دیزاین» هر روز چقدر بهتر میشود؟
«مایکل بارسکی» یکی از همین دیزاینرهاست. او مسیر آیندهی نویگیشنبار را بر اساس سایزهای مختلف گوشیهای موبایل و روند پیشرفت آنها، ترسیم کرده و پیشنهادهای جذابی در این زمینه داده است.
http://bit.ly/dxgn581
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دسترسیپذیری #تجربهکاربری
@Dexign فلسفه دیزاین
__
Medium
Re-Imagining The Bottom Navigation Bar
6 new ideas for displaying the bottom navigation bar in 2020
روشهای دستهبندی محتوا
اولین گام هر پروژه معماری اطلاعات، سازماندهی و برچسب گذاری صحیح محتوا، صفحات، ایدههاست. سازماندهی اصولی، ستون اصلی نویگیشن و ساختار سایت را تشکیل میدهد و برچسبهای محتوایی هدف کسب و کار را بهطور موثر به کاربران منتقل میکند.
روشهای مختلفی برای سازماندهی آیتمهای یک سایت وجود دارد، از قبیل دستهبندی الفبایی، موضوعی، ژانری، زمانی، مکانی و یا دستهبندی مبتنی بر نوع فایلها. آنچه در انتخاب هر یک از این رویکردها مهم است، استراتژی مناسب با توجه به نوع مخاطب و نیز موارد استفاده کاربران از سایت میباشد.
رویکردهای ساختاری Objective، مانند گروهبندی آیتمها بصورت الفبایی یا زمانی، که در آنها آیتمها بر اساس ویژگیهای شکلی طبقهبندی میشوند. مزیت کلی این شیوه آسان و سرراست بودن است. اما نقطه ضعف مهم این دستهبندی در این است که آیتمها از لحاظ زمانی طبقهبندی شدهاند، در حالیکه ممکن است این موارد هیچ ارتباط موضوعی با یکدیگر نداشته باشد.
اما در رویکردهای ساختاری Subjective، مانند گروهبندی بر اساس موضوع و یا ژانر، آیتمها براساس محتوای آنها دستهبندی میشوند. این استراتژی زمانی که طراحی محصول با نحوه تفکر مخاطبان در مورد آیتمها مطابقت دارد، استراتژی موفق و قدرتمندی به شمار میآید. با این حال، از آنجایی که مخاطبان ممکن است برداشتهای گوناگونی از اینکه یک موضوع چه آیتمهایی را دربرمیگیرد، داشته باشند، معمولاً تعیین مرزهای موضوعی کار دشواری است.
در این مقاله، نویسنده در مورد رویکردهای مختلف طبقهبندی محتوا در روند طراحی پروژهها صحبت میکند، همچنین به ذکر نکاتی درباره نحوه و زمان درست استفاده از این رویکردها در یک پروژه میپردازد.
این مقاله بخشی از سلسله مطالبی است که توسط سخنرانان UX Lx، در کنفرانس UX در لیسبون پرتغال نوشته شده است.
http://bit.ly/dxgn582
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: نیما حکیمرابط
#دستهبندیمحتوا #معماریاطلاعات
@Dexign فلسفه دیزاین
__
اولین گام هر پروژه معماری اطلاعات، سازماندهی و برچسب گذاری صحیح محتوا، صفحات، ایدههاست. سازماندهی اصولی، ستون اصلی نویگیشن و ساختار سایت را تشکیل میدهد و برچسبهای محتوایی هدف کسب و کار را بهطور موثر به کاربران منتقل میکند.
روشهای مختلفی برای سازماندهی آیتمهای یک سایت وجود دارد، از قبیل دستهبندی الفبایی، موضوعی، ژانری، زمانی، مکانی و یا دستهبندی مبتنی بر نوع فایلها. آنچه در انتخاب هر یک از این رویکردها مهم است، استراتژی مناسب با توجه به نوع مخاطب و نیز موارد استفاده کاربران از سایت میباشد.
رویکردهای ساختاری Objective، مانند گروهبندی آیتمها بصورت الفبایی یا زمانی، که در آنها آیتمها بر اساس ویژگیهای شکلی طبقهبندی میشوند. مزیت کلی این شیوه آسان و سرراست بودن است. اما نقطه ضعف مهم این دستهبندی در این است که آیتمها از لحاظ زمانی طبقهبندی شدهاند، در حالیکه ممکن است این موارد هیچ ارتباط موضوعی با یکدیگر نداشته باشد.
اما در رویکردهای ساختاری Subjective، مانند گروهبندی بر اساس موضوع و یا ژانر، آیتمها براساس محتوای آنها دستهبندی میشوند. این استراتژی زمانی که طراحی محصول با نحوه تفکر مخاطبان در مورد آیتمها مطابقت دارد، استراتژی موفق و قدرتمندی به شمار میآید. با این حال، از آنجایی که مخاطبان ممکن است برداشتهای گوناگونی از اینکه یک موضوع چه آیتمهایی را دربرمیگیرد، داشته باشند، معمولاً تعیین مرزهای موضوعی کار دشواری است.
در این مقاله، نویسنده در مورد رویکردهای مختلف طبقهبندی محتوا در روند طراحی پروژهها صحبت میکند، همچنین به ذکر نکاتی درباره نحوه و زمان درست استفاده از این رویکردها در یک پروژه میپردازد.
این مقاله بخشی از سلسله مطالبی است که توسط سخنرانان UX Lx، در کنفرانس UX در لیسبون پرتغال نوشته شده است.
http://bit.ly/dxgn582
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: نیما حکیمرابط
#دستهبندیمحتوا #معماریاطلاعات
@Dexign فلسفه دیزاین
__
Uxbooth
Classification Schemes (and When to Use Them) | UX Booth
Information Architecture is full of tiny decisions with big consequences; like how to best organize your content. In this article Donna Spencer introduces a couple of different classification schemes you can use to organize your content, and provides tips…
روزنامهها هرگز نمیمیرند
ایستادن مردم جلوی دکّههای روزنامهفروشی و خواندن تیترها، برایمان صحنهی آشنایی است.
صفحه اول روزنامهها همان نیمهی بالایی آن است، که معمولا تا شده هستند، یعنی اولین چیزی که خوانندگان بالقوه (خریداران روزنامه) میبینند.
این بخش تنها فرصتی است که میتواند خواننده را به خرید آن روزنامه ترغیب کند. بنابراین نحوهی چیدمان، انتخاب مطالب، رنگ و نوع تایپوگرافی این قسمت از ارزش و اهمیت ویژهای برخوردار است.
نویسندهی امروز، نحوهی دیزاین روزنامهها را، هم در زبانهای چپبهراست (انگلیسی) و هم در زبانهای راستبهچپ (عربی)، بررسی کرده و نمونههای موفق را زیر و رو میکند. به قوانین و اصولی که خواننده را مشتاقانه به خواندن وادار میکند، میپردازد و از آن برای دیزاین صفحات وب استفاده میکند.
پیشنهاد میکنم مقالهی امروز را از دست ندهید، چون خواندن روزنامهها هنوز منسوخ نشده و همچنان خبرها همچون گذشته دنبال میشوند.
http://bit.ly/dxgn583
(زمان حدودی مطالعه: ۲۰ دقیقه)
نویسنده: حسین میرزاده
#روزنامه #تجربه_کاربری #اصول_خواندن #صفحه_فرود #لندینگ_پیج
@Dexign فلسفه دیزاین
ـــــــ
ایستادن مردم جلوی دکّههای روزنامهفروشی و خواندن تیترها، برایمان صحنهی آشنایی است.
صفحه اول روزنامهها همان نیمهی بالایی آن است، که معمولا تا شده هستند، یعنی اولین چیزی که خوانندگان بالقوه (خریداران روزنامه) میبینند.
این بخش تنها فرصتی است که میتواند خواننده را به خرید آن روزنامه ترغیب کند. بنابراین نحوهی چیدمان، انتخاب مطالب، رنگ و نوع تایپوگرافی این قسمت از ارزش و اهمیت ویژهای برخوردار است.
نویسندهی امروز، نحوهی دیزاین روزنامهها را، هم در زبانهای چپبهراست (انگلیسی) و هم در زبانهای راستبهچپ (عربی)، بررسی کرده و نمونههای موفق را زیر و رو میکند. به قوانین و اصولی که خواننده را مشتاقانه به خواندن وادار میکند، میپردازد و از آن برای دیزاین صفحات وب استفاده میکند.
پیشنهاد میکنم مقالهی امروز را از دست ندهید، چون خواندن روزنامهها هنوز منسوخ نشده و همچنان خبرها همچون گذشته دنبال میشوند.
http://bit.ly/dxgn583
(زمان حدودی مطالعه: ۲۰ دقیقه)
نویسنده: حسین میرزاده
#روزنامه #تجربه_کاربری #اصول_خواندن #صفحه_فرود #لندینگ_پیج
@Dexign فلسفه دیزاین
ـــــــ
Smashing Magazine
What Newspapers Can Teach Us About Web Design — Smashing Magazine
Before the home page, there was the front page. From the Gutenberg Principle to grid systems to above the fold, newspapers teach us much about the foundations of web design.
دکمه نادیدنی
یکی از نکات مهمی که در دیزاین محصول باید مورد توجه قرار بگیرد، توجه به جزییاتیست که میتواند در تجربه کاربری بسیار اثرگذار باشد. برای مثال برخی کاربران هنگام کار با یک محصول ممکن است ناخواسته تغییراتی را ایجاد کنند، در این زمان وجود یک دکمه بازگشت به صفحهی قبلی لازم است. اما دکمهی بازگشت چگونه باید طراحی شود؟
اگر دکمه بازگشت مانند یک دکمه اقدام (CTA) طراحی شود، این احساس را به کاربر میدهد که او با فشردن یا کلیک کردن روی آن وارد مرحلهی جدیدی میشود. از سویی دیگر، اگر تعداد دکمههای رنگی در صفحه زیاد باشد، اضافه کردن یک دکمهی دیگر میتواند موجب حواسپرتی و سردرگمی کاربر شود.
این موارد از جمله دلایلیست که در مقالهی زیر برشمرده شده و بیانگر آن است که دکمهی بازگشت باید به شکلی خنثی و طبیعی طراحی شود.
سایر نکاتی که در طراحی این دکمه، باید مورد توجه قرار بگیرد را در مقالهی زیر بخوانید:
http://bit.ly/dxgn584
شما چه تجربهای در طراحی دکمهی بازگشت دارید و فکر میکنید چه نکاتی در طراحی آن باید مد نظر قرار بگیرد؟
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #دکمه
@Dexign فلسفه دیزاین
ــــــ
یکی از نکات مهمی که در دیزاین محصول باید مورد توجه قرار بگیرد، توجه به جزییاتیست که میتواند در تجربه کاربری بسیار اثرگذار باشد. برای مثال برخی کاربران هنگام کار با یک محصول ممکن است ناخواسته تغییراتی را ایجاد کنند، در این زمان وجود یک دکمه بازگشت به صفحهی قبلی لازم است. اما دکمهی بازگشت چگونه باید طراحی شود؟
اگر دکمه بازگشت مانند یک دکمه اقدام (CTA) طراحی شود، این احساس را به کاربر میدهد که او با فشردن یا کلیک کردن روی آن وارد مرحلهی جدیدی میشود. از سویی دیگر، اگر تعداد دکمههای رنگی در صفحه زیاد باشد، اضافه کردن یک دکمهی دیگر میتواند موجب حواسپرتی و سردرگمی کاربر شود.
این موارد از جمله دلایلیست که در مقالهی زیر برشمرده شده و بیانگر آن است که دکمهی بازگشت باید به شکلی خنثی و طبیعی طراحی شود.
سایر نکاتی که در طراحی این دکمه، باید مورد توجه قرار بگیرد را در مقالهی زیر بخوانید:
http://bit.ly/dxgn584
شما چه تجربهای در طراحی دکمهی بازگشت دارید و فکر میکنید چه نکاتی در طراحی آن باید مد نظر قرار بگیرد؟
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #دکمه
@Dexign فلسفه دیزاین
ــــــ
Medium
Why Cancel Buttons Should Never Have a Color
What does the Cancel button exactly do? It dismisses the user’s current screen and brings them back to their previous one. Users rely on…
به رنگ سادگی
اگر اندکی در دنیای پر هیایو و جنب و جوش دیزاین سرک بکشید و نگاهی به عناصر موفق و شناخته شده در زمانهای مختلف بیاندازید، متوجه ویژگی مشترک خیلی از آنها خواهید شد. این ویژگی چیزی نیست جز «سادگی»! موفقترین و شناختهشدهترین محصولات در این دنیا، همواره سادگی را با خود همراه داشتهاند و همین ویژگی عامل موفقیت آنها بوده است.
سادگی فلسفهای است که توسط بسیاری از کمپانیهای بزرگ، سرلوحه دیزاین و توسعه محصولاتشان قرار گرفته و باعث محبوبیت محصولاتشان شده است. استیو جابز، مدیرعامل فقید اپل میگفت: «تمرکز و سادگی همواره ورد زبان من است. سادگی بسیار سختتر از پیچیدگی است. شما باید بسیار تلاش کنید تا ذهن خود را پاک کنید تا بتوانید به سادگی برسید. اما در انتها ارزشش را دارد، چون وقتی به نتیجه برسید میتوانید کوهها را جابجا کنید.»
در طراحی رابط کاربری نیز، توجه به نیاز و هدف کاربران و ارائه سادهترین روشها و راهکار برای رسیدن به این اهداف نهایت رضایت را به دنبال خواهد داشت. سادگی در دیزاین تنها به معنی استفاده از رنگهای مینیمال نیست، بلکه شناخت عمیق کاربر و استفاده از این شناخت برای طراحی محصولی است که به دور از المانهای بدون کاربرد، خلأ بین اهداف کاربر و ابزارهای رسیدن به آنها را پر میکند.
برای رسیدن به سادگی در دیزاین راههای مختلفی وجود دارد که برخی از آنها عبارتند از:
۱ـ شفافیت: صرفنظر از کاربرد و هدف محصول، شفافیت و دوری از اطلاعات و محتوای زیاد و گیجکننده باعث افزایش رضایت کاربران و فهم راحتتر آنها نسبت به کاربرد محصول خواهد شد.
۲- اتوماسیون: براساس مطالعات دانشمندان علوم شناختی، انسانها تمایل دارند تا اعمالی را انجام دهند که به آنها عادت کرده یا با آنها آشنا هستند. هرچه نیاز به فکر کردن و یادگیری در استفاده از محصول کاهش یافته، و عملکرد کاربران به صورت اتوماسیون درآیند، موجب سادهتر شدن استفاده از محصول نیز خواهد شد.
۳- محدودیت انتخابها: انسانها تمایل دارند چیزهایی را ببینند و با آنها درگیر شوند که در راستای هدفشان باشد و موجب انحراف از این هدف نشود. بنابراین محدود کردن انتخابها و امکانات در راستای رسیدن کاربر به هدف مدنظرش تاثیر بهسزایی در سادگی محصول خواهد داشت.
۴- کاهش خلیج عملکرد: عبارت «خلیج عملکرد» که نخستین بار توسط دان نورمن استفاده شد، به خلأ میان هدف اصلی کاربر و ابزارهای رسیدن به آن اطلاق میشود. هرچه این مقدار کمتر شده و ابزارهای لازم برای رسیدن به هدف برای کاربر در دسترستر باشند، کاربردپذیری محصول افزایش یافته و موجب سادگی آن خواهد شد.
برای آشنایی بیشتر با این روشها و نمونههایی موفق از پیادهسازی آنها، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn585
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #سادگی
@Dexign فلسفه دیزاین
_____
اگر اندکی در دنیای پر هیایو و جنب و جوش دیزاین سرک بکشید و نگاهی به عناصر موفق و شناخته شده در زمانهای مختلف بیاندازید، متوجه ویژگی مشترک خیلی از آنها خواهید شد. این ویژگی چیزی نیست جز «سادگی»! موفقترین و شناختهشدهترین محصولات در این دنیا، همواره سادگی را با خود همراه داشتهاند و همین ویژگی عامل موفقیت آنها بوده است.
سادگی فلسفهای است که توسط بسیاری از کمپانیهای بزرگ، سرلوحه دیزاین و توسعه محصولاتشان قرار گرفته و باعث محبوبیت محصولاتشان شده است. استیو جابز، مدیرعامل فقید اپل میگفت: «تمرکز و سادگی همواره ورد زبان من است. سادگی بسیار سختتر از پیچیدگی است. شما باید بسیار تلاش کنید تا ذهن خود را پاک کنید تا بتوانید به سادگی برسید. اما در انتها ارزشش را دارد، چون وقتی به نتیجه برسید میتوانید کوهها را جابجا کنید.»
در طراحی رابط کاربری نیز، توجه به نیاز و هدف کاربران و ارائه سادهترین روشها و راهکار برای رسیدن به این اهداف نهایت رضایت را به دنبال خواهد داشت. سادگی در دیزاین تنها به معنی استفاده از رنگهای مینیمال نیست، بلکه شناخت عمیق کاربر و استفاده از این شناخت برای طراحی محصولی است که به دور از المانهای بدون کاربرد، خلأ بین اهداف کاربر و ابزارهای رسیدن به آنها را پر میکند.
برای رسیدن به سادگی در دیزاین راههای مختلفی وجود دارد که برخی از آنها عبارتند از:
۱ـ شفافیت: صرفنظر از کاربرد و هدف محصول، شفافیت و دوری از اطلاعات و محتوای زیاد و گیجکننده باعث افزایش رضایت کاربران و فهم راحتتر آنها نسبت به کاربرد محصول خواهد شد.
۲- اتوماسیون: براساس مطالعات دانشمندان علوم شناختی، انسانها تمایل دارند تا اعمالی را انجام دهند که به آنها عادت کرده یا با آنها آشنا هستند. هرچه نیاز به فکر کردن و یادگیری در استفاده از محصول کاهش یافته، و عملکرد کاربران به صورت اتوماسیون درآیند، موجب سادهتر شدن استفاده از محصول نیز خواهد شد.
۳- محدودیت انتخابها: انسانها تمایل دارند چیزهایی را ببینند و با آنها درگیر شوند که در راستای هدفشان باشد و موجب انحراف از این هدف نشود. بنابراین محدود کردن انتخابها و امکانات در راستای رسیدن کاربر به هدف مدنظرش تاثیر بهسزایی در سادگی محصول خواهد داشت.
۴- کاهش خلیج عملکرد: عبارت «خلیج عملکرد» که نخستین بار توسط دان نورمن استفاده شد، به خلأ میان هدف اصلی کاربر و ابزارهای رسیدن به آن اطلاق میشود. هرچه این مقدار کمتر شده و ابزارهای لازم برای رسیدن به هدف برای کاربر در دسترستر باشند، کاربردپذیری محصول افزایش یافته و موجب سادگی آن خواهد شد.
برای آشنایی بیشتر با این روشها و نمونههایی موفق از پیادهسازی آنها، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn585
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #سادگی
@Dexign فلسفه دیزاین
_____
The Interaction Design Foundation
Simplicity in Design: 4 Ways to Achieve Simplicity in Your Designs
Learn ways to achieve simplicity in your designs and recognize why certain designs are overly complex. Recognize and achieve simplicity in your design work.
حس تجربه کاربری
خیلی اوقات پیش میآید که دوستی گروه چت دوستان را ترک میکند. هیچکس نمیداند چرا این اتفاق افتادهاست.
طبیعتا این اتفاق به دوستان و اطرافیانی که در گروه مشغول صحبت کردن هستند حس خوبی نمیدهد و خود این مساله یک امتیاز منفی تجربه کاربریست که البته به دست کاربران رقم میخورد.
خودمان را جای آن شخصی بگذاریم که میخواهد برود.
چطور باید رفتن را برای او سخت کنیم؟ اصولا چه چیزی رفتن را سخت میکند؟ توضیح دادن درباره دلیل رفتن. اینکه چرا میروم و اینکه میدانم اگر درباره دلایلش توضیح بدهم باید در برابر توضیحات خودم به دوستانم پاسخگو باشم.
آیا میتوان این حس را بیشتر وارد دنیای دیزاین کرد؟ شاید میشود کاربر را موجودی «همیشه در حال ترک سرویس» در نظر گرفت و تلاشهای خود را برای همیشه ماندن او بیشتر کرد.
چون ما انسانها - متاسفانه یا خوشبختانه - همیشه حوصلهمان از چیزهایی که جذابیتشان را برای ما از دست میدهند سر میرود.
همین مساله نشان میدهد که انسان در ناخودآگاه خود بیشتر تمایل به انجام ندادن کارها تا انجام دادن آنها دارد.
از این مساله میتوان در طراحی تجربه و رابط کاربری استفادههای زیادی کرد و بخشهای حوصلهسربر سرویس را برای مخاطبان جذابتر طراحی کرد.
در مقاله پیشرو «Lasse Kristensen» مثال خیلی جالبی را درباره این مقوله بررسی کرده.
هر نتیجهای که از این مقاله بگیرید، مطمئن هستم در طرز تفکر و طرحهای آینده شما تاثیر خواهد گذاشت.
http://bit.ly/dxgn586
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دسترسیپذیری #تجربهکاربری
@Dexign فلسفه دیزاین
__
خیلی اوقات پیش میآید که دوستی گروه چت دوستان را ترک میکند. هیچکس نمیداند چرا این اتفاق افتادهاست.
طبیعتا این اتفاق به دوستان و اطرافیانی که در گروه مشغول صحبت کردن هستند حس خوبی نمیدهد و خود این مساله یک امتیاز منفی تجربه کاربریست که البته به دست کاربران رقم میخورد.
خودمان را جای آن شخصی بگذاریم که میخواهد برود.
چطور باید رفتن را برای او سخت کنیم؟ اصولا چه چیزی رفتن را سخت میکند؟ توضیح دادن درباره دلیل رفتن. اینکه چرا میروم و اینکه میدانم اگر درباره دلایلش توضیح بدهم باید در برابر توضیحات خودم به دوستانم پاسخگو باشم.
آیا میتوان این حس را بیشتر وارد دنیای دیزاین کرد؟ شاید میشود کاربر را موجودی «همیشه در حال ترک سرویس» در نظر گرفت و تلاشهای خود را برای همیشه ماندن او بیشتر کرد.
چون ما انسانها - متاسفانه یا خوشبختانه - همیشه حوصلهمان از چیزهایی که جذابیتشان را برای ما از دست میدهند سر میرود.
همین مساله نشان میدهد که انسان در ناخودآگاه خود بیشتر تمایل به انجام ندادن کارها تا انجام دادن آنها دارد.
از این مساله میتوان در طراحی تجربه و رابط کاربری استفادههای زیادی کرد و بخشهای حوصلهسربر سرویس را برای مخاطبان جذابتر طراحی کرد.
در مقاله پیشرو «Lasse Kristensen» مثال خیلی جالبی را درباره این مقوله بررسی کرده.
هر نتیجهای که از این مقاله بگیرید، مطمئن هستم در طرز تفکر و طرحهای آینده شما تاثیر خواهد گذاشت.
http://bit.ly/dxgn586
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دسترسیپذیری #تجربهکاربری
@Dexign فلسفه دیزاین
__
Medium
Re-Imagining The Bottom Navigation Bar
6 new ideas for displaying the bottom navigation bar in 2020
خُرده نانهایی برای تعقیب
بردکرامب (Breadcrumb) یک راهنمای ناوبری در رابطهای کاربری است و به کاربران کمک میکند تا مکان فعلی خود را در برنامهها، اسناد و وبسایتها ردیابی کنند. نام بردکرامب از داستان هانسل و گرتل گرفته شدهاست که هانسل با خرد کردن تکهنانی که همراه خود برداشته بود اقدام به گذاشتن ردی برای بازگشتشان به خانه میکند.
بردکرامبها معمولاً به صورت افقی در بالای صفحات وب زیر عنوان و هدر سایت قرار میگیرند. بردکرامب در سایتها دنبالهای از پیوندها را از نقطهی ورود و صفحات قبلی کاربر تا صفحه فعلی را ارائه میدهند. علامت (>) برای جدا کردن سلسله مراتبهای بردکرامب استفاده میشود، همچنین دیزاینرها ممکن است از گلیفها (مانند » یا ›) و اشکال گرافیکی هم استفاده کنند.
بردکرامبها معمولاً به صورت زیر هستند:
صفحه اصلی> صفحه بخش> صفحه زیرمجموعه
“از ویکیپدیا”
حال نویسنده در مقالهی زیر به بررسی این موضوع میپردازد که اگر قرار است بردکرامبها مسیر ما را به عقب هدایت کنند چرا جهت فلشها، رو به عقب نیز نباشند؟ و از نحوهی برخورد جدید او با این مقوله صحبت میکند و دیزاین جدید را نمایش میدهد.
http://bit.ly/dxgn586-1
پ.ن: از راهنمای زیر هم میتوانید برای دیزاین بردکرامبها استفاده کنید.
http://bit.ly/dxgn586-2
(زمان حدودی مطالعهی مقالهی اول: ۶ دقیقه و مقالهی دوّم: ۵ دقیقه)
نویسنده: حسین میرزاده
#بردکرامب #پیمایش #ناوبری #تجربه_کاربری
@Dexign فلسفه دیزاین
_____
بردکرامب (Breadcrumb) یک راهنمای ناوبری در رابطهای کاربری است و به کاربران کمک میکند تا مکان فعلی خود را در برنامهها، اسناد و وبسایتها ردیابی کنند. نام بردکرامب از داستان هانسل و گرتل گرفته شدهاست که هانسل با خرد کردن تکهنانی که همراه خود برداشته بود اقدام به گذاشتن ردی برای بازگشتشان به خانه میکند.
بردکرامبها معمولاً به صورت افقی در بالای صفحات وب زیر عنوان و هدر سایت قرار میگیرند. بردکرامب در سایتها دنبالهای از پیوندها را از نقطهی ورود و صفحات قبلی کاربر تا صفحه فعلی را ارائه میدهند. علامت (>) برای جدا کردن سلسله مراتبهای بردکرامب استفاده میشود، همچنین دیزاینرها ممکن است از گلیفها (مانند » یا ›) و اشکال گرافیکی هم استفاده کنند.
بردکرامبها معمولاً به صورت زیر هستند:
صفحه اصلی> صفحه بخش> صفحه زیرمجموعه
“از ویکیپدیا”
حال نویسنده در مقالهی زیر به بررسی این موضوع میپردازد که اگر قرار است بردکرامبها مسیر ما را به عقب هدایت کنند چرا جهت فلشها، رو به عقب نیز نباشند؟ و از نحوهی برخورد جدید او با این مقوله صحبت میکند و دیزاین جدید را نمایش میدهد.
http://bit.ly/dxgn586-1
پ.ن: از راهنمای زیر هم میتوانید برای دیزاین بردکرامبها استفاده کنید.
http://bit.ly/dxgn586-2
(زمان حدودی مطالعهی مقالهی اول: ۶ دقیقه و مقالهی دوّم: ۵ دقیقه)
نویسنده: حسین میرزاده
#بردکرامب #پیمایش #ناوبری #تجربه_کاربری
@Dexign فلسفه دیزاین
_____
Medium
We’ve All Been Doing Breadcrumbs Wrong
If they’re meant to help us find our way back, shouldn’t they — wait for it — point backward?
اصول طراحی جداول اطلاعات
اگر با سرویسها و پلتفرمهایی سر و کار داشته باشید که نیازمند پایش و کنترل حجم بالایی از اطلاعات باشند، نکته حائز اهمیت ساختار و طراحی جداول اطلاعات و نحوه نمایش اطلاعات در قالب جدولهای مختلف است.
استفاده از جداول برای نمایش اطلاعات، روشی مؤثر برای سازماندهی اطلاعات و دادهها و ایجاد امکان بررسی، مقایسه و تحلیل آنهاست. از این رو رعایت اصول و قواعد طراحی برای ایجاد ساختاری نظاممند و کاربردپذیر در جداول دارای اهمیت است.
طراحی جداول زمانی اهمیت خود را نشان میدهد که حجم اطلاعات زیاد شده و نیازمند استفاده از جداول بزرگ و با سطر و ستونهای بیشتر باشد. در مقاله زیر ۱۱ اصل برای طراحی جداول ارائه شده است.
http://bit.ly/dxgn587
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#طراحی #جدول
@Dexign فلسفه دیزاین
______
اگر با سرویسها و پلتفرمهایی سر و کار داشته باشید که نیازمند پایش و کنترل حجم بالایی از اطلاعات باشند، نکته حائز اهمیت ساختار و طراحی جداول اطلاعات و نحوه نمایش اطلاعات در قالب جدولهای مختلف است.
استفاده از جداول برای نمایش اطلاعات، روشی مؤثر برای سازماندهی اطلاعات و دادهها و ایجاد امکان بررسی، مقایسه و تحلیل آنهاست. از این رو رعایت اصول و قواعد طراحی برای ایجاد ساختاری نظاممند و کاربردپذیر در جداول دارای اهمیت است.
طراحی جداول زمانی اهمیت خود را نشان میدهد که حجم اطلاعات زیاد شده و نیازمند استفاده از جداول بزرگ و با سطر و ستونهای بیشتر باشد. در مقاله زیر ۱۱ اصل برای طراحی جداول ارائه شده است.
http://bit.ly/dxgn587
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#طراحی #جدول
@Dexign فلسفه دیزاین
______
Medium
11 data table design guidelines
For most SaaS platforms, data tables are essential components that allow the user to derive insights, leading to follow-up actions.
بازی رنگها در دیزاینهای تیره
امروزه دیزاینهای دارک و یا تیره، بیش از هر زمان دیگری محبوبِ کاربران هستند. بسیاری از کاربران در اپلیکیشنها انتظار حالت دارکمود را دارند و از همین رو دیزاینرها به طراحی این حالت توجه بیشتری میکنند. اما طراحی اینگونه دیزاینها چالشهای مخصوص به خود را دارد.
یکی از مهمترین چالشها، انتخاب رنگ مناسب المانها در پسزمینهی تیره است. رنگ باید به شکلی انتخاب شود که هم خوانایی را حفظ کند و هم موجب ناراحتی چشم نشود.
همچنین میزان تیرگی پسزمینه یکی دیگر از مسائل مهم است.
در مقالهی زیر ، آقای Joe Honton میزان روشنی و تیرگی رنگهای مورد استفاده در دیزاین از جمله تایپوگرافیها، دکمهها و حالت هاور آنها را بررسی میکند. علاوه بر این، او دربارهی میزان غلظت رنگها توضیحاتی ارائه میدهد و برای استفادهی بهتر ، کد رنگی پیشنهادی خود را نیز معرفی میکند.
اطلاعات تکمیلی را در مقالهی زیر بخوانید:
http://bit.ly/dxgn588
شما در طراحی حالت دارکمود چه تجربیاتی دارید؟
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#دیزاین #دارک_مود
@Dexign فلسفه دیزاین
ــــــ
امروزه دیزاینهای دارک و یا تیره، بیش از هر زمان دیگری محبوبِ کاربران هستند. بسیاری از کاربران در اپلیکیشنها انتظار حالت دارکمود را دارند و از همین رو دیزاینرها به طراحی این حالت توجه بیشتری میکنند. اما طراحی اینگونه دیزاینها چالشهای مخصوص به خود را دارد.
یکی از مهمترین چالشها، انتخاب رنگ مناسب المانها در پسزمینهی تیره است. رنگ باید به شکلی انتخاب شود که هم خوانایی را حفظ کند و هم موجب ناراحتی چشم نشود.
همچنین میزان تیرگی پسزمینه یکی دیگر از مسائل مهم است.
در مقالهی زیر ، آقای Joe Honton میزان روشنی و تیرگی رنگهای مورد استفاده در دیزاین از جمله تایپوگرافیها، دکمهها و حالت هاور آنها را بررسی میکند. علاوه بر این، او دربارهی میزان غلظت رنگها توضیحاتی ارائه میدهد و برای استفادهی بهتر ، کد رنگی پیشنهادی خود را نیز معرفی میکند.
اطلاعات تکمیلی را در مقالهی زیر بخوانید:
http://bit.ly/dxgn588
شما در طراحی حالت دارکمود چه تجربیاتی دارید؟
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: پریسا حسینی
#دیزاین #دارک_مود
@Dexign فلسفه دیزاین
ــــــ
Medium
Designing a Dark Mode Is Harder Than It Looks
Eight tips for converting your CSS from light to dark
روند دیزاین UX/UI در سال ۲۰۲۰
کمتر از چند هفته است که وارد دهه سوم قرن بیست و یکم شدهایم و سال ۲۰۲۰ موج جدیدی از ترندها و شیوههای نوینی را در دیزاین UX/UI با خود به ارمغان آوردهاست. از انتقال به "قلمروهای دیزاین" کاملاً جدید مانند فعال سازی رابط کاربری توسط صدا و یا طراحی AR / VR گرفته، تا ورود به بحث ترندهای دیزاین UI مانند انیمیشنها، تصاویر سفارشی و موارد دیگر.
سال ۲۰۱۹ سال بسیار خوبی برای دیزاین UX/UI بود. انتظار میرود که در سال ۲۰۲۰ نیز این اتفاقات در دنیای دیزاین دوباره تکرار شود. ظهور تکنولوژیهای جدید و ایجاد تجربههای کاربری دلپذیر برای مخاطبان طی یک دهه گذشته باعث ایجاد رقابت هر چه بیشتر در کسبوکارهای مدرن شدهاست.
جهت ماندگاری و موفقیت در فضای رقابتی امروز تنها تشخیص نیازها و خواستههای مشتریان کافی نیست. کسبوکارهایی که میخواهند سهم بیشتری از بازار را بهدست آورند باید یک قدم جلوتر از دیگران باشند و ترندهای آینده UX را پیش بینی کنند.
در مقاله امروز نویسنده، جدیدترین ترندهای دنیای دیزاین UX/UI را که اعتقاد دارد در سال ۲۰۲۰ اتفاق خواهد افتاد جمعآوری کردهاست. بهتر است قبل از رقبای خود، به آنها نگاهی بیندازید و تصمیمات استراتژیک بگیرید.
http://bit.ly/dxgn589
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#جدیدترینترندها #دیزاینتجربهکاربری #دیزاینرابطکاربری
@Dexign فلسفه دیزاین
ـــــــ
کمتر از چند هفته است که وارد دهه سوم قرن بیست و یکم شدهایم و سال ۲۰۲۰ موج جدیدی از ترندها و شیوههای نوینی را در دیزاین UX/UI با خود به ارمغان آوردهاست. از انتقال به "قلمروهای دیزاین" کاملاً جدید مانند فعال سازی رابط کاربری توسط صدا و یا طراحی AR / VR گرفته، تا ورود به بحث ترندهای دیزاین UI مانند انیمیشنها، تصاویر سفارشی و موارد دیگر.
سال ۲۰۱۹ سال بسیار خوبی برای دیزاین UX/UI بود. انتظار میرود که در سال ۲۰۲۰ نیز این اتفاقات در دنیای دیزاین دوباره تکرار شود. ظهور تکنولوژیهای جدید و ایجاد تجربههای کاربری دلپذیر برای مخاطبان طی یک دهه گذشته باعث ایجاد رقابت هر چه بیشتر در کسبوکارهای مدرن شدهاست.
جهت ماندگاری و موفقیت در فضای رقابتی امروز تنها تشخیص نیازها و خواستههای مشتریان کافی نیست. کسبوکارهایی که میخواهند سهم بیشتری از بازار را بهدست آورند باید یک قدم جلوتر از دیگران باشند و ترندهای آینده UX را پیش بینی کنند.
در مقاله امروز نویسنده، جدیدترین ترندهای دنیای دیزاین UX/UI را که اعتقاد دارد در سال ۲۰۲۰ اتفاق خواهد افتاد جمعآوری کردهاست. بهتر است قبل از رقبای خود، به آنها نگاهی بیندازید و تصمیمات استراتژیک بگیرید.
http://bit.ly/dxgn589
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#جدیدترینترندها #دیزاینتجربهکاربری #دیزاینرابطکاربری
@Dexign فلسفه دیزاین
ـــــــ
Medium
2020: The State of UX/UI Design
We’re less than a couple of months away from entering the third decade of the 21st Century, and 2020 brings with it a brand new wave of…
اصول طراحی تبدیل-محور
طراحی تبدیل-محور (Conversion Centered Design) چارچوبی است که برای طراحی صفحات لندینگ که هدف آن متقاعد کردن کاربر برای انجام عملی خاص است، کاربرد دارد. این عمل میتواند ثبت ایمیل، تکمیل فرم، ثبتنام دوره آزمایشی و اعمالی از این دست باشد. به گفتهی اولی گاردنر بنیانگذار این چارچوب، پیادهسازی آن باعث تبدیل صفحهی وبسایت به محتوایی قابل اتکا میشود.
در این چارچوب میتوان میزان تأثیر، موفقیت و هدف هر صفحه در تبدیل بازدیدکنندگان به مشتری را اندازهگیری کرد. دیزاین اغلب در راستای حل یک مشکل است. اکثر این مشکلات که دیزاینرها درگیر حل آنها میباشند، مشکلات کاربر-محور هستند. اما از سویی دیگر یکی از مشکلاتی که باید مورد توجه قرار گیرد، مشکلات بیزینس-محور است. با استفاده از این چارچوب میتوان در راستای برآورده کردن نیاز یک بیزینس نیز قدم برداشت.
اولی گاردنر ۷ اصل را به عنوان اصول بنیادی طراحی تبدیل-محور بیان میکند که شامل موارد زیر است:
- کپسولهسازی (Encapsulation)
- تضاد (Contrast)
- سرنخهای جهتیابی
- استفاده زیاد از فضای سفید
- فوریت و کمبود
- قبل از خرید امتحان کنید
- تأیید اجتماعی
برای آشنایی با این چارچوب و اصول آن مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn590
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #طراحی_تبدیل_محور
@Dexign فلسفه دیزاین
______
طراحی تبدیل-محور (Conversion Centered Design) چارچوبی است که برای طراحی صفحات لندینگ که هدف آن متقاعد کردن کاربر برای انجام عملی خاص است، کاربرد دارد. این عمل میتواند ثبت ایمیل، تکمیل فرم، ثبتنام دوره آزمایشی و اعمالی از این دست باشد. به گفتهی اولی گاردنر بنیانگذار این چارچوب، پیادهسازی آن باعث تبدیل صفحهی وبسایت به محتوایی قابل اتکا میشود.
در این چارچوب میتوان میزان تأثیر، موفقیت و هدف هر صفحه در تبدیل بازدیدکنندگان به مشتری را اندازهگیری کرد. دیزاین اغلب در راستای حل یک مشکل است. اکثر این مشکلات که دیزاینرها درگیر حل آنها میباشند، مشکلات کاربر-محور هستند. اما از سویی دیگر یکی از مشکلاتی که باید مورد توجه قرار گیرد، مشکلات بیزینس-محور است. با استفاده از این چارچوب میتوان در راستای برآورده کردن نیاز یک بیزینس نیز قدم برداشت.
اولی گاردنر ۷ اصل را به عنوان اصول بنیادی طراحی تبدیل-محور بیان میکند که شامل موارد زیر است:
- کپسولهسازی (Encapsulation)
- تضاد (Contrast)
- سرنخهای جهتیابی
- استفاده زیاد از فضای سفید
- فوریت و کمبود
- قبل از خرید امتحان کنید
- تأیید اجتماعی
برای آشنایی با این چارچوب و اصول آن مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn590
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #طراحی_تبدیل_محور
@Dexign فلسفه دیزاین
______
The Interaction Design Foundation
The Seven Simple Principles of Conversion Centred Design (CCD) and How to Use Them
Oli Gardner – the Creative Director of Unbounce (a landing page builder for marketers), is an advocate of CCD. He says that deploying CCD makes each page you create on a website a piece of “accountabl...
مستندهایی از جنس دیزاین
دیزاین مقولهایست که هرچقدر مطالعه داشته باشیم یا تحقیق کنیم، میتوانیم بگوییم که کافی نیست.
منبع دانشی که چون گاهی به روشهای عملی متکیست، پر شدنش کمی بیشتر از حالت معمول طول میکشد.
مستندها معمولا سادهترین و بیپرواترین روش برای انتقال مفاهیمی علمی مثل اصول دیزاین میباشند.
مستندها همیشه به کشف واقعیت وجودی اصولی که ما به شکل روزمره با آنها سروکار داریم میپردازند و باعث میشوند تفکرات دیگر را نیز از دید خودمان مورد راستیآزمایی قرار دهیم.
همینطور مستندها بهترین شکل انتقال احساسات و عواطف مابین تجربیات هستند، احساساتی که دیزاینرها خیلی به آن وابستهاند.
مقاله امروز، چند مستند برتر در زمینه دیزاین را معرفی میکند. مستندهایی ارزشمند که هرکدام بینش ما را در یک بخش از «دیزاین» قوی میکنند.
http://bit.ly/dxgn591
(زمان حدودی مطالعه: ۳ دقیقه)
نویسنده: آرش اصغری
#دیزاین #مستند
@Dexign فلسفه دیزاین
______
دیزاین مقولهایست که هرچقدر مطالعه داشته باشیم یا تحقیق کنیم، میتوانیم بگوییم که کافی نیست.
منبع دانشی که چون گاهی به روشهای عملی متکیست، پر شدنش کمی بیشتر از حالت معمول طول میکشد.
مستندها معمولا سادهترین و بیپرواترین روش برای انتقال مفاهیمی علمی مثل اصول دیزاین میباشند.
مستندها همیشه به کشف واقعیت وجودی اصولی که ما به شکل روزمره با آنها سروکار داریم میپردازند و باعث میشوند تفکرات دیگر را نیز از دید خودمان مورد راستیآزمایی قرار دهیم.
همینطور مستندها بهترین شکل انتقال احساسات و عواطف مابین تجربیات هستند، احساساتی که دیزاینرها خیلی به آن وابستهاند.
مقاله امروز، چند مستند برتر در زمینه دیزاین را معرفی میکند. مستندهایی ارزشمند که هرکدام بینش ما را در یک بخش از «دیزاین» قوی میکنند.
http://bit.ly/dxgn591
(زمان حدودی مطالعه: ۳ دقیقه)
نویسنده: آرش اصغری
#دیزاین #مستند
@Dexign فلسفه دیزاین
______
Medium
20 documentaries every designer should watch
Some of the documentaries listed below are quite famous, some are completely unknown. More than teaching you anything about Design, these…
دیزاینهای قیمتی
بسیاری از ما دیزاینرها تصور میکنیم صرف اضافه کردن موشنها و المانهای متحرک طرح را برای کاربر هیجانانگیزتر میکند. اما موشنهای جذاب بدون تفکر قبلی، دیزاین را ارزشمند نمیکند.
موشنها نیز مانند دیگر عناصر دیزاین باید با هدف و انگیزهی مناسب انتخاب شوند. در این صورت میگوییم که طراح یک دیزاین تعاملی انجام داده است.
با توجه به نرمافزارهای جدید و پیشرفت در زمینهی توسعه محصولات دیجیتال، تنوع موشنها بیش از پیش شده و میتوان موشنها را با توجه به اهداف و کاربردهایشان تقسیمبندی کرد.
در مقالهی زیر خانم Yifan Ding انواع موشنها را از نظر عملکرد، المانهای انتقالی و عوامل تعیینکننده ادراک بر میشمرد. همچنین نگاهی به ابزارهای مختلف برای ساخت موشنها داشته و ویژگیهای هر کدام را بیان میکند.
اطلاعات بیشتر را در مقالهی زیر بخوانید:
http://bit.ly/dxgn592
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: پریسا حسینی
#طراحی_تعاملی #موشن
@Dexign فلسفه دیزاین
______
بسیاری از ما دیزاینرها تصور میکنیم صرف اضافه کردن موشنها و المانهای متحرک طرح را برای کاربر هیجانانگیزتر میکند. اما موشنهای جذاب بدون تفکر قبلی، دیزاین را ارزشمند نمیکند.
موشنها نیز مانند دیگر عناصر دیزاین باید با هدف و انگیزهی مناسب انتخاب شوند. در این صورت میگوییم که طراح یک دیزاین تعاملی انجام داده است.
با توجه به نرمافزارهای جدید و پیشرفت در زمینهی توسعه محصولات دیجیتال، تنوع موشنها بیش از پیش شده و میتوان موشنها را با توجه به اهداف و کاربردهایشان تقسیمبندی کرد.
در مقالهی زیر خانم Yifan Ding انواع موشنها را از نظر عملکرد، المانهای انتقالی و عوامل تعیینکننده ادراک بر میشمرد. همچنین نگاهی به ابزارهای مختلف برای ساخت موشنها داشته و ویژگیهای هر کدام را بیان میکند.
اطلاعات بیشتر را در مقالهی زیر بخوانید:
http://bit.ly/dxgn592
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: پریسا حسینی
#طراحی_تعاملی #موشن
@Dexign فلسفه دیزاین
______
Medium
Adding value to your design by understanding motion and its tools
The original intention of writing this article is because most of the designers around us basically rely on feelings while designing…
فراتر از یک دکمه
هر دیزاینی برای رسیدن به هدفی طراحی میشود و طراح در پی آن است تا کاربر در کمترین زمان ممکن و به آسانترین شکل به هدف مورد نظر برسد. برای مثال در یک فروشگاه اینترنتی، هدف ما خرید است و کاربر هرچه سریعتر وارد پروسهی خرید و اتمام آن شود، میزان رضایتش نیز افزایش مییابد.
یکی از نکاتی که غالبا، کاربران را طی مسیر گیج میکند و زمان تصمیمگیری آنها را افزایش میدهد، دکمههای CTA است.
زمانی که این دکمهها به شکل نامناسبی طراحی شده باشند کاربر میان تپ کردن و نکردن آنها مردد میشود. و همین تردید ممکن است او را از ادامه فرآیند منصرف کند.
در مقالهی زیر نکات مهمی که هنگام طراحی دکمههای CTA باید دقت کرد بررسی شده است. معماری اطلاعات هنگامی که دکمهی CTA در کنار دکمههای دیگر قرار میگیرد، اهمیت مییابد.
میتوانید اطلاعات بیشتر را در مقالهی زیر بخوانید:
http://bit.ly/dxgn593
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #معماری_اطلاعات
@Dexign فلسفه دیزاین
_______
هر دیزاینی برای رسیدن به هدفی طراحی میشود و طراح در پی آن است تا کاربر در کمترین زمان ممکن و به آسانترین شکل به هدف مورد نظر برسد. برای مثال در یک فروشگاه اینترنتی، هدف ما خرید است و کاربر هرچه سریعتر وارد پروسهی خرید و اتمام آن شود، میزان رضایتش نیز افزایش مییابد.
یکی از نکاتی که غالبا، کاربران را طی مسیر گیج میکند و زمان تصمیمگیری آنها را افزایش میدهد، دکمههای CTA است.
زمانی که این دکمهها به شکل نامناسبی طراحی شده باشند کاربر میان تپ کردن و نکردن آنها مردد میشود. و همین تردید ممکن است او را از ادامه فرآیند منصرف کند.
در مقالهی زیر نکات مهمی که هنگام طراحی دکمههای CTA باید دقت کرد بررسی شده است. معماری اطلاعات هنگامی که دکمهی CTA در کنار دکمههای دیگر قرار میگیرد، اهمیت مییابد.
میتوانید اطلاعات بیشتر را در مقالهی زیر بخوانید:
http://bit.ly/dxgn593
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: پریسا حسینی
#تجربه_کاربری #معماری_اطلاعات
@Dexign فلسفه دیزاین
_______
Medium
5 Techniques to Make Mobile Call to Action Buttons Intuitive
To tap or not to tap — that is the question on the user’s mind when they see a call to action button.
هفت مهارت اساسی برای طراحان محصول
مفهوم طراحی محصول از دیرباز در دنیای طراحی محصولات فیزیکی و تجاری وجود داشته است و عموما طراحان صنعتی که در طراحی این محصولات نقش داشتند به عنوان طراح محصول شناخته میشدند. اما در چند سال گذشته این مفهوم در دنیای تکنولوژی و طراحی محصولات دیجیتال نیز وارد شده است.
در روند طراحی و تولید یک محصول دیجیتال نیز فعالیتهای مختلف و متنوعی انجام میشود که از جملهای آنها میتوان به مواردی مثل تست کاربردپذیری، طراحی تعاملی، طراحی گرافیک و بصری، آنالیز دادهها و تعیین استراتژی کسب و کار اشاره کرد.
بنابراین میتوان گفت که طراح محصول کسی است که توانایی و تخصص لازم برای راهبری و تبدیل یک ایده به محصولی قابل ارائه و مدیریت استراتژی برای ارائه و ورود به بازار را داشته باشد. برای اینکه یک طراح محصول بتواند از پس این مسئولیت برآید باید مهارتهای مختلفی داشته باشد که از جملهی آنها میتوان به موارد زیر اشاره کرد:
۱- تست کاربردپذیری: برای بررسی و تحلیل میزان کاربردی بودن محصول از دیدگاه کاربر، روشهای مختلفی برای تست کاربردپذیری وجود دارد که آشنا بودن با این روشها و نحوهی پیادهسازی برای یک طراح محصول اهمیت بالایی دارد.
۲- طراحی تعاملی: برای ایجاد ارتباط با اعضای مختلف تیم محصول و سهامداران، یکی از مؤثرترین روشها استفاده از طراحی تعاملی برای نشان دادن ارتباط اجزا و المانهای مختلف و روندهای موجود در محصول است.
۳- ویرایش تصاویر: اگر دارای سابقه و تجربه در زمینهی طراحی گرافیک و استفاده از نرم افزارهایی مثل فتوشاپ باشید، ویرایش تصاویر و ساخت ماکآپهای مختلف برای شما بسیار ساده خواهد بود. تخصص در این زمینه، جزو مهارتهای اساسی برای یک طراح محصول است.
۴- تصویرسازی: یکی از مهارتهای دیگر که برای هر طراح محصول دارای اهمیت است، مهارت تصویرسازی است تا بتواند براساس طرحها و زبانهای طراحی مختلف اقدام به تصویرسازی کند.
۵- انیمیشنسازی: با داشتن مهارت در زمینه تصویرسازی، قدم بعدی آشنایی با انیمیشنسازی و استفاده از آن در قسمتهای مختلف محصول و پیادهسازی بر روی تصویرسازیهای انجام شده است.
۶- مهارت HTML و CSS: داشتن مهارت در این زمینه برای طراح محصول در جهت ایجاد ارتباط مؤثر با تیم توسعه نرمافزار و شکلگیری ارتباط مؤثر بین تیم توسعه نرمافزار و تیم طراحی دارای اهمیت است.
۷- مهارت UX writing: متون و نوشتهها از ارکان جداییناپذیر هر محصول دیجیتال است و شناخت درست ساختار آن و چگونگی استفاده از عبارات و ادبیات نگارشی، تأثیر مستقیم بر تجربه کاربری خواهد داشت.
برای آشنایی بیشتر با این مهارتها، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn594
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#طراح_محصول
@Dexign فلسفه دیزاین
ــــــ
مفهوم طراحی محصول از دیرباز در دنیای طراحی محصولات فیزیکی و تجاری وجود داشته است و عموما طراحان صنعتی که در طراحی این محصولات نقش داشتند به عنوان طراح محصول شناخته میشدند. اما در چند سال گذشته این مفهوم در دنیای تکنولوژی و طراحی محصولات دیجیتال نیز وارد شده است.
در روند طراحی و تولید یک محصول دیجیتال نیز فعالیتهای مختلف و متنوعی انجام میشود که از جملهای آنها میتوان به مواردی مثل تست کاربردپذیری، طراحی تعاملی، طراحی گرافیک و بصری، آنالیز دادهها و تعیین استراتژی کسب و کار اشاره کرد.
بنابراین میتوان گفت که طراح محصول کسی است که توانایی و تخصص لازم برای راهبری و تبدیل یک ایده به محصولی قابل ارائه و مدیریت استراتژی برای ارائه و ورود به بازار را داشته باشد. برای اینکه یک طراح محصول بتواند از پس این مسئولیت برآید باید مهارتهای مختلفی داشته باشد که از جملهی آنها میتوان به موارد زیر اشاره کرد:
۱- تست کاربردپذیری: برای بررسی و تحلیل میزان کاربردی بودن محصول از دیدگاه کاربر، روشهای مختلفی برای تست کاربردپذیری وجود دارد که آشنا بودن با این روشها و نحوهی پیادهسازی برای یک طراح محصول اهمیت بالایی دارد.
۲- طراحی تعاملی: برای ایجاد ارتباط با اعضای مختلف تیم محصول و سهامداران، یکی از مؤثرترین روشها استفاده از طراحی تعاملی برای نشان دادن ارتباط اجزا و المانهای مختلف و روندهای موجود در محصول است.
۳- ویرایش تصاویر: اگر دارای سابقه و تجربه در زمینهی طراحی گرافیک و استفاده از نرم افزارهایی مثل فتوشاپ باشید، ویرایش تصاویر و ساخت ماکآپهای مختلف برای شما بسیار ساده خواهد بود. تخصص در این زمینه، جزو مهارتهای اساسی برای یک طراح محصول است.
۴- تصویرسازی: یکی از مهارتهای دیگر که برای هر طراح محصول دارای اهمیت است، مهارت تصویرسازی است تا بتواند براساس طرحها و زبانهای طراحی مختلف اقدام به تصویرسازی کند.
۵- انیمیشنسازی: با داشتن مهارت در زمینه تصویرسازی، قدم بعدی آشنایی با انیمیشنسازی و استفاده از آن در قسمتهای مختلف محصول و پیادهسازی بر روی تصویرسازیهای انجام شده است.
۶- مهارت HTML و CSS: داشتن مهارت در این زمینه برای طراح محصول در جهت ایجاد ارتباط مؤثر با تیم توسعه نرمافزار و شکلگیری ارتباط مؤثر بین تیم توسعه نرمافزار و تیم طراحی دارای اهمیت است.
۷- مهارت UX writing: متون و نوشتهها از ارکان جداییناپذیر هر محصول دیجیتال است و شناخت درست ساختار آن و چگونگی استفاده از عبارات و ادبیات نگارشی، تأثیر مستقیم بر تجربه کاربری خواهد داشت.
برای آشنایی بیشتر با این مهارتها، مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn594
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#طراح_محصول
@Dexign فلسفه دیزاین
ــــــ
Medium
7 Skills Every Product Designer Should Learn
Skills that will help you stand out in a sea of designers