UIUX WorkShop
#نقد #نقد_طراحی هوم پیج سایت رجا به آدرس raja.ir رو میبینیم نکته اول اینه که ظاهر نه چندان مدرن سایت ممکنه به کاربرها این حس رو منتقل کنه که قطار ها و ساز و کارشون هم قدیمی و غیرمدرن هست اگر به هدر سایت دقت کنید سرچ رو میبینید که واقعا سواله چرا اونجا گذاشتنش…
#نقد #نقد_طراحی
بخش جستجوی بلیط سایت رجا ( به آدرس raja.ir ) رو در صفحه اصلی میتونیم ببینیم
چندباری تست کردمش تا بفهممش
الان به نظرتون حالت رفت و برگشت فعاله؟ یا حالت یکطرفه؟
ظاهرش نشون میده رفت و برگشت فعاله و روشنه (و یک طرفه شبیه حالت غیرفعال یا Disable هست ، انگار خاموشه)...
ولی اگر به بخش تاریخش دقت کنید میبینید که تاریخ برگشت خاموشه و کاربر نمیتونه انتخاب کنه چیزی رو
در نتیجه مسیر یک طرفه است...
واقعا نباید کاربر رو به این دردسرها انداخت... نکنید اینکارهارو
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
بخش جستجوی بلیط سایت رجا ( به آدرس raja.ir ) رو در صفحه اصلی میتونیم ببینیم
چندباری تست کردمش تا بفهممش
الان به نظرتون حالت رفت و برگشت فعاله؟ یا حالت یکطرفه؟
ظاهرش نشون میده رفت و برگشت فعاله و روشنه (و یک طرفه شبیه حالت غیرفعال یا Disable هست ، انگار خاموشه)...
ولی اگر به بخش تاریخش دقت کنید میبینید که تاریخ برگشت خاموشه و کاربر نمیتونه انتخاب کنه چیزی رو
در نتیجه مسیر یک طرفه است...
واقعا نباید کاربر رو به این دردسرها انداخت... نکنید اینکارهارو
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
#خلاقیت #گیف
در اپلیکیشن هایی که کاربر منتظر رسیدن بسته پستی ، رسیدن به مقصد ، ساعت پرواز و ... هست ، میتونید بجای نوشتن متن های زیاد برای هرحالت ، از این حرکتای باحال بزنید چون کاربرا دیدن المان های بصری رو از خوندن متنها بیشتر دوست دارن :)
@UIUXWorkshop
نکات آموزشی UI/UX☝️
در اپلیکیشن هایی که کاربر منتظر رسیدن بسته پستی ، رسیدن به مقصد ، ساعت پرواز و ... هست ، میتونید بجای نوشتن متن های زیاد برای هرحالت ، از این حرکتای باحال بزنید چون کاربرا دیدن المان های بصری رو از خوندن متنها بیشتر دوست دارن :)
@UIUXWorkshop
نکات آموزشی UI/UX☝️
راستی تا دیرتر نشده امروز ۲۷ آوریل روز جهانی گرافیک رو به همه ی گرافیستای این دنیا و اون دنیا تبریک میگم :)
لحظه هاتون گرافیکی
(تصویرسازی اثر آقای حسین یکتاپور)
@UIUXWorkshop
نکات آموزشی UI/UX☝️
لحظه هاتون گرافیکی
(تصویرسازی اثر آقای حسین یکتاپور)
@UIUXWorkshop
نکات آموزشی UI/UX☝️
#نکات
🤔تصاویر پروفایل اپلیکیشن و سایت شما چه شکلی است؟
💢اگر مربعی شکل است،که متاسفانه شکل مربع برای تصویر پروفایل مناسب نیست. زیرا باعث میشود دیدن چهره و تشخیص آن سخت شود.
⭕️ یک تصویر پروفایل دایرهای شکل خیلی بهتر از مربعی کار میکند زیرا چهره را بیشتر نشان میدهد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🤔تصاویر پروفایل اپلیکیشن و سایت شما چه شکلی است؟
💢اگر مربعی شکل است،که متاسفانه شکل مربع برای تصویر پروفایل مناسب نیست. زیرا باعث میشود دیدن چهره و تشخیص آن سخت شود.
⭕️ یک تصویر پروفایل دایرهای شکل خیلی بهتر از مربعی کار میکند زیرا چهره را بیشتر نشان میدهد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
اینویژن استودیو برای ویندوز نیز عرضه شد https://www.invisionapp.com/studio اینویژن استودیو یکی از بهترین برنامه های طراحی در زمینه رابط کاربری و تجربه کاربری ست که از ویژگی های خوبی مانند پروتوتایپ و اشتراکگذاری برخوردار است دوستان ویندوزی بهم خبر بدید…
http://s8.picofile.com/file/8358808668/InVision_Studio_Setup_1_11_0_exe.zip.html
دوستانی که روی ویندوز مشکل دریافت این نسخه رو دارن میتونن از لینک بالا استفاده کنن
ممنون از دانیال آجلو که زحمت کشیدن و فایل نصب ویندوزی رو با ما به اشتراک گذاشتند
دوستان ویندوزی بهم خبر بدید 🙂
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
دوستانی که روی ویندوز مشکل دریافت این نسخه رو دارن میتونن از لینک بالا استفاده کنن
ممنون از دانیال آجلو که زحمت کشیدن و فایل نصب ویندوزی رو با ما به اشتراک گذاشتند
دوستان ویندوزی بهم خبر بدید 🙂
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
#نمونه
#ایده
#گیف
👌با طرح های ساده و انیمیشن های نرم با کاربرانتان ارتباط برقرار کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ایده
#گیف
👌با طرح های ساده و انیمیشن های نرم با کاربرانتان ارتباط برقرار کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
https://cantunsee.space/
یه بازی خییییلی خفن مخصوص اونایی که ادعای دیزاینر بودن دارن :)) بشتابید
توی این بازی باید ببینید چقد چشم دیزاینی تون قوی هست
حالا بازی کنید خودتون متوجه میشید
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
یه بازی خییییلی خفن مخصوص اونایی که ادعای دیزاینر بودن دارن :)) بشتابید
توی این بازی باید ببینید چقد چشم دیزاینی تون قوی هست
حالا بازی کنید خودتون متوجه میشید
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
سایت collectui وب سایتی برای طراحان و توسعه دهندگان است تا منابع مورد نیاز را برای ساخت اپلیکیشن ها و سایت ها را پیدا کنند و با دیگران به اشتراک بگذارند.
http://collectui.com/
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
سایت collectui وب سایتی برای طراحان و توسعه دهندگان است تا منابع مورد نیاز را برای ساخت اپلیکیشن ها و سایت ها را پیدا کنند و با دیگران به اشتراک بگذارند.
http://collectui.com/
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
🎁هدیه دادن=جذب مشتری
یکی از راههای جذب مشتری پاداش دادن به آنها می باشد.
این راه یک روش تاثیرگذار است.و این حس را به مشتری القا می کند که شما برای او ارزش قائل هستید.و ایجاد این حس می تواند به سود شما تمام شود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🎁هدیه دادن=جذب مشتری
یکی از راههای جذب مشتری پاداش دادن به آنها می باشد.
این راه یک روش تاثیرگذار است.و این حس را به مشتری القا می کند که شما برای او ارزش قائل هستید.و ایجاد این حس می تواند به سود شما تمام شود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
پادکست-استراتژی قیمت گذاری
@UIUXWorkshop
#پادکست
🎧 استراتژی قیمت گذاری
( دوستان این در اصل یک پادکست حرفه ای نیست فقط یک صحبت دوستانه است که در اون یک کتاب معرفی شده تا هرچه سریع تر مطلب به گوشتون برسه... وگرنه خیلی باید روش کارمیشد و قطعا هم دیرتر میرسید زمان رو از دست میدادیم 🌷)
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🎧 استراتژی قیمت گذاری
( دوستان این در اصل یک پادکست حرفه ای نیست فقط یک صحبت دوستانه است که در اون یک کتاب معرفی شده تا هرچه سریع تر مطلب به گوشتون برسه... وگرنه خیلی باید روش کارمیشد و قطعا هم دیرتر میرسید زمان رو از دست میدادیم 🌷)
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
💢مجموعه پس زمینه های گرادیانی زیبا
https://webgradients.com
این سایت شامل 180 بکگراند گرادیانی زیبا و رایگان است .شما میتونین گرادیان های موجود رو مشاهده و بررسی کنید و هر کدام را که خواستید کد CSS مربوط به هر گرادیان را از همان قسمت دریافت نمایید.همچنین میتونین این پس زمینه ها رو در Photoshop و Sketch نیز مورد استفاده قرار بدین.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
💢مجموعه پس زمینه های گرادیانی زیبا
https://webgradients.com
این سایت شامل 180 بکگراند گرادیانی زیبا و رایگان است .شما میتونین گرادیان های موجود رو مشاهده و بررسی کنید و هر کدام را که خواستید کد CSS مربوط به هر گرادیان را از همان قسمت دریافت نمایید.همچنین میتونین این پس زمینه ها رو در Photoshop و Sketch نیز مورد استفاده قرار بدین.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#فان
شماهم این مشکلو دارین؟😂
نظم داشتن در نامگذاری فایل ها و لایه ها شاید اولش کمی وقت گیر باشه ولی هرچه جلوتر میرید قدرشو میدونید :)
خودم از این روش استفاده میکنم که نام هر فایل رو با یک عدد شروع میکنم بعد اسم اون صفحه ای که دیزاین شده رو مینویسم :
1_Homepage
حالا اگر ورژن های متفاوت یا تغییراتی داشت ، به انتهای اسمش اضافه میکنم:
1_Homepage_v2_withslideshow
اینطوری هم با دیدن اسم متوجه میشم چه خبره و هم نظم خوبی میگیره :)
تجربیاتتون رو درمورد روش های نامگذاری بهمون بگید
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
شماهم این مشکلو دارین؟😂
نظم داشتن در نامگذاری فایل ها و لایه ها شاید اولش کمی وقت گیر باشه ولی هرچه جلوتر میرید قدرشو میدونید :)
خودم از این روش استفاده میکنم که نام هر فایل رو با یک عدد شروع میکنم بعد اسم اون صفحه ای که دیزاین شده رو مینویسم :
1_Homepage
حالا اگر ورژن های متفاوت یا تغییراتی داشت ، به انتهای اسمش اضافه میکنم:
1_Homepage_v2_withslideshow
اینطوری هم با دیدن اسم متوجه میشم چه خبره و هم نظم خوبی میگیره :)
تجربیاتتون رو درمورد روش های نامگذاری بهمون بگید
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
برای جلوگیری از اشتباه کاربران در استفاده از آیکون ها padding بیشتری به آنها بدهید. با قرار دادن انگشت خود بر روی آیکون، بررسی کنید که آیا آیکن ها دارای padding کافی می باشند.
✔️این نکته بسیار مهمی در کاربر پسند بودن سایت و یا اپلیکیشن می باشد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
برای جلوگیری از اشتباه کاربران در استفاده از آیکون ها padding بیشتری به آنها بدهید. با قرار دادن انگشت خود بر روی آیکون، بررسی کنید که آیا آیکن ها دارای padding کافی می باشند.
✔️این نکته بسیار مهمی در کاربر پسند بودن سایت و یا اپلیکیشن می باشد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
#نکات
📋 ایجاد فرم با اعتبارسنجی درون خطی
زمانی که خطایی در وارد کردن اطلاعات در فرم ها رخ میدهد بهتر است خطای مورد نظر برای هر فیلد از فرم به صورت آنی به کاربر نمایش دهید. به این صورت که فیلد مورد نظر هایلایت شود و کاربر دقیقا فیلد و نحوه درست وارد کردن فیلد مشاهده نماید که اصطلاحا به این عمل اعتبارسنجی درون خطی می گویند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📋 ایجاد فرم با اعتبارسنجی درون خطی
زمانی که خطایی در وارد کردن اطلاعات در فرم ها رخ میدهد بهتر است خطای مورد نظر برای هر فیلد از فرم به صورت آنی به کاربر نمایش دهید. به این صورت که فیلد مورد نظر هایلایت شود و کاربر دقیقا فیلد و نحوه درست وارد کردن فیلد مشاهده نماید که اصطلاحا به این عمل اعتبارسنجی درون خطی می گویند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
#آموزش
❤️آموزش کوتاه طراحی ایکن قلب برای دوستان علاقمنده به ایکندیزاین
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
❤️آموزش کوتاه طراحی ایکن قلب برای دوستان علاقمنده به ایکندیزاین
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
✴️کاربران محترم کانال UIUXWorkshop
شما میتوانید با ضربه زدن بر روی هشتگ های زیر از دسته بندی های محتوای کانال بهره مند شوید و به راحتی به مطالب موردعلاقه تان دسترسی پیدا نمایید.
🔽 🔽 🔽
⚜️ #نکات
⚜️ #پالت_رنگ
⚜️ #نقد ، #نقد_طراحی
⚜️ #فان
⚜️ #آموزش
⚜️ #ابزار ، #معرفی_سایت
⚜️ #توسعه
⚜️ #پادکست
⚜️ #خلاقیت ، #ایده ، #گیف
⚜️ #مقاله_خوانی
⚜️ #انگیزشی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
شما میتوانید با ضربه زدن بر روی هشتگ های زیر از دسته بندی های محتوای کانال بهره مند شوید و به راحتی به مطالب موردعلاقه تان دسترسی پیدا نمایید.
🔽 🔽 🔽
⚜️ #نکات
⚜️ #پالت_رنگ
⚜️ #نقد ، #نقد_طراحی
⚜️ #فان
⚜️ #آموزش
⚜️ #ابزار ، #معرفی_سایت
⚜️ #توسعه
⚜️ #پادکست
⚜️ #خلاقیت ، #ایده ، #گیف
⚜️ #مقاله_خوانی
⚜️ #انگیزشی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
📲 جهت تمرکز بیشتر کاربر روی فرم های سایت یا اپلیکیشن، به جای استفاده از صفحه کلید پیش فرض گوشی از صفحه کلید عددی برای پر کردن فیلدهای عددی مانند شماره تلفن و ... استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📲 جهت تمرکز بیشتر کاربر روی فرم های سایت یا اپلیکیشن، به جای استفاده از صفحه کلید پیش فرض گوشی از صفحه کلید عددی برای پر کردن فیلدهای عددی مانند شماره تلفن و ... استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️