#گیف

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


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

https://github.com/Aghajari/AmirRateDialog-Android-Java

جاوای این کتاب خونه نیز توسط آقای آقاجری آماده شد دستشون دردنکنه

#نکات

📌استفاده از infinite scroll مناسب برای محتواهای کاوشگر که هدف خاصی رو مدنظر قرار نمیدهند است.مانند سایتهایی نظیر توییتر

📌استفاده از pagination مناسب برای محتوای هدفمند است که رسالت آنها معرفی محصول خاص می باشد.مانند سایتهایی نظیر آمازون


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

#متفرقه

سلام به همه ی عزیزان
آقای مینایی از بچه های کارگاه ، دوستان خوب ما و مورد اعتمادن
هرکمکی از دست هرکسی برمیاد دریغ نکنه
خداخیرتون بده

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

💢سایت #ریسایزر ابزاری جهت تست خروجی وب سایت ها در دیوایس‌های مختلف است.

✴️ http://yon.ir/6KhsF

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

#نکات

داشتن گزینه توصیفی برای یک هشدار مهم، کاربر را قادر می سازد تا قضاوت سریع و آگاهانه انجام دهد.


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

https://github.com/Aghajari/AmirTextButtonView-Android-Java/

بازهم ممنون از آقای آقاجری که این کتابخانه زیبا رو برای جاوا منتشرکردن
ممنون ازشون

@LCoders
اگر دنبال کتابخانه های بیشتری هستید میتونید از کانالشون هم دیدن کنید

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

https://feathericons.com

این سایت ایکن های خیلی زیبایی رو داره توسعه میده که حتما میتونه پروژه هاتون رو زیباتر کنه :)

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

مجموع ۲۷۹ ایکنی که تا الان روی این سایت هست

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

#نکات

صفحه ارور۴۰۴ رو میشه حیاط خلوت دیزاینرها دونست چون به راحتی میتونن مهارت و خلاقیتشون رو به نمایش بذارن.
درکل صفحات ارور برای کاربران ناخوشایند هستند ولی با رعایت چندنکته و یک دیزاین جذاب، میشه نارضایتی کاربران رو کم کرد:

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

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