#گیف

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

@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☝️

#انگیزشی

تاثیر یک کارکوچیک اگر مداومت داشته ...
امیدوارم درسال جدید اینطوری باشید.


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

خب دوتا از دوستان زحمت کشیدن این نظرسنجی رو کد کرده و برای عموم منتشر کردن

آقای امیرحسین آقاجری برای بیسیک ( و درآینده استودیو) :
https://github.com/Aghajari/Amir_RateDialog
آقای وحید رضا نیازمند زحمت کدهای وب رو کشیدن:
http://codepen.io/Vahidrn98/pen/pBoxmQ


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

دوستان این کانال رو برای پروژه های UIUX یا استخدامی ها میتونید دنبال کنید تا وقتتون در کانال های مختلف تلف نشه

https://news.1rj.ru/str/UIUXProjects

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

https://tripetto.app

اگر از ابزارهای رسم Flow مرسوم خسته شدید توصیه میکنم این ابزار رو امتحان کنید:)
برای انگولار ، متریال ، بوت استرپ و ری‌اکت هم مثال های خوبی داره

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

اینویژن استودیو برای ویندوز نیز عرضه شد

https://www.invisionapp.com/studio

اینویژن استودیو یکی از بهترین برنامه های طراحی در زمینه رابط کاربری و تجربه کاربری ست که از ویژگی های خوبی مانند پروتوتایپ و اشتراک‌گذاری برخوردار است

دوستان ویندوزی بهم خبر بدید 🙂

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