دوستانی که با فیگما کارمیکنن میتونن از طرحهای رایگان سایت زیربهره ببرن

https://www.figmafreebies.com/

با تشکر از آقای علیرضاامامی بابت اشتراک‌گذاری این لینک

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

#معرفی_سایت

https://www.notion.so

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

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

اینم تصویری از محیطش وبش
دسکتاپ و موبایل هم داره

#متفرقه

تلنگر درمورد سیستمهای ارزش افزوده (یا چرا شارژ سیمکارتمون زودتموم میشه)
*800#
فوروارد برای دیگران فراموش نشه

@UIUXWorkshop

#نکات

برای نمایش یک عمل در سایت یا اپلیکیشن،بهتر است نوشته را به همراه یک آیکون (icon+lable) قرار دهید.

این عمل تاثیر مثبتی را برروی احساست و درک کاربر می گذارد.


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

#گیف

یک ایده ی بسیار ساده و قابل اجرا برای فیلد های خبرنامه

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

#فان

کیا با این مشکل مواجه شدن؟ 😂😂😂

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

https://heartbeat.ua

این وبسایت رو ببینید ، به بخش های مختلفش برید و به انتقال بین صفحات دقت کنید(اگر نت کندی دارین صبرکنید کامل لود بشه).

چقد خوب خود سایتشون داره با مشتری حرف میزنه و میگه چقد حرفه ای هستن
به نظرم دیگه به توضیح اضافه ای نیاز نیست

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

#معرفی_سایت

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

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

#نکات

🤔چه راهی برای ایجاد جدایی بین عناصر نسبت به جداسازی خطی پیشنهاد میکنید؟

💢ایجاد فاصله بین المان ها ، راهی عالی برای ایجاد تمایز میان گروهی از عناصر است.


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

توی آپدیت جدید تلگرام اگر اسم ایموجی هارو بنویسیم خود ایموجی رو بهمون پیشنهاد میده 🙂
پیشنهادات یا Suggestion های خوب یکی از ویژگی هایی که میتونه تعامل بین کاربر و نرم افزار رو افزایش بده. ازش بخوبی استفاده کنید

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

#معرفی_سایت

سایت SVGator یک راه سریع و آسان برای متحرک سازی تصاویر SVG است (بدون نیاز به برنامه نویسی مورد نیاز).

این سایت یک رابط، کاربر پسند دارد و کد SVG را به صورت خودکار ایجاد می کند.

https://www.noscriptator.com

👀 دیدن ادامه مطالب UI/UX 👇🏼

@UIUXWorkshop

#پالت_رنگ

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


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

#نکات

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


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

#گیف

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


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

در استفاده از گرادیانت ها هرگز از رنگهای روبرو در دایره رنگ استفاده نکنید.
بهترین حالت استفاده از رنگ های همسایه است که گرادیانتی نرم و زیبا بدست میاد.

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

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

یک سایت خیلی خوب و رایگان 😍 برای آنالیز وبسایت و تحلیل های UX
برید کیفشو ببرید و استفاده کنید 🙂

Scroll heat maps
Form analytics
Click heat maps
Accurate session replay
و...

https://metrica.yandex.com/

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

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

یه بنده خدایی بود میگفت «حرف زدن که بلد نیستی ، حرف نزدن هم بلد نیستی؟»

مصداق همین جمله است که میبینید...

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

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

#گیف

یک نمونه از نظرسنجی ای که کاربرو ترغیب میکنه به نظردادن. با این روش ها آمارنظرسنجی خیلی میره بالا، حتما استفاده کنید

ازدوستان خفن FrontEnd اگر کسی میتونه، اینو پیاده کنه، که در اختیار همه بذاریم


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

#نکات

قرار دادن لیبل‌ها در بالای اینپوت به اسکن راحت تر آیتم ها توسط چشم کمک میکنه و نظم بهتری هم به دیزاینتون میده

(دوستانی که تجربه کار با فرمهای مختلف رو دارن میدونن گاهی پیش میاد فرمها لیبلهای خیلییی طولانی ای دارن و گاهی خیلی کوتاه هستند که واقعا دیزاین رو خراب میکنه و اعصاب مارو بهم میریزه :)))

پس توصیه میشه زمانی که نمیدونید در ادامه ی پروژه چه بلایی قراره سر این فرمها بیاد از همون اول لیبل هارو بذارین بالا و پیش برید.


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

هرچقد درمورد فرمها بگیم کم گفتیم

دوستانی که با کدنویسی سروکار دارند حتما ۲تا نکته رو رعایت کنند:
۱- کاربر باید با زدن دکمه tab به فرم بعدی بره ، و درنهایت به دکمه ی آخر برسه
۲- زدن اینتر به معنی زدن دکمه نهایی باشه (دکمه ای که در انتهای فرمها قرارمیگیره مثلا ذخیره یا عضویت و ...)

این نکته در سایت هایی که فرمهای خیلی زیادی دارند ( مثلا سایت های دولتی ) خیلی مهمه چون کاربر برای رفتن به اینپوت بعدی درگیر استفاده از موس نمیشه.
( حالتی رو تصور کنید که برای رفتن به اینپوت بعدی همش برید سراغ موس و دوباره بیاید تایپ کنید... فکرشم عذاب آوره ).

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