موکاپ(mockup) نسخه نهایی طراحی رابط کاربری است، البته، نه بیشتر.
همچنین موکاپ یک وسیله یا یک مکانی است که شما دیزانتون رو اونجا
قرار میدید. مثل iphone xs mockup یا bilboard mockup

پست ۳ از ۴

@frontdevir

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

پست ۴ از ۴

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‏1. قانون Hick: با افزایش گزینه های قابل انتخاب برای کاربر، زمان تصمیم‌گیری کاربر (مثلا هنگام کلیک روی یک محصول و انجام خرید) افزایش
پیدا میکنه. (و این خوب نیست)

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‏2. قانون Fitts: کاربران روی دکمه های بزرگتر که نزدیکتر هستند، زودتر کلیک میکنند تا دکمه های کوچک/دور (پس دکمه call-to-action را برجسته تر کنید)

@frontdevir

وایرال چیست؟
کلمه وایرال، Viral به معنی ویروسی است و اما برای من و شما که عاشق تلگرام، اینستاگرام، و فبسبوک، واتس آپ و سایر شبکه های اجتماعی هستیم، به مطلب و به خصوص ویدئوهایی گفته می شود که به سرعت در همه گروه ها و بین کاربران منتشر میشود، خیلی از کاربران آن را میبینند و به خاطر جذابیت و یا مهم بودن توسط خود کاربران به اشتراک گذاشته می شود، درست مانند ویروس، اما اینجا ویروس از جنس محتوا است که در دنیای دیجیتال زندگی می‌کند.

ویدئوهای وایرال به سرعت توسط عده زیادی دیده می شوند، و این ویژگی بسیار مناسب برای بازاریابی است، چه روشی بهتر از اینکه خود کاربران تبلیغ کننده شما باشند؟ پایه این روش همان تبلیغات دهان به دهان است که به خاطر راضی بودن یک مشتری به بقیه نیز معرفی می شود و دیگران رایگان شما را تبلیغ می کننذ، چه روشی بهتر از این می شناسید؟

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

#زنگ_تفریح #مارکتینگ
@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‏3. قانون Jacob: کاربران بیشتر وقتشان را در دیگر سایتها می گذرانند و ترجیح میدهند سایت شما هم کارکردی شبیه دیگر سایتها داشته باشد.‏

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‌‏4.قانون Pragnanz: قانون پراگنانز میگه که ذهن شما تصاویر مبهمی رو که می بینه، تا جای ممکن ساده و قابل فهمش میکنه برای خودش. (این قانون به اصول ⁧#گشتالت⁩ باز می گردد)

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‌‏5. قانون شباهت Similarity: المان هایی که شباهت ظاهری بیشتری نسبت به هم دارند، مرتبط به نظر می رسند.

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

6. قانون مجاورت (Proximity): اشیایی که نزدیک هم چیده میشوند، مرتبط به هم بنظر میایند.

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

7. قانون Miller: یک انسان نرمال می توانید 7 چیز را در حافظه بلادرنگ خود نگه دارد. (این قصیه در طراحی #فروشگاه_اینترنتی که کاربر در حال مقایسه ویژگی‌های چند محصول است اهمیت ویژه ای داره)

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

8. اصل Pareto : معمولا 20% علت ها باعث ایجاد 80% رخدادها میشوند.

@frontdevir

بالاخره یجا گیرت میندازه!😄

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

9. قانون Parkinson: قانون پارکینسون مفهومی رایج در #مدیریت است و مضمون آن این است که «هر کار به اندازه زمانی که برای آن تخصیص داده شده طول می‌کشد.» (یعنی اگر برای یک کار یک هفته وقت اختصاص بدهیم، آنرا یک هفته طولش میدیم و اگه 2 روز وقت داشته باشیم ، دو روزه جمعش می کنیم)

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

10. اثر Serial-position: یه روانشناس آلمانی به نام Hermann Ebbinghaus متوجه شد که مغز هنگام مواجهه با چند آیتم که در یک سری قرار دارند، مورد اول و آخر را بهتر به یاد می آورد!

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

11. اثر Von Restorff: وقتی چند آیتم شبیه هم هستند، اونی که از دیگران متمایز است بهتر به خاطر ما می مونه.

@frontdevir

به نظر شما کارت ۱ درسته یا کارت ۲؟

نباید برای همه‌ی دکمه‌هاتون بکگراند قرار بدید، دکمه‌های CTA باید از دکمه‌های دیگه مجزا باشند. که در کارت ۲ این اصول رعایت شده است.

#UX #UI

@frontdevir

جرد اسپول یکی از طراحان تجربه کاربری مطرح دنیا تنها با تغییر متن دکمه از register به continue توانست باعث افزایش درآمد 300 میلیون دلاری یک کسب و کار شود!!! وی با دو هفته آزمایش کاربردپذیری در سایت (و در سایت های رقبا) و سپس دو هفته آزمایش های تکراری پروتوتایپ کاغذی، یک فرآیند پرداخت ساده را ایجاد کرد که پس از اجرای آن، افزایش قابل توجهی در درآمد، قابل مشاهده بود.
تجربه کاربری تنها طراحی ظاهری یک اپلیکیشن یا سایت نیست؛ بلکه طراحی موثری که بر تجربه کاربر اثر دارد و باعث افزایش راندمان یک کسب و کار خواهد شد.
#UX

@frontdevir

اگر از کشیدن(swipe) استفاده میکنید کاربر باید متوجه بشه که در لیست شما ایتم های بیشتری هم وجود دارند.

@frontdevir

وقتی یه برنامه نویس بک‌اند میخواد CSS بنویسه😄

@frontdevir

روز جهانی برنامه‌نویس مبارک🎈

@frontdevir

اگر تنظیمات نیاز به کلیک کردن دکمه تایید داره پس بهتره که از checkboxها استفاده کنید، اما switche ها toggle هستند و برای تایید نیازی به دکمه ندارند.

credit: cagla

@frontdevir