Forwarded from UIUX WorkShop
بهترین مکان برای نمایش اخطارها در فرمها ( فارسی ) ، پایین یا سمت چپ فیلد هست.
چون چشم کاربر اول فیلد رو رصد میکنه بعد اخطار رو میبینه.
اگر محدودیت فضا دارین و دیزاینتون بهم نمیریزه ، اخطار هارو زیر فیلد بذارین. در موبایل هم این مکان گزینه ی بهتری هست...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
چون چشم کاربر اول فیلد رو رصد میکنه بعد اخطار رو میبینه.
اگر محدودیت فضا دارین و دیزاینتون بهم نمیریزه ، اخطار هارو زیر فیلد بذارین. در موبایل هم این مکان گزینه ی بهتری هست...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
This media is not supported in your browser
VIEW IN TELEGRAM
لازم نیست کارهای عجیب غریبی در اپلیکیشن انجام بدیم ، همین انیمیشن های کوچیک هم میتونه حس خوبی به کاربر بده احساس لذت داشته باشه موقع کارکردن با نرم افزار
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
📋 ایجاد فرم با اعتبارسنجی درون خطی
زمانی که خطایی در وارد کردن اطلاعات در فرم ها رخ میدهد بهتر است خطای مورد نظر برای هر فیلد از فرم به صورت آنی به کاربر نمایش دهید. به این صورت که فیلد مورد نظر هایلایت شود و کاربر دقیقا فیلد و نحوه درست وارد کردن فیلد مشاهده نماید که اصطلاحا به این عمل اعتبارسنجی درون خطی می گویند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📋 ایجاد فرم با اعتبارسنجی درون خطی
زمانی که خطایی در وارد کردن اطلاعات در فرم ها رخ میدهد بهتر است خطای مورد نظر برای هر فیلد از فرم به صورت آنی به کاربر نمایش دهید. به این صورت که فیلد مورد نظر هایلایت شود و کاربر دقیقا فیلد و نحوه درست وارد کردن فیلد مشاهده نماید که اصطلاحا به این عمل اعتبارسنجی درون خطی می گویند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
اگر به هر دلیلی با رنگ و ترکیبات رنگی مختلف در ارتباط هستید مثل انتخاب ست لباس، دکوراسیون اتاق و خانه، طراحی صفحات وب یا برنامه های آفلاین، اپلیکیشن موبایل، ساخت اینفوگرافیک و موارد متعدد دیگر و یا حتی نیاز به گرادیان های زیبا یا پترن های مختلف و حتی طرح های آماده در زمینه های گوناگون مانند وب و موبایل و رزومه و اینفوگرافیک دارید، این سایت یک مرجع بزرگ و معتبر در این زمینه می باشد که هدف آن برطرف کردن تمام نیازها در زمینه رنگ است.
http://colorland.ir
➖➕➖➕➖➕➖
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
اگر به هر دلیلی با رنگ و ترکیبات رنگی مختلف در ارتباط هستید مثل انتخاب ست لباس، دکوراسیون اتاق و خانه، طراحی صفحات وب یا برنامه های آفلاین، اپلیکیشن موبایل، ساخت اینفوگرافیک و موارد متعدد دیگر و یا حتی نیاز به گرادیان های زیبا یا پترن های مختلف و حتی طرح های آماده در زمینه های گوناگون مانند وب و موبایل و رزومه و اینفوگرافیک دارید، این سایت یک مرجع بزرگ و معتبر در این زمینه می باشد که هدف آن برطرف کردن تمام نیازها در زمینه رنگ است.
http://colorland.ir
➖➕➖➕➖➕➖
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نقد
خلاقیت به شیوه ی سایت تامین اجتماعی
کلی ایراد میشه از سایت های دولتی گرفت
چه از نظر رابط کاربری چه معماری اطلاعات و چه تجربه کاربری ...
خلاصه یه خونه تکونی شدید به نظرم توی سایت های دولتی نیازه
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
خلاقیت به شیوه ی سایت تامین اجتماعی
کلی ایراد میشه از سایت های دولتی گرفت
چه از نظر رابط کاربری چه معماری اطلاعات و چه تجربه کاربری ...
خلاصه یه خونه تکونی شدید به نظرم توی سایت های دولتی نیازه
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from آکادمی معلی (معلی)
#نکات
📋 راحتی کاربران
برخی سایت ها برای نمایش بیشتر تصاویر ،اقدام به ایجاد گالری میکنند و تصاویرشان به صورت تمام صفحه نمایش میدهند. در این شرایط برای راحتی کاربر خیلی بهتر است فرمان های کیبورد نیز فعال باشند تا کاربران بتوانند با دکمه های چپ و راست پیمایش بین تصاویر را داشته باشند و با esc نیز از حالت گالری خارج شوند.
همچنین امکان سوپیپ کردن درحالت موبایل نیز خیلی کاربردیست.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📋 راحتی کاربران
برخی سایت ها برای نمایش بیشتر تصاویر ،اقدام به ایجاد گالری میکنند و تصاویرشان به صورت تمام صفحه نمایش میدهند. در این شرایط برای راحتی کاربر خیلی بهتر است فرمان های کیبورد نیز فعال باشند تا کاربران بتوانند با دکمه های چپ و راست پیمایش بین تصاویر را داشته باشند و با esc نیز از حالت گالری خارج شوند.
همچنین امکان سوپیپ کردن درحالت موبایل نیز خیلی کاربردیست.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نقد #نقد_طراحی
هوم پیج سایت رجا به آدرس raja.ir رو میبینیم
نکته اول اینه که ظاهر نه چندان مدرن سایت ممکنه به کاربرها این حس رو منتقل کنه که قطار ها و ساز و کارشون هم قدیمی و غیرمدرن هست
اگر به هدر سایت دقت کنید سرچ رو میبینید که واقعا سواله چرا اونجا گذاشتنش و وقتی روش کلیک میشه چرا اکثر لینک های هدر محو میشه؟
مورد بعدی همرنگ بودن لوگو و بکگراند هدر هست... خب چرا آخه؟...یکیشو میتونستن سفید کنن
دیگه به تراز نبودن هدر از سمت چپ ، سه خطی بودن بخش زبان و دوخطی بودن بقلیاش گیرنمیدم 🤦🏻♂️ حالا اینا در یک نگاه ظاهری بود و اسکرول نکردیم پایین
واقعا اعصاب آدم خورد میشه ...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
هوم پیج سایت رجا به آدرس raja.ir رو میبینیم
نکته اول اینه که ظاهر نه چندان مدرن سایت ممکنه به کاربرها این حس رو منتقل کنه که قطار ها و ساز و کارشون هم قدیمی و غیرمدرن هست
اگر به هدر سایت دقت کنید سرچ رو میبینید که واقعا سواله چرا اونجا گذاشتنش و وقتی روش کلیک میشه چرا اکثر لینک های هدر محو میشه؟
مورد بعدی همرنگ بودن لوگو و بکگراند هدر هست... خب چرا آخه؟...یکیشو میتونستن سفید کنن
دیگه به تراز نبودن هدر از سمت چپ ، سه خطی بودن بخش زبان و دوخطی بودن بقلیاش گیرنمیدم 🤦🏻♂️ حالا اینا در یک نگاه ظاهری بود و اسکرول نکردیم پایین
واقعا اعصاب آدم خورد میشه ...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
گزینه های مرتب سازی محتوا (Sort) به کاربران اجازه می دهد تا بدون خارج شدن از یک آرشیو کامل، آنچه را که می خواهند پیدا کنند. اما بسیاری از این گزینه ها در یک منوی کشویی قرار میگیرند. کاربران فقط می توانند گزینه انتخابی را ببینند، در حالی که بقیه پنهان هستند. این باعث ناامیدی کاربر می شود، اما شما به راحتی می توانید از آن جلوگیری کنید.
✔️ به جای استفاده از منوی کشویی، از دکمه های جداگانه استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
گزینه های مرتب سازی محتوا (Sort) به کاربران اجازه می دهد تا بدون خارج شدن از یک آرشیو کامل، آنچه را که می خواهند پیدا کنند. اما بسیاری از این گزینه ها در یک منوی کشویی قرار میگیرند. کاربران فقط می توانند گزینه انتخابی را ببینند، در حالی که بقیه پنهان هستند. این باعث ناامیدی کاربر می شود، اما شما به راحتی می توانید از آن جلوگیری کنید.
✔️ به جای استفاده از منوی کشویی، از دکمه های جداگانه استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
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☝️