#نکات

✴️استفاده از line-height یکسان برای تمام متون سایت یک #اشتباه بسیار ظریف اما رایج است.

✅یشنهاد ما به شما این است که:در قسمت هایی از سایت که متن زیاد است از line-height:1.5px استفاده نمایید.


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

#پالت_رنگ

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


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

#نکات

استفاده از رنگ خاکستری، به معنای #خاکستری_محض نیست.برای ایجاد طرحی زنده و القای حسی گرم یا خنک همیشه سعی کنید رنگ خاکستری را با کمی رنگ آبی یا قهوه ای ترکیب کنید.


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

#نمونه

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

🕶 #ایده_بگیر_و_متفاوت_باش


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

#نقد صفحه پرداخت زرین پال

واحد پولی رسمی کشور ریال هست و وقتی برای راحتی مشتری از واحد تومان استفاده میکنیم بهتره خیلیییی واضح تر و توی چشم تر این واحد خودنمایی کنه چون مبنا و پیشفرض همه بر اساس ریال هست.

مورد بعدی اینکه اعداد رو اگر فارسی وارد کنید اصلا به عنوان عدد نمیشناسه 🙁

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


کاری نداره که چرا انجامش نمیدن؟؟
الان عدد نوشته شده رو ببینید خوندنش چقد سخته.
هرکی امکانش رو داره ، ازین کارا انجام نده ،‌ ثواب داره :))


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

#نقد

حالا ما که اینقد نقد کردیم ، جا داره موارد خوب و کاربردی رو هم نشر بدیم.
این گیف بالا ورودی مبلغ در سایت پونیشاست.

۳تا نکته ی خوب داره که بهش میپردازیم:

۱- وقتی کلیک میکنیم برای وارد کردن مبلغ اون اینپوت رنگش عوض میشه و این خیلی خوبه ( چیزی که خیلی جاها نمیبینیم)

۲- ببینید چقد راحت همون لحظه اعداد رو سه رقم از هم جدا میکنه؟

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

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

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

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

#نکات

به جای استفاده از دو text box برای گرفتن آدرس از کاربر،بهتر است یک text area استفاده کرد.
با اینکار شما به کاربر کمک خواهید کرد آدرس را به عنوان یک داده ورودی تکی،سریعتر وارد نماید.


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

⁠🔥 از دایره به جای مربع ⁣برای نمایش تصویر #پروفایل کاربران استفاده کنید.

دلیل هم این است که....

برای مطالعه ادامه این مطلب و مطالب UI و UX به کانال زیر بروید.

👇👇👇👇👇
http://t.me/coderszone

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

💠کالکشنی حرفه ای از گرادیانتهای زیبا برای CSS و Photoshop

🔻🔻🔻

https://webgradients.com


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

#نکات

🔰در فرم ثبت نام بهتر است به جای ایجاد کردن نام کاربری جدید، به طور پیش فرض از کاربر "شناسه ایمیل" یا "شماره موبایل" بخواهید.

🤔آنها شناسه ایمیل و شماره موبایل خود را به راحتی به یاد میاورند.


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

#نکات

🌀هنگام ارائه ی پیشنهادات متعدد محصولات، در سایتتان بهتر است بر روی یک محصول تاکید بیشتری نمایید.به این صورت که سایز باکس، آن را بزرگتر از دیگر محصولات باشد.

✅این یک ایده بسیار خوب است که قدرت تصمیم گیری بیشتری را به مشتری میدهد.


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

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

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

https://www.uxtesting.io

#معرفی_سایت

یک سایت خوب برای انجام تست های تجربه کاربری که میتونید تست های زیرو باهاش انجا بدید:
USER VIDEO
UX METRIC REPORT
EMOTION DETECTION
TASK
SURVEY
COLLABORATE PLATFORM
HEATMAPS
USER FLOWS

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

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

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

👌
۷ روش برای به روز ماندن در گرایش‌های طراحی گرافیک

طراحی گرافیک یک حرفۀ منحصر به فرد است؛ همه چیز وقتی پیچیده‌تر می‌شود که بخواهیم بهترین روش‌ها را برای تولید بهترین آثار برای مشتری پیدا کنیم اما همه چیز به سرعت در حال تغییر است و به روز بودن در آخرین روش‌ها و گرایش‌های طراحی واقعا تبدیل به یک چالش بزرگ شده است، چه هنگامی که یک طراح گرافیک جوان باشید و چه زمانی که طراحی باتجربه باشید. در این جا هفت استراتژی برای به روز ماندن در فرآیند طراحی گرافیک برای شما آماده کرده‌ایم که در ادامه می‌خوانیم: https://goo.gl/FTqCwn

لازم نیست کارهای عجیب غریبی در اپلیکیشن انجام بدیم ، همین انیمیشن های کوچیک هم میتونه حس خوبی به کاربر بده احساس لذت داشته باشه موقع کارکردن با نرم افزار

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

#فکت

بر اساس یک مطالعه 94 درصد بازخورد منفی وب سایت مربوط به طراحی آن بوده است http://bit.ly/2Y5tsIc و طراحی مدرن اولین تاثیر مثبت را بر ذهن کاربر ایجاد می کند.
به طراحی وبسایت های خود اهمیت دهید و آنها را مطابق طراحی روز پیش ببرید.

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

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

https://www.figmafreebies.com/

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

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

#معرفی_سایت

https://www.notion.so

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

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

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