#نکات

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

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


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

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

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

#نکات

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

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


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

#متفرقه

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

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

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

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

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