ایجاد پالتهای رنگی در رابط کاربری
یکی از عناصر موفقیت هر محصول داشتن یک رابط کاربری جذاب است و پالت رنگی یکی از مهمترین مولفههای رابط کاربری است. انتخاب رنگهای مناسب برای ایجاد یک رابط کاربری زیبا و چشم نواز بسیار مهم است، زیرا رنگها تاثیر قابل توجهی بر ظاهر و احساس کلی محصول دارند.
قانون ۶۰-۳۰-۱۰ چیست؟
انتخاب ترکیب رنگ نامناسب میتواند جذابیت بصری محصول را از بین ببرد. قانون ۶۰٪ - ۳۰٪ - ۱۰٪، قانون معمول در طراحی برای ایجاد ترکیب بندیهای جذاب بصری استفاده میشود. طبق این قانون، شما باید از ۶۰٪ رنگ زمینه، ۳۰٪ رنگ ثانویه و ۱۰٪ رنگ اصلی استفاده کنید.
چگونه قانون ۶۰ - ۳۰ - ۱۰ را در طراحی رابط کاربری خود اعمال کنیم؟
اگر قصد طراحی اپلیکیشنی را دارید و رنگهای برند شما آبی، سفید و مشکی است، در این حالت رنگ سفید میتواند رنگ زمینه باشد، ۶۰٪ طرح رنگی را به خود اختصاص دهد و برای پس زمینه و عناصر اصلی رابط کاربری استفاده شود.
با استفاده مداوم از این طرح رنگی در اپ خود، میتوانید یک طراحی منسجم و چشم نواز ایجاد کنید که هویت برند شما را منعکس میکند و استفاده از اپلیکیشن شما را آسان میکند.
چهار المان رنگی کلیدی در کیت رابط کاربری:
۱. رنگ اولیه (اصلی)
رنگ اصلی اغلب اولین رنگی است که هنگام فکر کردن به یک برند یا محصول به ذهن خطور میکند. این رنگ معمولا برای مهمترین اجزای طراحی مانند پس زمینه، هدرها و دکمهها به کار میرود.
۲.رنگ خنثی
رنگهای خنثی اغلب به عنوان رنگ پایه مورد استفاده قرار میگیرند و به دلیل داشتن تنوع رنگهای مختلف، انعطاف پذیر در نظر گرفته میشوند. رنگهای سفید، مشکی، خاکستری، رنگهای خنثی هستند. رنگهای خنثی اغلب برای کنتراست و وضوح عناصر طراحی و همچنین برای متعادل و نرم کردن رنگها استفاده میشوند. رنگهای خنثی میتوانند برای اجزای پس زمینه یا متن استفاده شوند.
۳.رنگ بازخورد
رنگ بازخورد در طراحی رابط کاربری برای برجسته کردن ویژگیهای تعاملی مانند دکمهها، لینکها، نشان دادن موفقیت یا اخطار استفاده میشود.
برای مطالعه کامل مقاله پیشنهاد میکنم به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1055
(مطالعه حدودی مقاله: ۹ دقیقه)
گردآوردنده: فاطمه عبداللهی
#رابط_کاربر #رنگ
@Dexign فلسفه دیزاین
_________
یکی از عناصر موفقیت هر محصول داشتن یک رابط کاربری جذاب است و پالت رنگی یکی از مهمترین مولفههای رابط کاربری است. انتخاب رنگهای مناسب برای ایجاد یک رابط کاربری زیبا و چشم نواز بسیار مهم است، زیرا رنگها تاثیر قابل توجهی بر ظاهر و احساس کلی محصول دارند.
قانون ۶۰-۳۰-۱۰ چیست؟
انتخاب ترکیب رنگ نامناسب میتواند جذابیت بصری محصول را از بین ببرد. قانون ۶۰٪ - ۳۰٪ - ۱۰٪، قانون معمول در طراحی برای ایجاد ترکیب بندیهای جذاب بصری استفاده میشود. طبق این قانون، شما باید از ۶۰٪ رنگ زمینه، ۳۰٪ رنگ ثانویه و ۱۰٪ رنگ اصلی استفاده کنید.
چگونه قانون ۶۰ - ۳۰ - ۱۰ را در طراحی رابط کاربری خود اعمال کنیم؟
اگر قصد طراحی اپلیکیشنی را دارید و رنگهای برند شما آبی، سفید و مشکی است، در این حالت رنگ سفید میتواند رنگ زمینه باشد، ۶۰٪ طرح رنگی را به خود اختصاص دهد و برای پس زمینه و عناصر اصلی رابط کاربری استفاده شود.
با استفاده مداوم از این طرح رنگی در اپ خود، میتوانید یک طراحی منسجم و چشم نواز ایجاد کنید که هویت برند شما را منعکس میکند و استفاده از اپلیکیشن شما را آسان میکند.
چهار المان رنگی کلیدی در کیت رابط کاربری:
۱. رنگ اولیه (اصلی)
رنگ اصلی اغلب اولین رنگی است که هنگام فکر کردن به یک برند یا محصول به ذهن خطور میکند. این رنگ معمولا برای مهمترین اجزای طراحی مانند پس زمینه، هدرها و دکمهها به کار میرود.
۲.رنگ خنثی
رنگهای خنثی اغلب به عنوان رنگ پایه مورد استفاده قرار میگیرند و به دلیل داشتن تنوع رنگهای مختلف، انعطاف پذیر در نظر گرفته میشوند. رنگهای سفید، مشکی، خاکستری، رنگهای خنثی هستند. رنگهای خنثی اغلب برای کنتراست و وضوح عناصر طراحی و همچنین برای متعادل و نرم کردن رنگها استفاده میشوند. رنگهای خنثی میتوانند برای اجزای پس زمینه یا متن استفاده شوند.
۳.رنگ بازخورد
رنگ بازخورد در طراحی رابط کاربری برای برجسته کردن ویژگیهای تعاملی مانند دکمهها، لینکها، نشان دادن موفقیت یا اخطار استفاده میشود.
برای مطالعه کامل مقاله پیشنهاد میکنم به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1055
(مطالعه حدودی مقاله: ۹ دقیقه)
گردآوردنده: فاطمه عبداللهی
#رابط_کاربر #رنگ
@Dexign فلسفه دیزاین
_________
Medium
Creating Color Schemes for the UI Style Guide Kit
Creating Color Schemes for the UI Style Guide Kit Any product’s success depends on having a visually appealing and consistent user interface (UI). And UI style guides have developed into a crucial …
👌6👍4
۱۰ نکته در رابطه با دیزاین سیستمها که کسی به من نگفت!
آشنایی من با دیزاین سیستمها مانند مکیده شدن در یک سیاهچاله بود. این اتفاق زمانی افتاد که من به عنوان طراح محصول در یک شرکت نرمافزار حمل و نقل کار میکردم. ما به طور تصاعدی در حال رشد بودیم، بنابراین کتابخانه UI ما نیاز به بهبودهای حیاتی داشت تا با نیازهای کسبوکار همگام شود.
زمانی که برای تعیین اینکه چه چیزی را باید بهینه کنم بررسیهایی انجام میدادم، متوجه شدم که Figma ویژگی Auto Layout را منتشر کرده است. من این قابلیت جدید را در کتابخانه خود اعمال کردم، اما کار پیچیدهتر شد. من در نهایت یک دیزاین سیستم کامل ایجاد کردم.
اولین دیزاین سیستمی که ایجاد کردم به دلیل ضرورت حل مشکل نبود یکپارچگی بین طراحی و توسعه ایجاد شد. پس از این غوطه ور شدنِ شدید در دنیای دیزاین سیستمها و همچنین تجربیاتم در شرکتهای دیگر، چیزهای زیادی یاد گرفتم که ای کاش کسی در ابتدا به من میگفت.
۱. دیزاین سیستم و کتابخانهی UI یکسان نیستند
هنگامی که Figma قابلیت Auto Layout خود را منتشر کرد، روشی را که طراحان، کامپوننتها را میساختند تغییر داد. من بررسی انجام دادم تا مشخص کنم چه کامپوننتهایی را میتوان با این ویژگی جدید بازسازی کرد و تعداد زیادی مغایرت کامپوننت بین طراحیها و محصولِ در حال تولید پیدا کردم. توسعه دهندگان و طراحان محصول به همه اجزا دسترسی داشتند، اما هیچ دستور العملی در مورد زمان و نحوه استفاده از آنها نداشتند. انتظار نداشتم وظیفه اصلی به روز رسانی برخی کامپوننتها به پروژهای بزرگ تبدیل شود، اما اینطور شد. من نه تنها Auto Layout را برای برخی از کامپوننتها اعمال کردم، بلکه باید مستنداتی را نیز ایجاد میکردم تا یکپارچگی را به محصول خود اضافه کنم. کتابخانه UI به یک سیستم طراحی تبدیل شد. از این طریق، من یاد گرفتم که یک کتابخانه UI مجموعهای از کامپوننتها و استایلها است، در حالی که یک دیزاین سیستم مجموعهای از دستورالعملها برای مدیریت کامپوننتها و استایلها است.
۲. دیزاین سیستم خود را بسازید و کاربران از شما تشکر خواهند کرد!
یک محصول نرمافزاری مشکلات کاربران و نیازهای تجاری خاصی را برطرف میکند. یکی از اولین گامها برای ساختن یک محصول موثر، شناسایی کاربران، گردش کار و نقاط درد آنها ست. همین امر در مورد دیزاین سیستم شما نیز صادق است.
وقتی یک دیزاین سیستم میسازید، آن را برای دو دسته از کاربران طراحی میکنید. در وهلهی اول، شما در حال ساختن برای کاربران نهایی هستید که مشتریان محصول نهایی شرکت شما خواهند بود. اما شما همچنین برای طراحان محصول نیز طراحی میکنید که برای ایجاد محصولات مؤثر به سیستم طراحی متکی هستند. وقتی دیزاین سیستم خود را به عنوان یک محصول در نظر میگیرید، طراحان محصولی که آن را اتخاذ میکنند، میتوانند به جای صرف زمان برای انتخاب مواردی مانند مناسبترین رنگ برای یک دکمه، بر چگونگی ایجاد ناوبری کاربری روان برای کاربر نهایی تمرکز کنند. سپس توسعه دهندگان میتوانند به راحتی یک کامپوننت آماده را گرفته و آن را مونتاژ کنند. هدف اصلی یک دیزاین سیستم، بهینه سازیِ گردش کار کاربران و صرفه جویی در زمان است. دیزاین سیستمها محصولی برای ساختن محصولات دیجیتال هستند.
۳. طراحان و توسعه دهندگان باید مانند اتم باشند: جدایی ناپذیر
مانند طراحان، توسعه دهندگان میتوانند هنگام ساخت محصولات با کامپوننتهای آماده از دیزاین سیستمها، گردش کار خود را سرعت بخشند. چالش واقعی حفظ ثبات بین این دو گروه است.
کاربران نهایی با ابزار طراحی (مانند Figma، Zeplin، Invision یا Sketch) تعامل ندارند، اما با محصولِ در حال تولید تعامل دارند. آنها میتوانند تشخیص دهند که چه زمانی در پشت صحنه قطع ارتباط وجود داشته است، به خصوص اگر این موضوع از دیزاین سیستم نشأت گرفته باشد. یکپارچگی عملکردها نیز به این موضوع مرتبط است. کاربران نهایی میخواهند پیشبینی کنند که اجزا چگونه رفتار خواهند کرد. اگر اجزا آن طور که انتظار میرود رفتار نکنند، کاربران ممکن است احساس ناامیدی کنند و ممکن است اعتماد آنها را نیز از دست بدهیم. توسعه دهندگان و طراحان باید در تمام مراحل ایجاد یک دیزاین سیستم باهم کار کنند تا این سازگاری را حفظ کنند. به عقیدهی من همکاری تنها راز یک دیزاین سیستم موفق است.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۷ مورد دیگر از نکاتی که نویسنده در رابطه با دیزاین سیستمها بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1056
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربری #دیزاین_سیستم
@Dexign فلسفه دیزاین
_________
آشنایی من با دیزاین سیستمها مانند مکیده شدن در یک سیاهچاله بود. این اتفاق زمانی افتاد که من به عنوان طراح محصول در یک شرکت نرمافزار حمل و نقل کار میکردم. ما به طور تصاعدی در حال رشد بودیم، بنابراین کتابخانه UI ما نیاز به بهبودهای حیاتی داشت تا با نیازهای کسبوکار همگام شود.
زمانی که برای تعیین اینکه چه چیزی را باید بهینه کنم بررسیهایی انجام میدادم، متوجه شدم که Figma ویژگی Auto Layout را منتشر کرده است. من این قابلیت جدید را در کتابخانه خود اعمال کردم، اما کار پیچیدهتر شد. من در نهایت یک دیزاین سیستم کامل ایجاد کردم.
اولین دیزاین سیستمی که ایجاد کردم به دلیل ضرورت حل مشکل نبود یکپارچگی بین طراحی و توسعه ایجاد شد. پس از این غوطه ور شدنِ شدید در دنیای دیزاین سیستمها و همچنین تجربیاتم در شرکتهای دیگر، چیزهای زیادی یاد گرفتم که ای کاش کسی در ابتدا به من میگفت.
۱. دیزاین سیستم و کتابخانهی UI یکسان نیستند
هنگامی که Figma قابلیت Auto Layout خود را منتشر کرد، روشی را که طراحان، کامپوننتها را میساختند تغییر داد. من بررسی انجام دادم تا مشخص کنم چه کامپوننتهایی را میتوان با این ویژگی جدید بازسازی کرد و تعداد زیادی مغایرت کامپوننت بین طراحیها و محصولِ در حال تولید پیدا کردم. توسعه دهندگان و طراحان محصول به همه اجزا دسترسی داشتند، اما هیچ دستور العملی در مورد زمان و نحوه استفاده از آنها نداشتند. انتظار نداشتم وظیفه اصلی به روز رسانی برخی کامپوننتها به پروژهای بزرگ تبدیل شود، اما اینطور شد. من نه تنها Auto Layout را برای برخی از کامپوننتها اعمال کردم، بلکه باید مستنداتی را نیز ایجاد میکردم تا یکپارچگی را به محصول خود اضافه کنم. کتابخانه UI به یک سیستم طراحی تبدیل شد. از این طریق، من یاد گرفتم که یک کتابخانه UI مجموعهای از کامپوننتها و استایلها است، در حالی که یک دیزاین سیستم مجموعهای از دستورالعملها برای مدیریت کامپوننتها و استایلها است.
۲. دیزاین سیستم خود را بسازید و کاربران از شما تشکر خواهند کرد!
یک محصول نرمافزاری مشکلات کاربران و نیازهای تجاری خاصی را برطرف میکند. یکی از اولین گامها برای ساختن یک محصول موثر، شناسایی کاربران، گردش کار و نقاط درد آنها ست. همین امر در مورد دیزاین سیستم شما نیز صادق است.
وقتی یک دیزاین سیستم میسازید، آن را برای دو دسته از کاربران طراحی میکنید. در وهلهی اول، شما در حال ساختن برای کاربران نهایی هستید که مشتریان محصول نهایی شرکت شما خواهند بود. اما شما همچنین برای طراحان محصول نیز طراحی میکنید که برای ایجاد محصولات مؤثر به سیستم طراحی متکی هستند. وقتی دیزاین سیستم خود را به عنوان یک محصول در نظر میگیرید، طراحان محصولی که آن را اتخاذ میکنند، میتوانند به جای صرف زمان برای انتخاب مواردی مانند مناسبترین رنگ برای یک دکمه، بر چگونگی ایجاد ناوبری کاربری روان برای کاربر نهایی تمرکز کنند. سپس توسعه دهندگان میتوانند به راحتی یک کامپوننت آماده را گرفته و آن را مونتاژ کنند. هدف اصلی یک دیزاین سیستم، بهینه سازیِ گردش کار کاربران و صرفه جویی در زمان است. دیزاین سیستمها محصولی برای ساختن محصولات دیجیتال هستند.
۳. طراحان و توسعه دهندگان باید مانند اتم باشند: جدایی ناپذیر
مانند طراحان، توسعه دهندگان میتوانند هنگام ساخت محصولات با کامپوننتهای آماده از دیزاین سیستمها، گردش کار خود را سرعت بخشند. چالش واقعی حفظ ثبات بین این دو گروه است.
کاربران نهایی با ابزار طراحی (مانند Figma، Zeplin، Invision یا Sketch) تعامل ندارند، اما با محصولِ در حال تولید تعامل دارند. آنها میتوانند تشخیص دهند که چه زمانی در پشت صحنه قطع ارتباط وجود داشته است، به خصوص اگر این موضوع از دیزاین سیستم نشأت گرفته باشد. یکپارچگی عملکردها نیز به این موضوع مرتبط است. کاربران نهایی میخواهند پیشبینی کنند که اجزا چگونه رفتار خواهند کرد. اگر اجزا آن طور که انتظار میرود رفتار نکنند، کاربران ممکن است احساس ناامیدی کنند و ممکن است اعتماد آنها را نیز از دست بدهیم. توسعه دهندگان و طراحان باید در تمام مراحل ایجاد یک دیزاین سیستم باهم کار کنند تا این سازگاری را حفظ کنند. به عقیدهی من همکاری تنها راز یک دیزاین سیستم موفق است.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۷ مورد دیگر از نکاتی که نویسنده در رابطه با دیزاین سیستمها بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1056
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربری #دیزاین_سیستم
@Dexign فلسفه دیزاین
_________
Medium
10 Things No One Told Me About Design Systems
This UX designer learned the hard way, but you don’t have to.
👍9❤🔥1🏆1
ایموجیها و دسترسی پذیری
ایموجیها در هر گوشهای از اینترنت هستند. همه کسانی که من میشناسم از ایموجیها استفاده میکنند، از پدربزرگ و مادربزرگم گرفته تا برادر ۵ سالهی دوستم. مطمئنا میتوان گفت شما نیز از آنها استفاده میکنید، یا حداقل افرادی را میشناسید که این کار را میکنند. ایموجیها میتوانند راهی عالی و سرگرم کننده برای انتقال احساسات باشند. آنها همچنین علاقه بصری را اضافه میکنند و میتوانند راهی سریع برای گفتن چیزهای زیادی در یک کاراکتر واحد باشند. با این حال، ایموجیها برای کسانی که نمیتوانند آنها را ببینند چگونه عمل میکنند؟
به گفته سازمان بهداشت جهانی، «حداقل ۲.۲ میلیارد نفر دچار اختلال دید نزدیک یا از راه دور هستند». برای این که در همه درجات بینایی (یا فقدان آن) فراگیر باشیم، باید بدانیم چگونه به شیوه ای دسترسی پذیر ارتباط برقرار کنیم.
ایموجیها به وسیلهی صفحه خوانها برای این کاربران قابل فهمیدن هستند. اگر ایموجیها به درستی استفاده شوند، با وجود اینکه قابل مشاهده نیستند، همچنان میتوانند تمام احساسات و بستر مورد نظر را منتقل کنند. قبل از اینکه بتوانیم بهترین نحوهی استفاده از ایموجیها را تعیین کنیم، بیایید بفهمیم که ایموجیها برای صفحه خوانها چگونه به نظر میرسند.
صفحهخوانها Unicode String ایموجیها را میخوانند تا آن را شناسایی کنند. که شبیه به متن ALT روی تصاویر است.
استفاده از ایموجی به صورت دسترسی پذیر
برای این که از ایموجیها به گونهای استفاده کنید که برای همه مفید باشد، من قصد دارم چند نکته در مورد نحوه استفاده از آن ها به شما ارائه دهم. در بهترین حالت، آنها میتوانند سرگرمی و بستر را به یک پست یا پیام اضافه کنند. در بدترین حالت ممکن است باعث ناامیدی و رها کردن شوند.
۱. از ایموجی ها به تعداد کم استفاده کنید
من مطمئن هستم که همه ما فردی را میشناسیم که سه یا بیشتر از یک نوع ایموجی را پشت سر هم میفرستد. من هم این کار را کردهام. با خیال راحت ایموجیها را در تمام طول روز به دوستان و خانواده خود ارسال کنید، اما هنگام ارسال پست برای مخاطبان عمومیتر مراقب باشید. این امر به ویژه هنگام استفاده از ایموجیها در سایتها یا اپها صادق است.
اگر پنج ایموجی "شست بالا" را برای شخصی ارسال کنید، یک صفحه خوان کلمات "شست بالا" را پنج بار میخواند. احتمالاً میتوانید حدس بزنید که چگونه این شرایط میتواند بسیار خسته کننده و وقت گیر باشد. اگر میخواهید از ایموجیها استفاده کنید، سعی کنید فقط از یک یا دو ایموجی استفاده کنید.
۲. در پایان متن از آنها استفاده کنید
وقتی از ایموجیها در وسط جملات خود استفاده میکنید، ممکن است «صورت با چشمهای مارپیچ» برای کاربرانِ صفحهخوان گیجکننده باشد. قرار دادن ایموجیها در وسط جمله یا پاراگراف، جریان را برای کاربران کمبینا مختل میکند و تجربه کاربری ضعیفی را ارائه میدهد. توصیه میشود هر گونه ایموجی را در انتهای پیام خود نگه دارید تا کسانی که از صفحه خوان استفاده میکنند به راحتی آن را دنبال کنند.
۳. ایموجیها را جایگزین کلمات نکنید
هرگز از ایموجی به عنوان جایگزینی برای یک کلمه واقعی استفاده نکنید. این امر درک آن را برای همه کاربران دشوارتر میکند، نه فقط برای کاربران دارای اختلال بینایی.
به عنوان مثال، اگر کلمه "ترسناک" را با یک ایموجی ترسناک جایگزین کنید، اگرچه برخی ممکن است بتوانند معنای پیام شما را منتقل کنند، برای یک کاربر صفحهخوان ممکن است یک پست به این شکل خوانده شود: "هالووین امسال خیلی - صورت در حال فریاد زدن از ترس - بود.
من خودم برای خواندن این نوع پیامها نیز دچار مشکل میشوم. لطفاً کار را برای همه آسانتر کنید و به استفاده از کلمات خود ادامه دهید.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۲ مورد دیگر از نکاتی که نویسنده در رابطه با دسترسی پذیری ایموجیها بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1057
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
#تجربه_کاربری #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
ایموجیها در هر گوشهای از اینترنت هستند. همه کسانی که من میشناسم از ایموجیها استفاده میکنند، از پدربزرگ و مادربزرگم گرفته تا برادر ۵ سالهی دوستم. مطمئنا میتوان گفت شما نیز از آنها استفاده میکنید، یا حداقل افرادی را میشناسید که این کار را میکنند. ایموجیها میتوانند راهی عالی و سرگرم کننده برای انتقال احساسات باشند. آنها همچنین علاقه بصری را اضافه میکنند و میتوانند راهی سریع برای گفتن چیزهای زیادی در یک کاراکتر واحد باشند. با این حال، ایموجیها برای کسانی که نمیتوانند آنها را ببینند چگونه عمل میکنند؟
به گفته سازمان بهداشت جهانی، «حداقل ۲.۲ میلیارد نفر دچار اختلال دید نزدیک یا از راه دور هستند». برای این که در همه درجات بینایی (یا فقدان آن) فراگیر باشیم، باید بدانیم چگونه به شیوه ای دسترسی پذیر ارتباط برقرار کنیم.
ایموجیها به وسیلهی صفحه خوانها برای این کاربران قابل فهمیدن هستند. اگر ایموجیها به درستی استفاده شوند، با وجود اینکه قابل مشاهده نیستند، همچنان میتوانند تمام احساسات و بستر مورد نظر را منتقل کنند. قبل از اینکه بتوانیم بهترین نحوهی استفاده از ایموجیها را تعیین کنیم، بیایید بفهمیم که ایموجیها برای صفحه خوانها چگونه به نظر میرسند.
صفحهخوانها Unicode String ایموجیها را میخوانند تا آن را شناسایی کنند. که شبیه به متن ALT روی تصاویر است.
استفاده از ایموجی به صورت دسترسی پذیر
برای این که از ایموجیها به گونهای استفاده کنید که برای همه مفید باشد، من قصد دارم چند نکته در مورد نحوه استفاده از آن ها به شما ارائه دهم. در بهترین حالت، آنها میتوانند سرگرمی و بستر را به یک پست یا پیام اضافه کنند. در بدترین حالت ممکن است باعث ناامیدی و رها کردن شوند.
۱. از ایموجی ها به تعداد کم استفاده کنید
من مطمئن هستم که همه ما فردی را میشناسیم که سه یا بیشتر از یک نوع ایموجی را پشت سر هم میفرستد. من هم این کار را کردهام. با خیال راحت ایموجیها را در تمام طول روز به دوستان و خانواده خود ارسال کنید، اما هنگام ارسال پست برای مخاطبان عمومیتر مراقب باشید. این امر به ویژه هنگام استفاده از ایموجیها در سایتها یا اپها صادق است.
اگر پنج ایموجی "شست بالا" را برای شخصی ارسال کنید، یک صفحه خوان کلمات "شست بالا" را پنج بار میخواند. احتمالاً میتوانید حدس بزنید که چگونه این شرایط میتواند بسیار خسته کننده و وقت گیر باشد. اگر میخواهید از ایموجیها استفاده کنید، سعی کنید فقط از یک یا دو ایموجی استفاده کنید.
۲. در پایان متن از آنها استفاده کنید
وقتی از ایموجیها در وسط جملات خود استفاده میکنید، ممکن است «صورت با چشمهای مارپیچ» برای کاربرانِ صفحهخوان گیجکننده باشد. قرار دادن ایموجیها در وسط جمله یا پاراگراف، جریان را برای کاربران کمبینا مختل میکند و تجربه کاربری ضعیفی را ارائه میدهد. توصیه میشود هر گونه ایموجی را در انتهای پیام خود نگه دارید تا کسانی که از صفحه خوان استفاده میکنند به راحتی آن را دنبال کنند.
۳. ایموجیها را جایگزین کلمات نکنید
هرگز از ایموجی به عنوان جایگزینی برای یک کلمه واقعی استفاده نکنید. این امر درک آن را برای همه کاربران دشوارتر میکند، نه فقط برای کاربران دارای اختلال بینایی.
به عنوان مثال، اگر کلمه "ترسناک" را با یک ایموجی ترسناک جایگزین کنید، اگرچه برخی ممکن است بتوانند معنای پیام شما را منتقل کنند، برای یک کاربر صفحهخوان ممکن است یک پست به این شکل خوانده شود: "هالووین امسال خیلی - صورت در حال فریاد زدن از ترس - بود.
من خودم برای خواندن این نوع پیامها نیز دچار مشکل میشوم. لطفاً کار را برای همه آسانتر کنید و به استفاده از کلمات خود ادامه دهید.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۲ مورد دیگر از نکاتی که نویسنده در رابطه با دسترسی پذیری ایموجیها بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1057
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
#تجربه_کاربری #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
Medium
Accessibility vs emojis
At an emojis best, they can add fun and context to a post or message. At their worst, they can cause frustration and abandonment.
👍5❤3🍾1
۸ ترند طراحی داشبورد در ۲۰۲۳
طراحی UI/UX داشبورد جزء ضروری بسیاری از برنامههای کاربردی وب و موبایل است. داشبورد بکاند اصلی است که از همه برنامهها پشتیبانی میکند، بنابراین کاربر پسند کردن آن به برنامههای موبایل و وب نیز کمک میکند. طراحی UI/UX داشبورد در سال ۲۰۲۳، سادگی، شخصیسازی و کنترل کاربر را در اولویت قرار میدهد، در حالی که جدیدترین تکنیکهای تجسم دادهها و فناوریهای نوظهور مانند هوش مصنوعی و یادگیری ماشین را نیز در بر میگیرد.
طراحیهای داشبوردهای قدیمی
طرحهای داشبورد قدیمی پیچیده و بهم ریخته بودند و دادههای زیادی روی صفحه به صورت همزمان نمایش داده میشدند. به منظور کمک به کاربران در درک دادهها، آنها اغلب از جداول و نمودارهای متن سنگین با سلسه مراتب بصری بسیار ضعیفی استفاده میکردند. معمولاً فقط چند دکمه یا لینک برای پیمایش در داشبورد وجود داشت، و همینطور اغلب گزینههای کمی برای تغییر یا شخصیسازی قرار داده میشد.
به طور کلی تاکید بر تجربه کاربری و طراحی کاربر محور که در طراحی داشبورد مدرن شاهد آن هستیم در داشبوردهای قدیمی غایب بود.
روندهای ۲۰۲۳ در طراحی داشبورد (توضیحات کامل هر ترند در لینک اصلی)
۱. افزایش استفاده از تجسم دادهها:
از آنجایی که توانایی ما در جمعآوری و تجزیه و تحلیل دادهها در حال افزایش است، طراحان باید راههای خلاقانهای برای تجسم دادهها ارائه دهند. طرحهای داشبورد احتمالاً دارای نقشهها، گرافها و نمودارهای تعاملی بیشتری خواهند بود.
۲. استفاده از مینیمالیسم و فضای خالی:
مینیمالیسم و فضای خالی در طراحی داشبورد محبوب باقی خواهند ماند زیرا میتوانند به ایجاد یک رابط کاربری واضح و منظم کمک کنند.
۳. داشبوردهای شخصیسازی شده:
داشبوردهایی که به طور خاص برای سلیقه و علایق هر کاربر طراحی شدهاند، به لطف هوش مصنوعی و یادگیری ماشین، روز به روز رایجتر می شوند.
۴. افزایش کنترل کاربر:
در سال ۲۰۲۳، داشبوردهایی که به کاربران آزادی بیشتری برای دادههایی که مشاهده میکنند، نحوه چیدمان و ارائه آنها میدهند، محبوبیت بیشتری پیدا میکنند.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۳ مورد دیگر از ترندهای طراحی داشبورد در ۲۰۲۳ را همراه با توضیحات کامل در لینک زیر مطالعه کنید.
https://bit.ly/dxgn1058
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربری #ترندهای_طراحی
@Dexign فلسفه دیزاین
_________
طراحی UI/UX داشبورد جزء ضروری بسیاری از برنامههای کاربردی وب و موبایل است. داشبورد بکاند اصلی است که از همه برنامهها پشتیبانی میکند، بنابراین کاربر پسند کردن آن به برنامههای موبایل و وب نیز کمک میکند. طراحی UI/UX داشبورد در سال ۲۰۲۳، سادگی، شخصیسازی و کنترل کاربر را در اولویت قرار میدهد، در حالی که جدیدترین تکنیکهای تجسم دادهها و فناوریهای نوظهور مانند هوش مصنوعی و یادگیری ماشین را نیز در بر میگیرد.
طراحیهای داشبوردهای قدیمی
طرحهای داشبورد قدیمی پیچیده و بهم ریخته بودند و دادههای زیادی روی صفحه به صورت همزمان نمایش داده میشدند. به منظور کمک به کاربران در درک دادهها، آنها اغلب از جداول و نمودارهای متن سنگین با سلسه مراتب بصری بسیار ضعیفی استفاده میکردند. معمولاً فقط چند دکمه یا لینک برای پیمایش در داشبورد وجود داشت، و همینطور اغلب گزینههای کمی برای تغییر یا شخصیسازی قرار داده میشد.
به طور کلی تاکید بر تجربه کاربری و طراحی کاربر محور که در طراحی داشبورد مدرن شاهد آن هستیم در داشبوردهای قدیمی غایب بود.
روندهای ۲۰۲۳ در طراحی داشبورد (توضیحات کامل هر ترند در لینک اصلی)
۱. افزایش استفاده از تجسم دادهها:
از آنجایی که توانایی ما در جمعآوری و تجزیه و تحلیل دادهها در حال افزایش است، طراحان باید راههای خلاقانهای برای تجسم دادهها ارائه دهند. طرحهای داشبورد احتمالاً دارای نقشهها، گرافها و نمودارهای تعاملی بیشتری خواهند بود.
۲. استفاده از مینیمالیسم و فضای خالی:
مینیمالیسم و فضای خالی در طراحی داشبورد محبوب باقی خواهند ماند زیرا میتوانند به ایجاد یک رابط کاربری واضح و منظم کمک کنند.
۳. داشبوردهای شخصیسازی شده:
داشبوردهایی که به طور خاص برای سلیقه و علایق هر کاربر طراحی شدهاند، به لطف هوش مصنوعی و یادگیری ماشین، روز به روز رایجتر می شوند.
۴. افزایش کنترل کاربر:
در سال ۲۰۲۳، داشبوردهایی که به کاربران آزادی بیشتری برای دادههایی که مشاهده میکنند، نحوه چیدمان و ارائه آنها میدهند، محبوبیت بیشتری پیدا میکنند.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۳ مورد دیگر از ترندهای طراحی داشبورد در ۲۰۲۳ را همراه با توضیحات کامل در لینک زیر مطالعه کنید.
https://bit.ly/dxgn1058
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربری #ترندهای_طراحی
@Dexign فلسفه دیزاین
_________
Medium
8 Dashboard UI UX design trends to look for in 2023
Dashboard UI/UX design is an essential component of many web and mobile applications. It is the core backend that supports all applications…
👍4❤1
۱۰ کتاب از زنان برای ارتقا مهارتهای طراحی
زنان در طول تاریخ و در جوامع مختلف همیشه در جدال با زندگی و تلاش برای برابری بودند و همیشه شجاعانه برای پیشرفت و پیروزی خود جنگیندند، زنانی که روزی در دوران خود دنیا را مجبور به تحسین خود کردهاند. در این پست به ۱۰ کتاب از نویسندگان زن در حوزه طراحی محصول میپردازیم، کتابهایی که مجموعهای مهارتها و خلاقیت را گسترش میدهند و نه تنها آموزنده که سرگرم کننده نیز هستند، خواندن این کتابها را برای هر کس که به دنبال افزایش دانش و دیدگاه خود است پیشنهاد میکنم.
- کتاب just enough research از اریکا هال: این کتاب مهارت ریسرچ و تفکر انتقادی را افزایش میدهد و نکات و استراتژیهایی برای انجام تحقیقات کاربر ارائه میدهد.
- کتاب Inclusive design for a digital world از رجین گیلبرت: این کتاب مهارت طراحی تجربه کاربر و دسترسی پذیری را آموزش میدهد و نگاهی ارزشمند برای طراحان با دسترسیپذیری ایجاد میکند.
- کتاب Thinking in Systems از دونلا مدوز: کتابی که کمک میکند تا تفکر سیستماتیکی درباره حل مسائل پیچیده داشته باشیم.
- کتاب How to make sense of any mess از ابی کاورت: این کتاب توصیههایی برای سازماندهی و ساختاردهی اطلاعات دارد و درباره معماری اطلاعات است.
- کتاب Continuous Discovery habits از ترسا تورز: به طراحان کمک میکند تا مهارت اولویت بندی و استراتژی خود در محصولات را بهبود بخشند.
- کتاب Strategic Writing for UX از توری پادماجرسکی: این کتاب برای کسانی که به بحث تجربه نویسی علاقهمند هستند مناسب است و به موضوع ux writing میپردازد.
- کتاب 100 things every designer needs to know about people از سوزان واینشنک (این کتاب با عنوان ۱۰۰ نکته که هر طراح باید درباره مردم بداند به فارسی ترجمه شدهاست): کتاب بسیار مهمی که خواندن آن بر هر دیزاینری واجب است و درباره رفتارشناسی افراد در مواجه با محصولات است اینکه چگونه فکر میکنند، احساس میکنند و رفتار میکنند.
کتابها در حوزه مهارتهای نرم:
- کتاب The making of a manager از جولی ژو (این کتاب با عنوان مدیران بزرگ به دنیا نمیآیند، ساخته میشوند به فارسی ترجمه شدهاست): منبع خوبی برای طراحان محصول که دنبال توسعه مهارت ارتباط و رهبری و مدیریت تیم و پروژه هستند.
- کتاب Practical Empathy از ایندی یانگ: برای تمام کسانی که نیاز به مهارت همکاری و همدلی هستند ویژگی که برای دیزاینر ها مخصوصا UX Researcher ها ضروریست.
- کتاب Thanks for the feedback از شیلا تین و دوگلاس استون: این کتاب توصیههای خوبی درباره چگونگی فیدبک دادن و فیدبک گرفتن دارد که بسیار برای ما دیزاینرها مفید و ضروریست.
اگر میدانید که هرکدام از این کتابها به فارسی ترجمه شدهاست و ما به آن اشاره نکردیم برایمان کامنت بگذارید
میتوانید برای دیدن تصویر کتابها و توضیح بیشتر دربارهشان به لینک مقاله زیر مراجعه کنید.
https://bit.ly/dxgn1059
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #UX #معرفی_منابع
@Dexign فلسفه دیزاین
_________
زنان در طول تاریخ و در جوامع مختلف همیشه در جدال با زندگی و تلاش برای برابری بودند و همیشه شجاعانه برای پیشرفت و پیروزی خود جنگیندند، زنانی که روزی در دوران خود دنیا را مجبور به تحسین خود کردهاند. در این پست به ۱۰ کتاب از نویسندگان زن در حوزه طراحی محصول میپردازیم، کتابهایی که مجموعهای مهارتها و خلاقیت را گسترش میدهند و نه تنها آموزنده که سرگرم کننده نیز هستند، خواندن این کتابها را برای هر کس که به دنبال افزایش دانش و دیدگاه خود است پیشنهاد میکنم.
- کتاب just enough research از اریکا هال: این کتاب مهارت ریسرچ و تفکر انتقادی را افزایش میدهد و نکات و استراتژیهایی برای انجام تحقیقات کاربر ارائه میدهد.
- کتاب Inclusive design for a digital world از رجین گیلبرت: این کتاب مهارت طراحی تجربه کاربر و دسترسی پذیری را آموزش میدهد و نگاهی ارزشمند برای طراحان با دسترسیپذیری ایجاد میکند.
- کتاب Thinking in Systems از دونلا مدوز: کتابی که کمک میکند تا تفکر سیستماتیکی درباره حل مسائل پیچیده داشته باشیم.
- کتاب How to make sense of any mess از ابی کاورت: این کتاب توصیههایی برای سازماندهی و ساختاردهی اطلاعات دارد و درباره معماری اطلاعات است.
- کتاب Continuous Discovery habits از ترسا تورز: به طراحان کمک میکند تا مهارت اولویت بندی و استراتژی خود در محصولات را بهبود بخشند.
- کتاب Strategic Writing for UX از توری پادماجرسکی: این کتاب برای کسانی که به بحث تجربه نویسی علاقهمند هستند مناسب است و به موضوع ux writing میپردازد.
- کتاب 100 things every designer needs to know about people از سوزان واینشنک (این کتاب با عنوان ۱۰۰ نکته که هر طراح باید درباره مردم بداند به فارسی ترجمه شدهاست): کتاب بسیار مهمی که خواندن آن بر هر دیزاینری واجب است و درباره رفتارشناسی افراد در مواجه با محصولات است اینکه چگونه فکر میکنند، احساس میکنند و رفتار میکنند.
کتابها در حوزه مهارتهای نرم:
- کتاب The making of a manager از جولی ژو (این کتاب با عنوان مدیران بزرگ به دنیا نمیآیند، ساخته میشوند به فارسی ترجمه شدهاست): منبع خوبی برای طراحان محصول که دنبال توسعه مهارت ارتباط و رهبری و مدیریت تیم و پروژه هستند.
- کتاب Practical Empathy از ایندی یانگ: برای تمام کسانی که نیاز به مهارت همکاری و همدلی هستند ویژگی که برای دیزاینر ها مخصوصا UX Researcher ها ضروریست.
- کتاب Thanks for the feedback از شیلا تین و دوگلاس استون: این کتاب توصیههای خوبی درباره چگونگی فیدبک دادن و فیدبک گرفتن دارد که بسیار برای ما دیزاینرها مفید و ضروریست.
اگر میدانید که هرکدام از این کتابها به فارسی ترجمه شدهاست و ما به آن اشاره نکردیم برایمان کامنت بگذارید
میتوانید برای دیدن تصویر کتابها و توضیح بیشتر دربارهشان به لینک مقاله زیر مراجعه کنید.
https://bit.ly/dxgn1059
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #UX #معرفی_منابع
@Dexign فلسفه دیزاین
_________
Medium
10 books by inspiring women to level up your product design skills
As a product designer, I’ve discovered that inspiration can come from anywhere, but the depth and guidance of books have been particularly…
👍8
رایجترین الگوهای صفحه ورود log in
روزهای ابتدایی شروع کارم به عنوان دیزاینر وقتی صفحاتی رو باید طراحی میکردم در دریبل و بیهنس دنبال نمونههایی مناسب میگشتم. اما به صورت کامل از انواع و کاراییشان اطلاع پیدا نمیکردم و فقط به صورت بصری انواعشان را به خاطر میسپردم و دیزاین میکردم، به تازگی به این مقاله برخوردم که به صورت کامل و خلاصه درباره نحوه دیزاین فلوی ورود، رویکردهایی که این صفحات دارند، لیاوت و الگوی صفحات صحبت کرده است. پیشنهاد میکنم حتما از لینک زیر به صورت کامل این مقاله را مطالعه کنید اما در ادامه به صورت خلاصه به مهمترین موارد اشاره خواهم کرد.
۶ رویکرد برای ورود به محصول وجود دارد:
۱- حالتي که کاربر با ایمیل یا شناسهی منحصر به فرد مثل شماره و رمز عبور وارد شود.
۲- استفاده از حالت SSO first به این صورت که ابتدا ۲ شبکه اجتماعی برای ورود و یک دکمه برای ورود با ایمیل وجود دارد.
۳-حالتی که ترکیبی از ۱ و۲ باشد یعنی ابتدا ورود با ایمیل و رمز عبور باشد و دکمههایی برای ورود با سوشال مدیا.
۴-ورود در حالتی که ابتدا کاربر باید ایمیل یا شناسه منحصر به فرد خود را وارد کند سپس در مرحله بعد رمز ورود مانند گوگل.
۵-استفاده از لینک جادویی که فلویی شبیه فراموشی رمز عبور دارد.
۶- ورود یک مرحلهای با اکانت گوگل، زمانی که وارد وبسایتی میشوید و کنار دکمه ورود دکمهای با عنوان ادامه با نام کاربری شما دیده میشود که با انتخاب آن ورودتان در آن سایت با گوگل ادامه مییابد.
حتما به مقاله سر بزند و به صورت بصری این موارد را ببینید
https://bit.ly/dxgn1060
(زمان حدودی مطالعه: ۱۴ دقیقه)
گردآورنده: فروزان فاضلی
#UX #UI
#معرفی_منابع
@Dexign فلسفه دیزاین
_________
روزهای ابتدایی شروع کارم به عنوان دیزاینر وقتی صفحاتی رو باید طراحی میکردم در دریبل و بیهنس دنبال نمونههایی مناسب میگشتم. اما به صورت کامل از انواع و کاراییشان اطلاع پیدا نمیکردم و فقط به صورت بصری انواعشان را به خاطر میسپردم و دیزاین میکردم، به تازگی به این مقاله برخوردم که به صورت کامل و خلاصه درباره نحوه دیزاین فلوی ورود، رویکردهایی که این صفحات دارند، لیاوت و الگوی صفحات صحبت کرده است. پیشنهاد میکنم حتما از لینک زیر به صورت کامل این مقاله را مطالعه کنید اما در ادامه به صورت خلاصه به مهمترین موارد اشاره خواهم کرد.
۶ رویکرد برای ورود به محصول وجود دارد:
۱- حالتي که کاربر با ایمیل یا شناسهی منحصر به فرد مثل شماره و رمز عبور وارد شود.
۲- استفاده از حالت SSO first به این صورت که ابتدا ۲ شبکه اجتماعی برای ورود و یک دکمه برای ورود با ایمیل وجود دارد.
۳-حالتی که ترکیبی از ۱ و۲ باشد یعنی ابتدا ورود با ایمیل و رمز عبور باشد و دکمههایی برای ورود با سوشال مدیا.
۴-ورود در حالتی که ابتدا کاربر باید ایمیل یا شناسه منحصر به فرد خود را وارد کند سپس در مرحله بعد رمز ورود مانند گوگل.
۵-استفاده از لینک جادویی که فلویی شبیه فراموشی رمز عبور دارد.
۶- ورود یک مرحلهای با اکانت گوگل، زمانی که وارد وبسایتی میشوید و کنار دکمه ورود دکمهای با عنوان ادامه با نام کاربری شما دیده میشود که با انتخاب آن ورودتان در آن سایت با گوگل ادامه مییابد.
حتما به مقاله سر بزند و به صورت بصری این موارد را ببینید
https://bit.ly/dxgn1060
(زمان حدودی مطالعه: ۱۴ دقیقه)
گردآورنده: فروزان فاضلی
#UX #UI
#معرفی_منابع
@Dexign فلسفه دیزاین
_________
Medium
UX Cheat Sheet: Common login patterns
What ho! What is that on yonder homepage? A returning user? Jimminy cricket! Looks like we have to design a login pattern.
👍13
۱۰ موردی که ChatGPT به طراحان محصول کمک میکند
از زمانی که ChatGPT در عرصه دیجیتال وارد شده است درباره نگرانی افراد برای کارهایشان بسیار شنیدهام که دیزاینرها هم از این قضیه مستثنی نبودهاند. اما ادامه دادن به این نگرانی تنها باعث ناامیدی و پسرفت خواهد شد و ما میتوانیم با سوار شدن روی تکنولوژیهای جدید با سرعت بیشتر پیشرفت کنیم و کیفیت کارمان را بهتر کنیم. این مقاله به ۱۰ راهی که میتوان از ChatGPT در مسیر طراحی محصول استفاده کرد پرداخته است:
۱- در مراحلی که باید فیچری طراحی کنید و دنبال پلتفرمهایی هستید که آن فیچر را دارند میتوانید از ChatGPT کمک بگیرید.
۲-فهمیدن فلویی که پلتفرمهای مختلف برای فیچری جلو میبرند، به جای صرف زمان زیاد برای کار کردن با هر پلتفرم.
۳-اگر به اصطلاح یا موضوعی در حین دیزاین محصول برمیخورید و نیاز دارید تا دربارهاش بیشتر مطالعه کنید میتوانید از ChatGPT بخواهید تا کامل برایتان توضیح دهد.
۴-میتوانید از لیست نیازها و الزاماتی که در طراحی فیچری برای کاربر لازم است مطلع شوید.
۵-میتوانید ابزارها و وبسایتهایی که نیاز دارید را بیابید.
۶-از ChatGPt برای ساخت تصویر دلخواه خود در دیزاین استفاده کنید.
۷- استفاده ChatGPT میتواند به شما در ساخت داکیومنت دیزاینسیستم کمک کند. و هزینه زمانی شما را کاهش دهد.
۸- برای کارهای مربوط به دیزاین ایده بگیرید مثلا نمیدانید چگونه یک فایل را به کلاینتتان ارائه دهید ChatGPT به شما کمک میکند.
۹-شما میتوانید هر سوالی از او بپرسید، مثلا نمیدانید تسکی که به شما داده شده است را چگونه انجام دهید؟ فقط کافیست از ChatGPT بپرسید تا راهنماییتان کند.
۱۰- از ChatGPT بخواهید تا به شما کمک کند تا در زمینه کاری خود متخصص شوید.
میتوانید برای توضیحات بیشتر و مثالها به لینک زیر مراجعه کنید.
https://bit.ly/dxgn1061
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فروزان فاضلی
#chatGPT #AI
#هوش_مصنوعی #طراحی_محصول
@Dexign فلسفه دیزاین
_________
از زمانی که ChatGPT در عرصه دیجیتال وارد شده است درباره نگرانی افراد برای کارهایشان بسیار شنیدهام که دیزاینرها هم از این قضیه مستثنی نبودهاند. اما ادامه دادن به این نگرانی تنها باعث ناامیدی و پسرفت خواهد شد و ما میتوانیم با سوار شدن روی تکنولوژیهای جدید با سرعت بیشتر پیشرفت کنیم و کیفیت کارمان را بهتر کنیم. این مقاله به ۱۰ راهی که میتوان از ChatGPT در مسیر طراحی محصول استفاده کرد پرداخته است:
۱- در مراحلی که باید فیچری طراحی کنید و دنبال پلتفرمهایی هستید که آن فیچر را دارند میتوانید از ChatGPT کمک بگیرید.
۲-فهمیدن فلویی که پلتفرمهای مختلف برای فیچری جلو میبرند، به جای صرف زمان زیاد برای کار کردن با هر پلتفرم.
۳-اگر به اصطلاح یا موضوعی در حین دیزاین محصول برمیخورید و نیاز دارید تا دربارهاش بیشتر مطالعه کنید میتوانید از ChatGPT بخواهید تا کامل برایتان توضیح دهد.
۴-میتوانید از لیست نیازها و الزاماتی که در طراحی فیچری برای کاربر لازم است مطلع شوید.
۵-میتوانید ابزارها و وبسایتهایی که نیاز دارید را بیابید.
۶-از ChatGPt برای ساخت تصویر دلخواه خود در دیزاین استفاده کنید.
۷- استفاده ChatGPT میتواند به شما در ساخت داکیومنت دیزاینسیستم کمک کند. و هزینه زمانی شما را کاهش دهد.
۸- برای کارهای مربوط به دیزاین ایده بگیرید مثلا نمیدانید چگونه یک فایل را به کلاینتتان ارائه دهید ChatGPT به شما کمک میکند.
۹-شما میتوانید هر سوالی از او بپرسید، مثلا نمیدانید تسکی که به شما داده شده است را چگونه انجام دهید؟ فقط کافیست از ChatGPT بپرسید تا راهنماییتان کند.
۱۰- از ChatGPT بخواهید تا به شما کمک کند تا در زمینه کاری خود متخصص شوید.
میتوانید برای توضیحات بیشتر و مثالها به لینک زیر مراجعه کنید.
https://bit.ly/dxgn1061
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فروزان فاضلی
#chatGPT #AI
#هوش_مصنوعی #طراحی_محصول
@Dexign فلسفه دیزاین
_________
Medium
10 powerful ways to use ChatGPT as a product designer
List of my favourite ChatGPT prompts that will greatly enhance your efficiency as a product designer.
👍10🔥3
فریمورکهای طراحی تجربه کاربری و نحوهی استفاده از آنها
دقیقاً مثل مسیریابی که کوتاهترین راه برای دور زدن ترافیک را به شما نشان میدهد، فریمورکهای UX نیز شما را از یک ایدهی مبهم، به نتایج واقعی هدایت میکنند. آیا میخواهید برای رسیدن به موفقیت میانبر بزنید؟
- نتایجی را که میخواهید دریافت کنید، مشخص کنید.
- یک یا چند مورد از هشت فریمورک UX پیشنهادی را انتخاب کنید.
- و طراحی خود را حول فریمورک انتخابی بسازید!
فریمورک UX چیست؟
به طور خلاصه، فریمورکها نوعی نقشه از فرآیند طراحی هستند. آنها:
- مراحل طراحی را مشخص میکنند.
- مسیر را به روشنی نشان میدهند.
- به تیم طراحی کمک میکنند تا به اجماع برسند.
- باعث صرفه جویی در زمان و تلاش طراحان میشوند.
- سوءتفاهمها را به حداقل میرسانند.
چرا طراحان باید از فریمورکهای UX استفاده کنند؟
علاوه بر موارد بالا، فریمورکها به شما این امکان را میدهند که فرآیند طراحی را به مراحل کوچک تقسیم کنید. از این گذشته، از این جهت که مراحل را تعریف میکنند، مسیر طراحی دیگر چندان پیچیده و طولانی به نظر نمیرسد.
حتی برای طراحی باتجربه، استفاده از فریمورکها ممکن است موج جدیدی از خلاقیت را برانگیزد. نگاه کردن به چیزهای آشنا از زاویهای دیگر، افقهای جدیدی را باز میکند. این ۱۰ دقیقه احتمالاً باعث ذخیرهی ۱۰۰ ساعت یا بیشتر در کارتان شود. بنابراین، خواندن این مقاله را تا انتها به همه توصیه میکنیم.
۸ فریمورک طراحی برای راحتی شما (توضیح مراحل هر فریمورک در لینک اصلی):
۱. تفکر طراحی
اولین بار توسط یک برنده جایزه نوبل، Herbert A. Simon در سال ۱۹۶۹ در کتاب "علوم مصنوعی" ذکر شد، این رویکرد اکنون به طور گسترده توسط طراحان استفاده میشود و به تیمها کمک میکند تا کاربران خود را درک کنند، نقاط درد را دوباره تعریف کنند، فرضیات را آزمایش کنند و راه حلهای خلاقانهای ارائه دهند.
۲. شش سطح تجربه کاربری
این فریمورک اساساً به طراحان کمک میکند تا گردش کار خود را اولویت بندی کنند. این رویکرد شما را از ارائه ایدههای انتزاعی به اجرای آنها در زندگی واقعی هدایت میکند. شما ممکن است از آن مانند یک لیست کار برای ایجاد طرحهای بصری نیز استفاده کنید.
۳. سلسله مراتب نیازهای UX
آیا تا به حال هرم نیازهای مازلو را دیدهاید؟ این یکی بسیار شبیه به هرم مازلو است اما بر تجربه کاربر تمرکز دارد. این رویکرد در سال ۲۰۰۱ برای راحتی طراحان وب ایجاد شد و اکنون به طور گسترده به عنوان فریمورکی برای سایر پروژههای طراحی استفاده میشود.
در ادامه با خواندن مقاله میتوانید ۵ فریمورک دیگر را همراه با توضیحات کامل هرکدام از آنها مطالعه کنید.
https://bit.ly/dxgn1062
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: بهاره حاجوی
#تجربه_کاربری #اصول_طراحی_محصول #تفکر_طراحی
@Dexign فلسفه دیزاین
_________
دقیقاً مثل مسیریابی که کوتاهترین راه برای دور زدن ترافیک را به شما نشان میدهد، فریمورکهای UX نیز شما را از یک ایدهی مبهم، به نتایج واقعی هدایت میکنند. آیا میخواهید برای رسیدن به موفقیت میانبر بزنید؟
- نتایجی را که میخواهید دریافت کنید، مشخص کنید.
- یک یا چند مورد از هشت فریمورک UX پیشنهادی را انتخاب کنید.
- و طراحی خود را حول فریمورک انتخابی بسازید!
فریمورک UX چیست؟
به طور خلاصه، فریمورکها نوعی نقشه از فرآیند طراحی هستند. آنها:
- مراحل طراحی را مشخص میکنند.
- مسیر را به روشنی نشان میدهند.
- به تیم طراحی کمک میکنند تا به اجماع برسند.
- باعث صرفه جویی در زمان و تلاش طراحان میشوند.
- سوءتفاهمها را به حداقل میرسانند.
چرا طراحان باید از فریمورکهای UX استفاده کنند؟
علاوه بر موارد بالا، فریمورکها به شما این امکان را میدهند که فرآیند طراحی را به مراحل کوچک تقسیم کنید. از این گذشته، از این جهت که مراحل را تعریف میکنند، مسیر طراحی دیگر چندان پیچیده و طولانی به نظر نمیرسد.
حتی برای طراحی باتجربه، استفاده از فریمورکها ممکن است موج جدیدی از خلاقیت را برانگیزد. نگاه کردن به چیزهای آشنا از زاویهای دیگر، افقهای جدیدی را باز میکند. این ۱۰ دقیقه احتمالاً باعث ذخیرهی ۱۰۰ ساعت یا بیشتر در کارتان شود. بنابراین، خواندن این مقاله را تا انتها به همه توصیه میکنیم.
۸ فریمورک طراحی برای راحتی شما (توضیح مراحل هر فریمورک در لینک اصلی):
۱. تفکر طراحی
اولین بار توسط یک برنده جایزه نوبل، Herbert A. Simon در سال ۱۹۶۹ در کتاب "علوم مصنوعی" ذکر شد، این رویکرد اکنون به طور گسترده توسط طراحان استفاده میشود و به تیمها کمک میکند تا کاربران خود را درک کنند، نقاط درد را دوباره تعریف کنند، فرضیات را آزمایش کنند و راه حلهای خلاقانهای ارائه دهند.
۲. شش سطح تجربه کاربری
این فریمورک اساساً به طراحان کمک میکند تا گردش کار خود را اولویت بندی کنند. این رویکرد شما را از ارائه ایدههای انتزاعی به اجرای آنها در زندگی واقعی هدایت میکند. شما ممکن است از آن مانند یک لیست کار برای ایجاد طرحهای بصری نیز استفاده کنید.
۳. سلسله مراتب نیازهای UX
آیا تا به حال هرم نیازهای مازلو را دیدهاید؟ این یکی بسیار شبیه به هرم مازلو است اما بر تجربه کاربر تمرکز دارد. این رویکرد در سال ۲۰۰۱ برای راحتی طراحان وب ایجاد شد و اکنون به طور گسترده به عنوان فریمورکی برای سایر پروژههای طراحی استفاده میشود.
در ادامه با خواندن مقاله میتوانید ۵ فریمورک دیگر را همراه با توضیحات کامل هرکدام از آنها مطالعه کنید.
https://bit.ly/dxgn1062
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: بهاره حاجوی
#تجربه_کاربری #اصول_طراحی_محصول #تفکر_طراحی
@Dexign فلسفه دیزاین
_________
Medium
What Are UX Frameworks and How to Use Them?
Just like a navigator shows you the shortest way bypassing traffic jams, UX frameworks lead you from a barely discernible idea to real-life…
👍8
📣 ثبتنام هفدهمین دوره آنلاین "طراحی محصول" آکادمی دیزاین.
ما در این دوره سعی کردیم مهارتهای لازم برای تبدیل شدن به یک طراح محصول تازهکار را برای شما فراهم کنیم:
- درباره دیزاین
- تفکر محصولمحور و طراحی محصول
- فهم و تعریف مساله با پژوهش
- ایدهپردازی و خلاقیت
- طراحی تجربه کاربری
- پروتوتایپ و طراحی وایرفریم
- تست و یادگیری
- طراحی دیزاین سیستمها
- دیزاین سیستم
- طراحی رابط کاربری
- ارائه و داستانگویی
از طریق لینک زیر میتوانید در دوره ثبتنام کنید:
لینک ثبتنام
♦️ همچنین جزئیات سرفصلهای دوره را میتوانید از لینک زیر ببینید:
https://dexignacademy.com/courses/product-design
_________
ما در این دوره سعی کردیم مهارتهای لازم برای تبدیل شدن به یک طراح محصول تازهکار را برای شما فراهم کنیم:
- درباره دیزاین
- تفکر محصولمحور و طراحی محصول
- فهم و تعریف مساله با پژوهش
- ایدهپردازی و خلاقیت
- طراحی تجربه کاربری
- پروتوتایپ و طراحی وایرفریم
- تست و یادگیری
- طراحی دیزاین سیستمها
- دیزاین سیستم
- طراحی رابط کاربری
- ارائه و داستانگویی
از طریق لینک زیر میتوانید در دوره ثبتنام کنید:
لینک ثبتنام
♦️ همچنین جزئیات سرفصلهای دوره را میتوانید از لینک زیر ببینید:
https://dexignacademy.com/courses/product-design
_________
❤5👎3👍2
طراحی برای دسترسی پذیری
در دنیای دیجیتال امروز، طراحی دسترسیپذیر مهمتر از هر زمان دیگری است و با افزایش تعداد افراد با تواناییهای متفاوت در استفاده از اینترنت، قابل دسترس بودن سایتها، اپلیکیشنها و دیگر محصولات دیجیتال برای همه مهم است.
دسترسی پذیری تنها در مورد طراحی برای افراد دارای معلولیت نیست؛ بلکه در مورد ایجاد محیطی فراگیر است که نیازها و خواستههای همه کاربران را در نظر میگیرد و شما با طراحی دسترسیپذیر میتوانید تجربه کاربری بهتری برای همه، از جمله افراد دارای معلولیت ایجاد کنید.
نیازهای کاربران خود را درک کنید
اولین گام در طراحی دسترسیپذیر درک نیازهای کاربران شما است. این شامل درک انواع مختلف تواناییهایی است که ممکن است برای آنها طراحی کنید و اینکه چگونه میتوانند بر تجربه کاربران تاثیر بگذارند. برخی از ناتوانیهای رایجی که هنگام طراحی محصولات دیجیتال باید در ذهن داشته باشید اختلالات بینایی، شنوایی، فیزیکی و شناختی هستند. به یاد داشته باشید که هر یک از این ناتوانیها میتوانند دائمی، موقتی یا موقعیتی باشند.
استفاده از تصاویر و زبان فراگیر
محصول شما نه تنها باید نیازهای همه کاربران شما را تامین کند، بلکه کاربر باید احساس کند که به آن تعلق دارد. برای انجام این کار، مهم است که تصاویر، آیکونها، نمودارها و تصاویری را در نظر بگیرید که همه کاربران شما را نشان میدهد. این به معنای نشان دادن افراد از همه نژادها، جنسیت ها و تواناییها و نشان دادن غذاها، لباسها و فعالیتهای متنوع است.
استفاده موثر از رنگ و کنتراست
رنگ و کنتراست عناصر مهمی در ایجاد طراحیهای دسترسیپذیر هستند. استفاده از رنگ و کنتراست به گونهای که به همه کاربران خدمت کند و از نظر زیبایی شناسی دلپذیر باشد.
طراحی دسترسیپذیر بخش مهمی از ایجاد یک تجربه کاربری فراگیر است و اهمیت آن را نمیتوان نادیده گرفت. با درک نیازهای کاربران خود، استفاده از تصاویر و زبان های فراگیر، استفاده موثر از رنگ و کنتراست و دیگر موارد که مفصلا در مقاله به آن اشاره شده است. میتوانید طراحی ایجاد کنید که برای همه قابل دسترس و موثر باشد.
https://bit.ly/dxgn1063
(زمان حدودی مطالعه: ۶ دقیقه)
گردآوردنده: فاطمه عبداللهی
#تجربه_کاربر #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
در دنیای دیجیتال امروز، طراحی دسترسیپذیر مهمتر از هر زمان دیگری است و با افزایش تعداد افراد با تواناییهای متفاوت در استفاده از اینترنت، قابل دسترس بودن سایتها، اپلیکیشنها و دیگر محصولات دیجیتال برای همه مهم است.
دسترسی پذیری تنها در مورد طراحی برای افراد دارای معلولیت نیست؛ بلکه در مورد ایجاد محیطی فراگیر است که نیازها و خواستههای همه کاربران را در نظر میگیرد و شما با طراحی دسترسیپذیر میتوانید تجربه کاربری بهتری برای همه، از جمله افراد دارای معلولیت ایجاد کنید.
نیازهای کاربران خود را درک کنید
اولین گام در طراحی دسترسیپذیر درک نیازهای کاربران شما است. این شامل درک انواع مختلف تواناییهایی است که ممکن است برای آنها طراحی کنید و اینکه چگونه میتوانند بر تجربه کاربران تاثیر بگذارند. برخی از ناتوانیهای رایجی که هنگام طراحی محصولات دیجیتال باید در ذهن داشته باشید اختلالات بینایی، شنوایی، فیزیکی و شناختی هستند. به یاد داشته باشید که هر یک از این ناتوانیها میتوانند دائمی، موقتی یا موقعیتی باشند.
استفاده از تصاویر و زبان فراگیر
محصول شما نه تنها باید نیازهای همه کاربران شما را تامین کند، بلکه کاربر باید احساس کند که به آن تعلق دارد. برای انجام این کار، مهم است که تصاویر، آیکونها، نمودارها و تصاویری را در نظر بگیرید که همه کاربران شما را نشان میدهد. این به معنای نشان دادن افراد از همه نژادها، جنسیت ها و تواناییها و نشان دادن غذاها، لباسها و فعالیتهای متنوع است.
استفاده موثر از رنگ و کنتراست
رنگ و کنتراست عناصر مهمی در ایجاد طراحیهای دسترسیپذیر هستند. استفاده از رنگ و کنتراست به گونهای که به همه کاربران خدمت کند و از نظر زیبایی شناسی دلپذیر باشد.
طراحی دسترسیپذیر بخش مهمی از ایجاد یک تجربه کاربری فراگیر است و اهمیت آن را نمیتوان نادیده گرفت. با درک نیازهای کاربران خود، استفاده از تصاویر و زبان های فراگیر، استفاده موثر از رنگ و کنتراست و دیگر موارد که مفصلا در مقاله به آن اشاره شده است. میتوانید طراحی ایجاد کنید که برای همه قابل دسترس و موثر باشد.
https://bit.ly/dxgn1063
(زمان حدودی مطالعه: ۶ دقیقه)
گردآوردنده: فاطمه عبداللهی
#تجربه_کاربر #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
Medium
Designing for accessibility
Design for accessibility — and make everybody happier!
👍6
نحوهی طراحی نمودارهای کامل
تجسم سازی بخش مهمی از طراحی داشبورد است و انتخاب نوع نمودار مناسب برای ارائه دادههای شما مهمترین و در عین حال پیچیدهترین بخش است. انتخاب نادرست نمودار میتواند باعث سردرگمی یا تفسیر اشتباه داده شود.
اگر تا به حال داشبورد طراحی کرده باشید یا روی پروژهای کار کردهاید که نیاز به تجسم دادهها دارد، میدانید که این موضوع میتواند چالش برانگیز باشد. نمودارهای دایره یا دونات اغلب میتوانند اولین انتخاب طراحان باشند زیرا بسیار جذاب و کاربرپسند به نظر میرسند، اما معمولاً بهترین راه برای ارائه دادهها نیستند.
در این مقاله میخواهم بخشی از دانشی را که از طراحی برنامههای کاربردی با دادههای سنگین به دست آوردهام به اشتراک بگذارم. علاوه بر توضیح سادهترین راه برای انتخاب نوع نمودار مناسب برای تجسم دادهها، مروری بر رایجترین انواع نمودار و بهترین روش طراحی برای هر یک از آنها خواهم داشت.
نحوه انتخاب نوع نمودار مناسب
انتخاب نوع نمودار مناسب بستگی به نوع دادهای دارد که میخواهید ارائه دهید. معمولاً نمودارها برای انتقال ترکیب، مقایسه، رابطه یا توزیع استفاده میشوند. بنابراین، چهار سوال زیر به شما کمک میکند تا تصمیم بگیرید از کدام نوع نمودار استفاده کنید:
- آیا میخواهید ترکیب چیزی را نمایش دهید؟
- آیا میخواهید مقادیر را با هم مقایسه کنید یا تفاوتها را در طول زمان نشان دهید؟
- آیا میخواهید رابطه بین دو یا چند متغیر را بهتر درک کنید؟
- آیا میخواهید توزیع دادههای خود را نشان دهید؟
بسته به آن چه میخواهید نشان دهید، در ادامه مروری کلی بر رایجترین انواع نمودارها خواهیم داشت:
۱. نمودار دایره و دونات
نمودار دایرهای یا نمودار دونات، یکی از نمودارهایی است که بیش از اندازه استفاده میشود. این نمودارها برای نشان دادن بخشهایی از یک کل استفاده میشوند و اعداد را به صورت درصد نشان میدهند که مجموع کل تمام بخشها باید برابر با ۱۰۰٪ باشد.
نمودار دایرهای نمونهای از تجسم داده است که من استدلال میکنم تقریباً همیشه جایگزینی برای آن وجود دارد تا دادهها را به روشی بهتر نمایش دهد. با این حال، شاید مشکل در خود نمودارهای دایرهای نباشد، بلکه اغلب آنها به اشتباه استفاده میشوند. نمونهای از استفادهی خوب از آنها، ترسیم نتایج یک نظرسنجی است که در آن کاربران باید پاسخهای سادهی «بله» یا «خیر» را ارائه دهند.
اصولی که برای طراحی بهتر نمودار دایرهای باید رعایت شود:
ـ اگر دسته بندیهای زیادی دارید هرگز از نمودارهای دایرهای استفاده نکنید زیرا برش ها آنقدر نازک میشوند که قابل مقایسه نیستند. فقط در صورتی از نمودارهای دایرهای استفاده کنید که حداکثر ۶ دسته دارید.
- از نمودارهای دایرهای برای مقادیر بسیار مشابه استفاده نکنید. نمودار میلهای در این مورد انتخاب بسیار بهتری خواهد بود.
- اگر مقادیر تا ۱۰۰٪ جمع نمیشوند از نمودارهای دایرهای استفاده نکنید. مجموع کل تمام بخشها باید برابر با ۱۰۰٪ باشد.
- برای مقایسهی آسانتر، برشها را با توجه به اندازهی آنها مرتب کنید و قرار دهید.
در ادامه با خواندن مقاله در لینک زیر میتوانید بررسی ۳ مورد دیگر از نمودارهای رایج در طراحی را همراه با توضیحات کامل مطالعه کنید.
https://bit.ly/dxgn1064
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربر #دیزاین_سیستم #طراحی_نمودار
@Dexign فلسفه دیزاین
_________
تجسم سازی بخش مهمی از طراحی داشبورد است و انتخاب نوع نمودار مناسب برای ارائه دادههای شما مهمترین و در عین حال پیچیدهترین بخش است. انتخاب نادرست نمودار میتواند باعث سردرگمی یا تفسیر اشتباه داده شود.
اگر تا به حال داشبورد طراحی کرده باشید یا روی پروژهای کار کردهاید که نیاز به تجسم دادهها دارد، میدانید که این موضوع میتواند چالش برانگیز باشد. نمودارهای دایره یا دونات اغلب میتوانند اولین انتخاب طراحان باشند زیرا بسیار جذاب و کاربرپسند به نظر میرسند، اما معمولاً بهترین راه برای ارائه دادهها نیستند.
در این مقاله میخواهم بخشی از دانشی را که از طراحی برنامههای کاربردی با دادههای سنگین به دست آوردهام به اشتراک بگذارم. علاوه بر توضیح سادهترین راه برای انتخاب نوع نمودار مناسب برای تجسم دادهها، مروری بر رایجترین انواع نمودار و بهترین روش طراحی برای هر یک از آنها خواهم داشت.
نحوه انتخاب نوع نمودار مناسب
انتخاب نوع نمودار مناسب بستگی به نوع دادهای دارد که میخواهید ارائه دهید. معمولاً نمودارها برای انتقال ترکیب، مقایسه، رابطه یا توزیع استفاده میشوند. بنابراین، چهار سوال زیر به شما کمک میکند تا تصمیم بگیرید از کدام نوع نمودار استفاده کنید:
- آیا میخواهید ترکیب چیزی را نمایش دهید؟
- آیا میخواهید مقادیر را با هم مقایسه کنید یا تفاوتها را در طول زمان نشان دهید؟
- آیا میخواهید رابطه بین دو یا چند متغیر را بهتر درک کنید؟
- آیا میخواهید توزیع دادههای خود را نشان دهید؟
بسته به آن چه میخواهید نشان دهید، در ادامه مروری کلی بر رایجترین انواع نمودارها خواهیم داشت:
۱. نمودار دایره و دونات
نمودار دایرهای یا نمودار دونات، یکی از نمودارهایی است که بیش از اندازه استفاده میشود. این نمودارها برای نشان دادن بخشهایی از یک کل استفاده میشوند و اعداد را به صورت درصد نشان میدهند که مجموع کل تمام بخشها باید برابر با ۱۰۰٪ باشد.
نمودار دایرهای نمونهای از تجسم داده است که من استدلال میکنم تقریباً همیشه جایگزینی برای آن وجود دارد تا دادهها را به روشی بهتر نمایش دهد. با این حال، شاید مشکل در خود نمودارهای دایرهای نباشد، بلکه اغلب آنها به اشتباه استفاده میشوند. نمونهای از استفادهی خوب از آنها، ترسیم نتایج یک نظرسنجی است که در آن کاربران باید پاسخهای سادهی «بله» یا «خیر» را ارائه دهند.
اصولی که برای طراحی بهتر نمودار دایرهای باید رعایت شود:
ـ اگر دسته بندیهای زیادی دارید هرگز از نمودارهای دایرهای استفاده نکنید زیرا برش ها آنقدر نازک میشوند که قابل مقایسه نیستند. فقط در صورتی از نمودارهای دایرهای استفاده کنید که حداکثر ۶ دسته دارید.
- از نمودارهای دایرهای برای مقادیر بسیار مشابه استفاده نکنید. نمودار میلهای در این مورد انتخاب بسیار بهتری خواهد بود.
- اگر مقادیر تا ۱۰۰٪ جمع نمیشوند از نمودارهای دایرهای استفاده نکنید. مجموع کل تمام بخشها باید برابر با ۱۰۰٪ باشد.
- برای مقایسهی آسانتر، برشها را با توجه به اندازهی آنها مرتب کنید و قرار دهید.
در ادامه با خواندن مقاله در لینک زیر میتوانید بررسی ۳ مورد دیگر از نمودارهای رایج در طراحی را همراه با توضیحات کامل مطالعه کنید.
https://bit.ly/dxgn1064
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربر #دیزاین_سیستم #طراحی_نمودار
@Dexign فلسفه دیزاین
_________
Medium
Data-heavy applications: How to design perfect charts
Visualisations are a crucial part of any dashboard design and choosing the right chart type to present your data is the most important…
👍5
پترنهای کاربردی UI که در برنامههای واقعی استفاده شدهاند
پیدا کردن ایده برای طراحی سخت است. همهی ما دوست داریم هنگام طراحی یک راه حل جدید و ابتکاری برای یک عملکرد معین ایجاد کنیم. متأسفانه، گاهی اوقات این کار ارزش هدر دادن زمان برای اختراع چرخ جدید را ندارد و باید از راه حلهای طراحی آماده استفاده کنید. بهتر است به جای مرور صدها مثال بد یا غیر واقعی، فلوهای کاربری بهتری را با یادگیری از محصولات اثبات شده طراحی کنید.
یکسری از افراد خارقالعاده این فرآیند را برای ما ساده کردهاند و با استفاده از راه حلهای آماده کتابخانههای آنلاین ایجاد کردهاند که در برنامه های واقعی و مفهومی استفاده شدهاند. این وبسایتها به شما کمک میکنند تا آنچه را که نیاز دارید فورا پیدا کنید.
اما از کجا میتوان الهام گرفت و راه حلها را دریافت کرد؟
در این مقاله فهرستی از این وبسایتها برای یافتن الگوهای UI دنیای واقعی وجود دارد که میتواند به شما و تیمتان کمک کند تا جریانهای رایجی مانند ورود، وضعیت خالی، لودینگ صفحه، احراز هویت، صفحه اصلی، وضعیتهای خطا، جستجو/فیلترها، دعوت و اشتراکگذاری، پرداخت، گیمیفیکیشن و غیره را پیدا کنید.
۱. Screenlane
در این وبسایت الهام بگیرید و با آخرین روندهای طراحی رابط کاربری وب و اپلیکیشن موبایل همراه باشید.
۲. Pageflows
در این وبسایت میتوانید فلوی آنبوردینگ و ارتقا و تنزل حسابهای کاربری را در برندهای برتر چک کنید.
۳. Mobbin
مجموعهای دستچین شده از جدیدترین و بهترین الگوهای طراحی از برنامههای تلفن همراه است. در حال حاضر بیش از ۱۵۰ برنامه و ۸۰۰۰ الگو در این پلتفرم موجود است.
۴. UX Archive
این وبسایت مقصد اصلی برای یافتن فلوهای UX موبایل از برترین برنامههای موبایل جهان است.
۵. UI Sources
در این پلتفرم میتوانید از طراحی واقعی بهترین محصولات طراحی شده جهان الهام بگیرید.
در ادامه با خواندن مقاله در لینک زیر میتوانید با معرفی ۳۱ مورد دیگر از وبسایتها و پلتفرمهایی که به شما در پیدا کردن ایده و الهام برای طراحی بهتر کمک میکنند، آشنا شوید.
https://bit.ly/dxgn1065
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: بهاره حاجوی
#معرفی_منبع #پترن_ها #رابط_کاربر
@Dexign فلسفه دیزاین
_________
پیدا کردن ایده برای طراحی سخت است. همهی ما دوست داریم هنگام طراحی یک راه حل جدید و ابتکاری برای یک عملکرد معین ایجاد کنیم. متأسفانه، گاهی اوقات این کار ارزش هدر دادن زمان برای اختراع چرخ جدید را ندارد و باید از راه حلهای طراحی آماده استفاده کنید. بهتر است به جای مرور صدها مثال بد یا غیر واقعی، فلوهای کاربری بهتری را با یادگیری از محصولات اثبات شده طراحی کنید.
یکسری از افراد خارقالعاده این فرآیند را برای ما ساده کردهاند و با استفاده از راه حلهای آماده کتابخانههای آنلاین ایجاد کردهاند که در برنامه های واقعی و مفهومی استفاده شدهاند. این وبسایتها به شما کمک میکنند تا آنچه را که نیاز دارید فورا پیدا کنید.
اما از کجا میتوان الهام گرفت و راه حلها را دریافت کرد؟
در این مقاله فهرستی از این وبسایتها برای یافتن الگوهای UI دنیای واقعی وجود دارد که میتواند به شما و تیمتان کمک کند تا جریانهای رایجی مانند ورود، وضعیت خالی، لودینگ صفحه، احراز هویت، صفحه اصلی، وضعیتهای خطا، جستجو/فیلترها، دعوت و اشتراکگذاری، پرداخت، گیمیفیکیشن و غیره را پیدا کنید.
۱. Screenlane
در این وبسایت الهام بگیرید و با آخرین روندهای طراحی رابط کاربری وب و اپلیکیشن موبایل همراه باشید.
۲. Pageflows
در این وبسایت میتوانید فلوی آنبوردینگ و ارتقا و تنزل حسابهای کاربری را در برندهای برتر چک کنید.
۳. Mobbin
مجموعهای دستچین شده از جدیدترین و بهترین الگوهای طراحی از برنامههای تلفن همراه است. در حال حاضر بیش از ۱۵۰ برنامه و ۸۰۰۰ الگو در این پلتفرم موجود است.
۴. UX Archive
این وبسایت مقصد اصلی برای یافتن فلوهای UX موبایل از برترین برنامههای موبایل جهان است.
۵. UI Sources
در این پلتفرم میتوانید از طراحی واقعی بهترین محصولات طراحی شده جهان الهام بگیرید.
در ادامه با خواندن مقاله در لینک زیر میتوانید با معرفی ۳۱ مورد دیگر از وبسایتها و پلتفرمهایی که به شما در پیدا کردن ایده و الهام برای طراحی بهتر کمک میکنند، آشنا شوید.
https://bit.ly/dxgn1065
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: بهاره حاجوی
#معرفی_منبع #پترن_ها #رابط_کاربر
@Dexign فلسفه دیزاین
_________
Medium
Practical UI Patterns That Were Used In Real And Conceptual Applications.
Finding design inspiration is needlessly painful. Each of us would like to develop a new, innovative solution for a given function when…
👍10
آپدیتهای جدید فیگما در کنفرانس ۲۰۲۳
۱- اولین تغییر اضافه کردن فیچری جدید و کاملتر برای دولوپرهاست، چیزی شبیه زپلین. این فیچر فاصلهها، اندازهها، رنگ و تمام المانها و کدهایی که دولوپرها نیاز دارند را در دکمهای کنار دکمه اشتراک گذاری نمایش میدهد.
۲- ساخت variable: ورینتها در طول دیزاین استفاده از المانهای مختلف در حالتهای مختلف را راحت و ساده میکنند و در صورت تغییر مواردی در دیزاین با تغییر آنها تمامی صفحاتی که ورینتی خاصد استفاده شده نیز تغییر میکند. در آپدیت جدید ورینتها آپدیت شدهاند و به گونهای تغییر کردهاند که زمان کمتری از ما در دیزاین، مدیریت دیزاین سیستم و ساخت پروتوتایپهای پیچیده بگیرد.
به عنوان مثال ساخت توکن برای مدیریت دیزاین سیستم، حرکت راحت بین اندازه فرمهای دستگاههای مختلف، پیش نمایش متون در زبانهای مختلف در دیزاین و تغییرات بسیار دیگری که توصیه میکنم نوشته مخصوص این قسمت را مشاهده کنید
۳- پروتوتایپ پیشرفته: قبلا برای ساخت پروتوتایپی با جزئيات بیشتر باید چندین صفحه و موارد زیادی رو به یکدیگر وصل میکردیم و یک اشتباه شاید باعث میشد تمام زمانی که گذاشتهایم به هدر رود اما در آپدیت اخیر کنترلهایی اضافه شده که تنها با انتخاب مدل و نحوه انجام آن المان نمایش داده میشود.
۴- فیچر auto layout: در ورژن جدید انعطاف بیشتری را برای اندازهها و امکان تغیین حداقلی و حداکثری اندازه در نظر گرفته شده است.
۵- قبلا برای انتخاب فونت باید هر کدام از مواردی را که میخواستیم انتخاب کنیم تا بتوانیم وضعیت دیزاین را ببینیم اما حالا امکان پیش مشاهده هر تایپفیس و یا وزنهای مختلف یک تایپفیس روی دیزاین قرار داده شدهاست.
میتوانید از لینک زیر به صورت تصویری و با توضیحات بیشتر درباره هرکدام از این تغییرات مطالعه کنید.
https://bit.ly/dxgn1066
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: فروزان فاضلی
#رابط_کاربر #UI #ابزار #فیگما
@Dexign فلسفه دیزاین
_________
۱- اولین تغییر اضافه کردن فیچری جدید و کاملتر برای دولوپرهاست، چیزی شبیه زپلین. این فیچر فاصلهها، اندازهها، رنگ و تمام المانها و کدهایی که دولوپرها نیاز دارند را در دکمهای کنار دکمه اشتراک گذاری نمایش میدهد.
۲- ساخت variable: ورینتها در طول دیزاین استفاده از المانهای مختلف در حالتهای مختلف را راحت و ساده میکنند و در صورت تغییر مواردی در دیزاین با تغییر آنها تمامی صفحاتی که ورینتی خاصد استفاده شده نیز تغییر میکند. در آپدیت جدید ورینتها آپدیت شدهاند و به گونهای تغییر کردهاند که زمان کمتری از ما در دیزاین، مدیریت دیزاین سیستم و ساخت پروتوتایپهای پیچیده بگیرد.
به عنوان مثال ساخت توکن برای مدیریت دیزاین سیستم، حرکت راحت بین اندازه فرمهای دستگاههای مختلف، پیش نمایش متون در زبانهای مختلف در دیزاین و تغییرات بسیار دیگری که توصیه میکنم نوشته مخصوص این قسمت را مشاهده کنید
۳- پروتوتایپ پیشرفته: قبلا برای ساخت پروتوتایپی با جزئيات بیشتر باید چندین صفحه و موارد زیادی رو به یکدیگر وصل میکردیم و یک اشتباه شاید باعث میشد تمام زمانی که گذاشتهایم به هدر رود اما در آپدیت اخیر کنترلهایی اضافه شده که تنها با انتخاب مدل و نحوه انجام آن المان نمایش داده میشود.
۴- فیچر auto layout: در ورژن جدید انعطاف بیشتری را برای اندازهها و امکان تغیین حداقلی و حداکثری اندازه در نظر گرفته شده است.
۵- قبلا برای انتخاب فونت باید هر کدام از مواردی را که میخواستیم انتخاب کنیم تا بتوانیم وضعیت دیزاین را ببینیم اما حالا امکان پیش مشاهده هر تایپفیس و یا وزنهای مختلف یک تایپفیس روی دیزاین قرار داده شدهاست.
میتوانید از لینک زیر به صورت تصویری و با توضیحات بیشتر درباره هرکدام از این تغییرات مطالعه کنید.
https://bit.ly/dxgn1066
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: فروزان فاضلی
#رابط_کاربر #UI #ابزار #فیگما
@Dexign فلسفه دیزاین
_________
👍16❤5⚡1
طراحی برای گذار بیانگر دورهایست که ما در آن زندگی میکنیم که همه چیز در آن در حال گذار و دگرگونیست. فرضیه اصلی آن نیاز به گذارهای اجتماعی به سمت آیندهای پایدارتر است و نقش کلیدی طراحی در این مقوله را مطرح میکند.
طراحی برای گذار با درک عمیقی که از به هم پیوستگی سیستمهای اجتماعی، اقتصادی، سیاسی و طبیعی دارد، مسائل را در سطوح مکانی و زمانی به گونهای بررسی میکند که کیفیت زندگی انسان را بهبود بخشد.
طراحی برای گذار به دنبال بازتعریف مفهوم سبک زندگیست، با این هدف که آن را بیشتر وابسته به مکان، دلنشین و مشارکتی کند و میان سبکهای زندگی و محیط طبیعی هارمونی ایجاد نماید. تمرکز طراحی برای گذار بر مفهوم «بومیگرایی جهان شهری» است، سبک زندگیای که مبتنی بر مکان و محلیست اما به لحاظ آگاهی و تبادل اطلاعات و تکنولوژی در سطح جهانی قرار دارد.
در این گفتوگو سینا حسنلو، طراح و توسعهدهندهی محصول، تجربیات و مطالعات سالهای فعالیت خود در رابطه با این موضوع را با ما به اشتراک خواهد گذاشت.
ثبتنام:
https://eseminar.tv/wb108406
@Dexign فلسفه دیزاین
_________
طراحی برای گذار با درک عمیقی که از به هم پیوستگی سیستمهای اجتماعی، اقتصادی، سیاسی و طبیعی دارد، مسائل را در سطوح مکانی و زمانی به گونهای بررسی میکند که کیفیت زندگی انسان را بهبود بخشد.
طراحی برای گذار به دنبال بازتعریف مفهوم سبک زندگیست، با این هدف که آن را بیشتر وابسته به مکان، دلنشین و مشارکتی کند و میان سبکهای زندگی و محیط طبیعی هارمونی ایجاد نماید. تمرکز طراحی برای گذار بر مفهوم «بومیگرایی جهان شهری» است، سبک زندگیای که مبتنی بر مکان و محلیست اما به لحاظ آگاهی و تبادل اطلاعات و تکنولوژی در سطح جهانی قرار دارد.
در این گفتوگو سینا حسنلو، طراح و توسعهدهندهی محصول، تجربیات و مطالعات سالهای فعالیت خود در رابطه با این موضوع را با ما به اشتراک خواهد گذاشت.
ثبتنام:
https://eseminar.tv/wb108406
@Dexign فلسفه دیزاین
_________
❤1👍1
دارک مود، باعث یا حلال مشکلات کاربردپذیری؟
دارک مود معرکه نیست؟ جذاب، فراگیر، کاربردپذیر و پایدار. حتی آسیبی که با استفاده از گوشی در شب به چرخه خوابتان وارد میکنید را کم میکند. پس وقتی اپلیکیشنی با پس زمینه تاریک و نوشتههای روشن معرفی میشود، کاربردپذیریاش عالی هست، نه؟
جواب منفی است. برای گروهی از کاربران دارک مود اصلا مناسب نیست. دارک مود میتواند باعث ایجاد halation effect (اثر هالهای) در کسانی که مشکل دید آستیگمات دارند بشود. این مشکل به این معناست که کاربر متن و تصویر را با هالهای دورش میبیند. نویسنده این مقاله که خود دچار این مشکل است، درباره ی آستیگمات و مشکلات دارک مود توضیح میدهد.
باید توجه کرد که نزدیک به ۵۰ درصد افراد دچار آستیگمات هستند و این به معنای آن است که دارک مود برای نزدیک ۵۰ درصد افراد جامعه نه تنها کاربردپذیری را بهبود نمیدهد، بلکه پتانسیل آن را دارد که به طور جدی ایجاد مشکل در خوانایی و وضوح کند. این مشکل هر چه فونت کوچکتر باشد و خطوط به هم نزدیکتر باشند بیشتر میشود.
با توجه به تحقیقات پیشین ، برای کاربران عمومی اینترنت، عموماً بهترین تضاد رنگها عبارتند از:
۱- سیاه روی سفید
۲- مشکی روی خاکستری
۳- آبی روی سفید
۴- سفید روی سیاه
۵- مشکی روی زرد
اما این برای افراد با دید "عادی" است، نه زمانی که شما برای مخاطبین دارای آستیگمات طراحی میکنید. به عنوان مثال اکنون در بسیاری از کنفرانسهای دانشگاهی، متن سفید روی پس زمینه سیاه برای اسلایدها و ارائهها به طور کلی ممنوع است.
برخی پیشنهاد کردهاند که کنتراست رنگ به خاکستری روی سفید، و سفید روی خاکستری کاهش یابد، اما این تغییر هم با توجه به کم شدن کنتراست میتواند مشکلاتی را برای کاربران دارای دیگر نیازهای بصری ایجاد کند.
در نهایت چه ترکیب رنگیای برای همه کاربران بهترین انتخاب است؟ حقیقت این است که در این باره یک راه حل کلی که برای همه کاربران جواب بدهد نداریم. "بهترین" برای افراد مختلف متفاوت است. پس باید چه کار کرد؟
بهترین راه حل این است که کنترل را به کاربر دهید. اگر ما مدعی هستیم که هدفمان بالا بردن کاربردپذیری محصول است پس دارک مود هم مثل باقی قابلیتهای کاربردپذیری باید برای کاربر یک آپشن قابل انتخاب باشد و نه یک اجبار و پیشفرض. کاربر باید بتواند تنظیمات را تا حد امکان کنترل کند تا نسخهای متناسب با نیازهای فردی خود ایجاد کند. انتخاب حالت روشن و تیره را به کاربر بسپارید.
برای مطالعه کامل مقاله میتوانید به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1067
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: مریم نوربها
#تجربه_کاربر #کاربردپذیری
@Dexign فلسفه دیزاین
_________
دارک مود معرکه نیست؟ جذاب، فراگیر، کاربردپذیر و پایدار. حتی آسیبی که با استفاده از گوشی در شب به چرخه خوابتان وارد میکنید را کم میکند. پس وقتی اپلیکیشنی با پس زمینه تاریک و نوشتههای روشن معرفی میشود، کاربردپذیریاش عالی هست، نه؟
جواب منفی است. برای گروهی از کاربران دارک مود اصلا مناسب نیست. دارک مود میتواند باعث ایجاد halation effect (اثر هالهای) در کسانی که مشکل دید آستیگمات دارند بشود. این مشکل به این معناست که کاربر متن و تصویر را با هالهای دورش میبیند. نویسنده این مقاله که خود دچار این مشکل است، درباره ی آستیگمات و مشکلات دارک مود توضیح میدهد.
باید توجه کرد که نزدیک به ۵۰ درصد افراد دچار آستیگمات هستند و این به معنای آن است که دارک مود برای نزدیک ۵۰ درصد افراد جامعه نه تنها کاربردپذیری را بهبود نمیدهد، بلکه پتانسیل آن را دارد که به طور جدی ایجاد مشکل در خوانایی و وضوح کند. این مشکل هر چه فونت کوچکتر باشد و خطوط به هم نزدیکتر باشند بیشتر میشود.
با توجه به تحقیقات پیشین ، برای کاربران عمومی اینترنت، عموماً بهترین تضاد رنگها عبارتند از:
۱- سیاه روی سفید
۲- مشکی روی خاکستری
۳- آبی روی سفید
۴- سفید روی سیاه
۵- مشکی روی زرد
اما این برای افراد با دید "عادی" است، نه زمانی که شما برای مخاطبین دارای آستیگمات طراحی میکنید. به عنوان مثال اکنون در بسیاری از کنفرانسهای دانشگاهی، متن سفید روی پس زمینه سیاه برای اسلایدها و ارائهها به طور کلی ممنوع است.
برخی پیشنهاد کردهاند که کنتراست رنگ به خاکستری روی سفید، و سفید روی خاکستری کاهش یابد، اما این تغییر هم با توجه به کم شدن کنتراست میتواند مشکلاتی را برای کاربران دارای دیگر نیازهای بصری ایجاد کند.
در نهایت چه ترکیب رنگیای برای همه کاربران بهترین انتخاب است؟ حقیقت این است که در این باره یک راه حل کلی که برای همه کاربران جواب بدهد نداریم. "بهترین" برای افراد مختلف متفاوت است. پس باید چه کار کرد؟
بهترین راه حل این است که کنترل را به کاربر دهید. اگر ما مدعی هستیم که هدفمان بالا بردن کاربردپذیری محصول است پس دارک مود هم مثل باقی قابلیتهای کاربردپذیری باید برای کاربر یک آپشن قابل انتخاب باشد و نه یک اجبار و پیشفرض. کاربر باید بتواند تنظیمات را تا حد امکان کنترل کند تا نسخهای متناسب با نیازهای فردی خود ایجاد کند. انتخاب حالت روشن و تیره را به کاربر بسپارید.
برای مطالعه کامل مقاله میتوانید به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1067
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: مریم نوربها
#تجربه_کاربر #کاربردپذیری
@Dexign فلسفه دیزاین
_________
Medium
Why dark mode causes more accessibility issues than it solves
Dark mode. Isn’t it marvellous? All cool and trendy and accessible and sustainable. Or maybe not…
👍19❤1🥰1🙏1👌1
نکاتی درباره پورتفولیو از زبان جونیوری موفق
اگر به دنبال کار به عنوان طراح تجربه کاربری میگردید، این مطلب میتواند به شما کمک کند.
- آیا شما هم بیش از هرچیزی به زیبایی پورتفولیو خود اهمیت میدهید؟
"طبق تجربه من کارفرما بیش از هرگونه جذابیت ظاهری به صداقت و اعتبار و مستند بودن پورتفولیو توجه میکند. آنها از اینکه بدانند ما چه رویکردی برای حل مسائل خود داشتهایم، چگونه با دیگران همکاری کردهایم و چگونه با پروژههای مختلف خود را سازگار میکنیم، بیشتر استقبال میکنند. "
- رفتار و نگاه ما به پورتفولیو بسیار مهم است.
"با پورتفولیو خود دقیقا مانند یک محصول برخورد کنید. تست، تکرار و تلاش دوباره."
- آیا به نظر شما تطابق دادن پورتفولیو با موقعیتهای مختلف شغلی، کاری زمانبر و بینتیجه است؟
"تطابق رزومه و پورتفولیو کلید موفقیت در ارائه کار خود و همچنین افزایش شانس موفقیت در کسب موقعیت شغلی مورد نظر شماست. نگران نباشید! نیازی به بازطراحی تمام پورتفولیو خود برای آن موقعیت خاص ندارید. تنها با تغییر عنوان پورتفولیو و تطابق آن با موقعیت مورد نظر، میتوانید تا حد زیادی این مسئله را در پورتفولیو خود نشان دهید. ولی با مطالعه نیازمندیهای هر موقعیت خاص میتوانید مهارتهایی از خود را که مطابق آن موقعیت است بیشتر در معرض دید قرار دهید. ..."
- آیا با اهمیت داشتن روند داستانی و روایتگرانه در پورتفولیو آشنا هستید؟
"داستانگویی (Story telling) از مهارتهای مهمی است که میتواند تمایز قابل توجهی در شما ایجاد کند. به جای توضیح ساده کیس استادی، از روند طی شده در طراحی و خروجیهای حاصل از آن برای درگیر کردن هرچه بیشتر مخاطب با محتوای خود استفاده کنید.
مطلب کامل را میتوانید از لینک زیر مطالعه کنید:
https://bit.ly/dxgn1068
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: هادی فرجیان
#مسیر_شغلی #پورتفولیو
@Dexign فلسفه دیزاین
_________
اگر به دنبال کار به عنوان طراح تجربه کاربری میگردید، این مطلب میتواند به شما کمک کند.
- آیا شما هم بیش از هرچیزی به زیبایی پورتفولیو خود اهمیت میدهید؟
"طبق تجربه من کارفرما بیش از هرگونه جذابیت ظاهری به صداقت و اعتبار و مستند بودن پورتفولیو توجه میکند. آنها از اینکه بدانند ما چه رویکردی برای حل مسائل خود داشتهایم، چگونه با دیگران همکاری کردهایم و چگونه با پروژههای مختلف خود را سازگار میکنیم، بیشتر استقبال میکنند. "
- رفتار و نگاه ما به پورتفولیو بسیار مهم است.
"با پورتفولیو خود دقیقا مانند یک محصول برخورد کنید. تست، تکرار و تلاش دوباره."
- آیا به نظر شما تطابق دادن پورتفولیو با موقعیتهای مختلف شغلی، کاری زمانبر و بینتیجه است؟
"تطابق رزومه و پورتفولیو کلید موفقیت در ارائه کار خود و همچنین افزایش شانس موفقیت در کسب موقعیت شغلی مورد نظر شماست. نگران نباشید! نیازی به بازطراحی تمام پورتفولیو خود برای آن موقعیت خاص ندارید. تنها با تغییر عنوان پورتفولیو و تطابق آن با موقعیت مورد نظر، میتوانید تا حد زیادی این مسئله را در پورتفولیو خود نشان دهید. ولی با مطالعه نیازمندیهای هر موقعیت خاص میتوانید مهارتهایی از خود را که مطابق آن موقعیت است بیشتر در معرض دید قرار دهید. ..."
- آیا با اهمیت داشتن روند داستانی و روایتگرانه در پورتفولیو آشنا هستید؟
"داستانگویی (Story telling) از مهارتهای مهمی است که میتواند تمایز قابل توجهی در شما ایجاد کند. به جای توضیح ساده کیس استادی، از روند طی شده در طراحی و خروجیهای حاصل از آن برای درگیر کردن هرچه بیشتر مخاطب با محتوای خود استفاده کنید.
مطلب کامل را میتوانید از لینک زیر مطالعه کنید:
https://bit.ly/dxgn1068
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: هادی فرجیان
#مسیر_شغلی #پورتفولیو
@Dexign فلسفه دیزاین
_________
Medium
Portfolio Tips from a Junior UX Designer Who Landed Multiple Interviews and Offers at Top Companies
As a Junior UX Designer, I understand the struggle of navigating the job-hunting process and creating a portfolio that stands out. It can…
👍12⚡2❤2
اپلیکیشن پیشرونده و واکنشگرا چه تفاوتی با هم دارند؟
احتمالا شما هم عبارات PWA و RWA به گوشتان خورده یا روزانه با آنها سروکار دارید. در این مقاله به تفاوت آنها میپردازیم.
PWA : Progressive Web Applications
RWA : Responsive Web Applications
همانطور که میدانیم تعداد کاربران موبایل روز به روز افزایش پیدا میکنند و به طبع انتظار میرود تا کاربران اکثر کارهای روزانه خود را نیز با موبایل انجام دهند، مانند رزرو تاکسی، پیدا کردن نزدیکترین رستوران و... این امر نیاز به طراحی و ساخت اینترفیس (رابط بصری) هایی که استفاده از موبایل را راحتتر میکنند را بیشتر میکند. اما کدام یک از موارد بالا گزینه بهتری برای محصول ما است؟
در این مقاله ابتدا به تعریف مختصری از هر دو اشاره شده و سپس به تفاوت این دو مورد از نظر سرعت، هزینه، پتانسیل کار کردن آنلاین/آفلاین و... پرداخته شده است تا بتوانیم تصمیم درستتری بگیریم.
وب اپلیکیشنهای پیشرونده (Progressive Web Applications) در سال ۲۰۱۵ توسط گوگل معرفی شد و وبسایتی است که از بهروزترین قابلیتهای وب استفاده میکند اما ظاهر و کارکرد آن شبیه اپلیکیشنی معمولی است. به این اپلیکیشنها پیشرونده میگویند زیرا در هر دستگاه و سیستمی قابل استفاده هستند و برخلاف اپلیکیشنهای بومی نیازی به دانلود و نصب ندارند، همچنین بدون اتصال به اینترنت و حتی با سرعت پایین اینترنت نیز قابل استفاده هستند.
اپلیکیشنهای واکنش گرا (Responsive Web Applications) که از زمان عرضه آیفون در سال ۲۰۰۷ معرفی شدند، نوعی طراحی وب سایت است که توسط آن، صفحات وب سایت مناسب با دستگاهی که کاربران استفاده میکنند از خود واکنش نشان میدهد.
این فقط بخشی از مقاله است و پیشنهاد میکنم برای خواندن ادامه مطلب به لینک زیر مراجعه کنید.
https://bit.ly/dxgn1069
(زمان حدودی مطالعه: ۵ دقیقه)
گرآوردنده: ملیکا فخرفاطمی
#رابط_کاربر #ریسپانسیو
@Dexign فلسفه دیزاین
_________
احتمالا شما هم عبارات PWA و RWA به گوشتان خورده یا روزانه با آنها سروکار دارید. در این مقاله به تفاوت آنها میپردازیم.
PWA : Progressive Web Applications
RWA : Responsive Web Applications
همانطور که میدانیم تعداد کاربران موبایل روز به روز افزایش پیدا میکنند و به طبع انتظار میرود تا کاربران اکثر کارهای روزانه خود را نیز با موبایل انجام دهند، مانند رزرو تاکسی، پیدا کردن نزدیکترین رستوران و... این امر نیاز به طراحی و ساخت اینترفیس (رابط بصری) هایی که استفاده از موبایل را راحتتر میکنند را بیشتر میکند. اما کدام یک از موارد بالا گزینه بهتری برای محصول ما است؟
در این مقاله ابتدا به تعریف مختصری از هر دو اشاره شده و سپس به تفاوت این دو مورد از نظر سرعت، هزینه، پتانسیل کار کردن آنلاین/آفلاین و... پرداخته شده است تا بتوانیم تصمیم درستتری بگیریم.
وب اپلیکیشنهای پیشرونده (Progressive Web Applications) در سال ۲۰۱۵ توسط گوگل معرفی شد و وبسایتی است که از بهروزترین قابلیتهای وب استفاده میکند اما ظاهر و کارکرد آن شبیه اپلیکیشنی معمولی است. به این اپلیکیشنها پیشرونده میگویند زیرا در هر دستگاه و سیستمی قابل استفاده هستند و برخلاف اپلیکیشنهای بومی نیازی به دانلود و نصب ندارند، همچنین بدون اتصال به اینترنت و حتی با سرعت پایین اینترنت نیز قابل استفاده هستند.
اپلیکیشنهای واکنش گرا (Responsive Web Applications) که از زمان عرضه آیفون در سال ۲۰۰۷ معرفی شدند، نوعی طراحی وب سایت است که توسط آن، صفحات وب سایت مناسب با دستگاهی که کاربران استفاده میکنند از خود واکنش نشان میدهد.
این فقط بخشی از مقاله است و پیشنهاد میکنم برای خواندن ادامه مطلب به لینک زیر مراجعه کنید.
https://bit.ly/dxgn1069
(زمان حدودی مطالعه: ۵ دقیقه)
گرآوردنده: ملیکا فخرفاطمی
#رابط_کاربر #ریسپانسیو
@Dexign فلسفه دیزاین
_________
Medium
Progressive Web Apps vs Responsive Web Apps: How they are Different from Each Other?
As we all know, smartphones are catching up to the lifestyles of its users. That’s no secret, users seeking every solution in their phones…
👍12⚡3
زمان مناسب برای انجام تحقیقات کاربر
این سوال فقط برای طراحان محصول یا فریلنسرها نیست بلکه در رابطه با مدیران محصول و تمام کسانی که وظیفه تصمیمگیری برای یک محصول یا فیچر را دارند نیز مطرح میشود.
گرفتن تصمیم برای انجام تحقیقات روی یک محصول علاوه براینکه نیازمند اطلاعات و دانش اولیهای در نحوه تصمیمگیری است نیازمند تجربه محصولات مختلف و موقعیتهای متفاوت است و ممکن است تصمیمگیری نادرست هزینه مالی و زمانی بسیاری برای کسبوکار داشته باشد. تحقیقات باید زمانی انجام شود که ارزش افزودهای برای کسبوکار داشته باشد.
برای اینکه تصمیمگیری راحتتر باشد شناخت موقعیتهایی که نیاز به تحقیقات ندارد میتواند سادهتر باشد و این مقاله به خوبی این موقعیتها را با پرسش چند سوال توضیح میدهد.
و از طرفی به این میپرداز که تحقیقات کاربر میتواند در چهار نوع از تصمیمات شرکتها کمک کننده باشد و ارزش افزودهای داشته باشد:
۱- چشمانداز: ایجاد شفافیت در دلیل وجود محصول یا فیچر، توسعه محصول
۲- استراتژی: ساخت تصویر واضحی از رفتارها، انتظارات و ناامیدیهای مشتریان برای تعریف یک برنامه اقدامی (action plane).
۳- تعریف Definition: تعریف چگونگی رفتار و تعامل کاربر با راهحل ارائه شده.
۴-ارزیابی: ارزیابی محصول و فیچر و پاسخ به سوالاتی مانند، آیا این محصول بهتر از محصولات قبلیست؟ چه جنبههای جدیدی دارد؟ چگونه دادههایی برای تعیین کارایی محصول و فیچر جدید جمع آوری کنیم؟
توصیه میکنم حتما به مقاله سر بزنید زیرا روشهای تحقیقی که در هر مورد میتواند کمککننده باشد را نیز معرفی کرده است.
https://bit.ly/dxgn1070
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #تحقیقات_کاربر
@Dexign فلسفه دیزاین
_________
این سوال فقط برای طراحان محصول یا فریلنسرها نیست بلکه در رابطه با مدیران محصول و تمام کسانی که وظیفه تصمیمگیری برای یک محصول یا فیچر را دارند نیز مطرح میشود.
گرفتن تصمیم برای انجام تحقیقات روی یک محصول علاوه براینکه نیازمند اطلاعات و دانش اولیهای در نحوه تصمیمگیری است نیازمند تجربه محصولات مختلف و موقعیتهای متفاوت است و ممکن است تصمیمگیری نادرست هزینه مالی و زمانی بسیاری برای کسبوکار داشته باشد. تحقیقات باید زمانی انجام شود که ارزش افزودهای برای کسبوکار داشته باشد.
برای اینکه تصمیمگیری راحتتر باشد شناخت موقعیتهایی که نیاز به تحقیقات ندارد میتواند سادهتر باشد و این مقاله به خوبی این موقعیتها را با پرسش چند سوال توضیح میدهد.
و از طرفی به این میپرداز که تحقیقات کاربر میتواند در چهار نوع از تصمیمات شرکتها کمک کننده باشد و ارزش افزودهای داشته باشد:
۱- چشمانداز: ایجاد شفافیت در دلیل وجود محصول یا فیچر، توسعه محصول
۲- استراتژی: ساخت تصویر واضحی از رفتارها، انتظارات و ناامیدیهای مشتریان برای تعریف یک برنامه اقدامی (action plane).
۳- تعریف Definition: تعریف چگونگی رفتار و تعامل کاربر با راهحل ارائه شده.
۴-ارزیابی: ارزیابی محصول و فیچر و پاسخ به سوالاتی مانند، آیا این محصول بهتر از محصولات قبلیست؟ چه جنبههای جدیدی دارد؟ چگونه دادههایی برای تعیین کارایی محصول و فیچر جدید جمع آوری کنیم؟
توصیه میکنم حتما به مقاله سر بزنید زیرا روشهای تحقیقی که در هر مورد میتواند کمککننده باشد را نیز معرفی کرده است.
https://bit.ly/dxgn1070
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فروزان فاضلی
#تجربه_کاربر #تحقیقات_کاربر
@Dexign فلسفه دیزاین
_________
Userinterviews
When is the Right Time to do UX Research?
Every project should rely on UX research insights, but research isn’t always the first step. Learn when to use research methods to drive 4 different decision types, sourced from the User Interviews’ playbook.
👍6❤1