#نقد

خلاقیت به شیوه ی سایت تامین اجتماعی

کلی ایراد میشه از سایت های دولتی گرفت
چه از نظر رابط کاربری چه معماری اطلاعات و چه تجربه کاربری ...

خلاصه یه خونه تکونی شدید به نظرم توی سایت های دولتی نیازه


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#پالت_رنگ

💢خلاق باش،ترکیب کن و اثر هنری خلق کن


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

مسیر یادگیری یک زبان یا علم جدید

@QuickLearn

#نکات

📋 راحتی کاربران

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

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نقد #نقد_طراحی

هوم پیج سایت رجا به آدرس raja.ir رو میبینیم
نکته اول اینه که ظاهر نه چندان مدرن سایت ممکنه به کاربرها این حس رو منتقل کنه که قطار ها و ساز و کارشون هم قدیمی و غیرمدرن هست

اگر به هدر سایت دقت کنید سرچ رو میبینید که واقعا سواله چرا اونجا گذاشتنش و وقتی روش کلیک میشه چرا اکثر لینک های هدر محو میشه؟
مورد بعدی همرنگ بودن لوگو و بکگراند هدر هست... خب چرا آخه؟...یکیشو میتونستن سفید کنن

دیگه به تراز نبودن هدر از سمت چپ ، سه خطی بودن بخش زبان و دوخطی بودن بقلیاش گیرنمیدم 🤦🏻‍♂️ حالا اینا در یک نگاه ظاهری بود و اسکرول نکردیم پایین
واقعا اعصاب آدم خورد میشه ...

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

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

✔️ به جای استفاده از منوی کشویی، از دکمه های جداگانه استفاده کنید.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نقد #نقد_طراحی

بخش جستجوی بلیط سایت رجا ( به آدرس raja.ir ) رو در صفحه اصلی میتونیم ببینیم
چندباری تست کردمش تا بفهممش
الان به نظرتون حالت رفت و برگشت فعاله؟ یا حالت یکطرفه؟

ظاهرش نشون میده رفت و برگشت فعاله و روشنه (و یک طرفه شبیه حالت غیرفعال یا Disable هست ، انگار خاموشه)...
ولی اگر به بخش تاریخش دقت کنید میبینید که تاریخ برگشت خاموشه و کاربر نمیتونه انتخاب کنه چیزی رو
در نتیجه مسیر یک طرفه است...
واقعا نباید کاربر رو به این دردسرها انداخت... نکنید اینکارهارو

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#خلاقیت #گیف

در اپلیکیشن هایی که کاربر منتظر رسیدن بسته پستی ، رسیدن به مقصد ، ساعت پرواز و ... هست ، میتونید بجای نوشتن متن های زیاد برای هرحالت ، از این حرکتای باحال بزنید چون کاربرا دیدن المان های بصری رو از خوندن متنها بیشتر دوست دارن :)

@UIUXWorkshop
نکات آموزشی UI/UX☝️

راستی تا دیرتر نشده امروز ۲۷ آوریل روز جهانی گرافیک رو به همه ی گرافیستای این دنیا و اون دنیا تبریک میگم :)
لحظه هاتون گرافیکی

(تصویرسازی اثر آقای حسین یکتاپور)

@UIUXWorkshop
نکات آموزشی UI/UX☝️

#نکات

🤔تصاویر پروفایل اپلیکیشن و سایت شما چه شکلی است؟


💢اگر مربعی شکل است،که متاسفانه شکل مربع برای تصویر پروفایل مناسب نیست. زیرا باعث می‌شود دیدن چهره و تشخیص آن سخت شود.

⭕️ یک تصویر پروفایل دایره‌ای شکل خیلی بهتر از مربعی کار می‌کند زیرا چهره را بیشتر نشان می‌دهد.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

http://s8.picofile.com/file/8358808668/InVision_Studio_Setup_1_11_0_exe.zip.html

دوستانی که روی ویندوز مشکل دریافت این نسخه رو دارن میتونن از لینک بالا استفاده کنن
ممنون از دانیال آجلو که زحمت کشیدن و فایل نصب ویندوزی رو با ما به اشتراک گذاشتند
دوستان ویندوزی بهم خبر بدید 🙂

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نمونه
#ایده
#گیف

👌با طرح های ساده و انیمیشن های نرم با کاربرانتان ارتباط برقرار کنید.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

https://cantunsee.space/

یه بازی خییییلی خفن مخصوص اونایی که ادعای دیزاینر بودن دارن :)) بشتابید
توی این بازی باید ببینید چقد چشم دیزاینی تون قوی هست
حالا بازی کنید خودتون متوجه میشید


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت

سایت collectui وب سایتی برای طراحان و توسعه دهندگان است تا منابع مورد نیاز را برای ساخت اپلیکیشن ها و سایت ها را پیدا کنند و با دیگران به اشتراک بگذارند.

http://collectui.com/

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

🎁هدیه دادن=جذب مشتری

یکی از راههای جذب مشتری پاداش دادن به آنها می باشد.
این راه یک روش تاثیرگذار است.و این حس را به مشتری القا می کند که شما برای او ارزش قائل هستید.و ایجاد این حس می تواند به سود شما تمام شود.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#پادکست

🎧 استراتژی قیمت گذاری
⬇️⬇️⬇️

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#پادکست

🎧 استراتژی قیمت گذاری
( دوستان این در اصل یک پادکست حرفه ای نیست فقط یک صحبت دوستانه است که در اون یک کتاب معرفی شده تا هرچه سریع تر مطلب به گوشتون برسه... وگرنه خیلی باید روش کارمیشد و قطعا هم دیرتر میرسید زمان رو از دست میدادیم 🌷)

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#پالت_رنگ

💢خلاق باش،ترکیب کن و اثر هنری خلق کن


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار


💢مجموعه پس زمینه های گرادیانی زیبا

https://webgradients.com

این سایت شامل 180 بکگراند گرادیانی زیبا و رایگان است .شما میتونین گرادیان های موجود رو مشاهده و بررسی کنید و هر کدام را که خواستید کد CSS مربوط به هر گرادیان را از همان قسمت دریافت نمایید.همچنین میتونین این پس زمینه ها رو در Photoshop و Sketch نیز مورد استفاده قرار بدین.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#فان

شماهم این مشکلو دارین؟😂
نظم داشتن در نامگذاری فایل ها و لایه ها شاید اولش کمی وقت گیر باشه ولی هرچه جلوتر میرید قدرشو میدونید :)
خودم از این روش استفاده میکنم که نام هر فایل رو با یک عدد شروع میکنم بعد اسم اون صفحه ای که دیزاین شده رو مینویسم :
1_Homepage

حالا اگر ورژن های متفاوت یا تغییراتی داشت ، به انتهای اسمش اضافه میکنم:
1_Homepage_v2_withslideshow

اینطوری هم با دیدن اسم متوجه میشم چه خبره و هم نظم خوبی میگیره :)

تجربیاتتون رو درمورد روش های نامگذاری بهمون بگید

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️