SlideShare a Scribd company logo
1 of 23
‫ما‬ ‫زمانی‬ ‫چه‬
‫دیگران‬ ‫به‬
‫را‬ ‫محصولی‬
‫پیشنهاد‬
‫می‬
‫در‬ ‫انگیزش‬ ‫موجب‬
‫معرفی‬ ‫بخشی‬ ‫لذت‬ ‫تجربه‬
‫خلق‬ ‫که‬
mk.socialir@yahoo.com
‫کریمی‬ ‫محمد‬
UX & UI
User satisfaction
U S E R
E X P E R I E N C E
U S E R
I N T E R F A C E
‫صفحه‬ ‫چگونگی‬ ‫به‬
‫محصول‬ ‫بندی‬
‫است‬ ‫معطوف‬
.
‫و‬ ‫حالت‬ ،‫رفتار‬
‫کاربر‬ ‫احساسات‬
mk.socialir@yahoo.com
‫مفهوم‬ ‫چند‬ ‫با‬ ‫آشنایی‬
mk.socialir@yahoo.com
‫مفهوم‬ ‫چند‬ ‫با‬ ‫آشنایی‬
‫ی‬‫ر‬‫ت‬‫ش‬‫م‬ ‫ه‬‫ب‬‫ر‬‫ج‬‫ت‬
customer experience
‫ا‬‫ی‬
(CX)
CX
‫احساس‬
‫آن‬
‫چیزی‬
‫است‬
‫که‬
‫مشتری‬
‫در‬
‫تعامل‬
‫با‬
‫یک‬
‫شرکت‬
‫یا‬
‫یک‬
،‫موسسه‬
‫یک‬
،‫برند‬
،‫محصول‬
‫خدمات‬
،‫شرکت‬
‫سایت‬
‫و‬
‫یا‬
‫اپ‬
‫موبایل‬
‫دریافت‬
‫کند‬‫می‬
.
‫ر‬‫ب‬‫ر‬‫ا‬‫ک‬ ‫ه‬‫ب‬‫ر‬‫ج‬‫ت‬
user experience
‫ا‬‫ی‬
(UX)
UX
‫تجربه‬
‫کاربری‬
‫یعنی‬
‫این‬
‫که‬
‫یک‬
‫فرد‬
‫چطور‬
‫به‬
‫صورت‬
‫احساسی‬
‫یا‬
‫درونی‬
‫به‬
‫تعاملی‬
‫که‬
‫با‬
‫یک‬
‫پروژه‬
‫و‬
‫یا‬
‫طور‬‫به‬
‫ویژه‬
‫یک‬
‫محصول‬
‫دیجیتال‬
(
‫مثل‬
‫وب‬
،‫ها‬‫سایت‬
‫اپلیکیشن‬
‫های‬
‫موبایل‬
‫و‬
...
)
،‫دارد‬
‫واکنش‬
‫نشان‬
‫دهد‬‫می‬
.
‫ی‬‫ل‬‫م‬‫ا‬‫ع‬‫ت‬ ‫ی‬‫ح‬‫ا‬‫ر‬‫ط‬
Interaction design
‫ا‬‫ی‬
(IXD)
‫این‬
‫بحث‬
‫مربوط‬
‫به‬
‫طراحی‬
‫های‬‫واکنش‬
‫رد‬
‫و‬
‫بدل‬
‫شده‬
‫یا‬
‫در‬
‫واقع‬
‫تعامل‬
‫میان‬
‫انسان‬
‫و‬
‫محصوالت‬
‫دیجیتال‬
‫است‬
.
mk.socialir@yahoo.com
‫مفهوم‬ ‫چند‬ ‫با‬ ‫آشنایی‬
‫ی‬‫ح‬‫ا‬‫ر‬‫ط‬ ‫ر‬‫ک‬‫ف‬‫ت‬
design thinking
‫تفکر‬
‫طراحی‬
‫یعنی‬
‫طراحی‬
‫تجربه‬
‫کلی‬
‫یک‬
‫فرد‬
‫در‬
‫رابطه‬
‫با‬
‫تعاملی‬
‫فیزیکی‬
‫و‬
‫غیرفیزیکی‬
‫که‬
‫با‬
‫یک‬
‫شرکت‬
،‫دارد‬
‫ا‬
‫مثل‬
‫تجربه‬
‫از‬
‫تعامل‬
‫با‬
‫اپلیکیشن‬
،‫موبایل‬
‫وب‬
،‫سایت‬
‫تماس‬
‫تلفنی‬
‫و‬
...
2
‫مسئله‬
‫در‬
‫تفکر‬
‫طراحی‬
(1
‫سود‬
‫و‬
‫وری‬‫بهره‬
‫شرکت‬
‫و‬
‫صاحب‬
‫خدمات‬
(2
‫ها‬‫تیم‬
‫و‬
‫کسانی‬
‫که‬
‫این‬
‫خدمات‬
‫را‬
‫ارائه‬
‫کنند‬‫می‬
.
‫محصول‬ ‫طراحی‬
PRODUCT DESIGN
‫طراحی‬
‫محصول‬
‫طور‬‫به‬
‫کلی‬
‫یعنی‬
‫تعریف‬
‫کردن‬
‫شکل‬
‫و‬
‫فرم‬
‫چیزهای‬
‫فیزیکی‬
‫یا‬
‫دیجیتالی‬
.
‫تفاوت‬
‫این‬
‫اصطلح‬
‫با‬
‫طراحی‬
‫تعاملی‬
‫این‬
‫است‬
‫که‬
‫طراحی‬
‫محصول‬
‫بسیار‬
‫تر‬‫کلی‬
‫از‬
‫طراحی‬
‫تعاملی‬
‫در‬
‫نظر‬
‫گرفته‬
‫شود‬‫می‬
‫که‬
‫هم‬
‫به‬
‫تعاملت‬
‫مرتبط‬
‫می‬
‫باشد‬
‫و‬
mk.socialir@yahoo.com
‫تعریف‬
UX
‫براساس‬
ISO
‫بر‬
‫اساس‬
‫تعریف‬
ISO
‫عنوان‬
user experience
‫شامل‬
‫کلیه‬
،‫عواطف‬
،‫اعتقادات‬
‫مزیت‬
،‫ها‬
‫پاسخ‬
‫های‬
‫فیزیکی‬
‫و‬
،‫روانی‬
‫رفتارها‬
‫و‬
‫اجراها‬
‫قبل‬
‫از‬
‫زمان‬
‫استفاده‬
،
‫در‬
‫زمان‬
‫استفاده‬
‫و‬
‫بعد‬
‫از‬
‫آن‬
‫اطلق‬
‫می‬
‫گردد‬
.
mk.socialir@yahoo.com
‫بین‬ ‫تفاوت‬
UI
‫و‬
UX

UI
‫در‬
‫صنعت‬
‫نرم‬
‫افزار‬
‫به‬
‫هر‬
‫چیزی‬
‫که‬
‫در‬
‫صفحه‬
‫نمایش‬
‫داده‬
‫می‬
‫شود‬
‫گفته‬
‫می‬
‫شود‬
‫که‬
‫شامل‬
،‫تصاویر‬
‫متن‬
،‫ها‬
‫دیاگرام‬
،‫ها‬
،‫ماژولها‬
‫جداول‬
،
‫ویدئوها‬
‫و‬
‫همچنین‬
‫رنگ‬
،
‫سایر‬
‫و‬
‫مکان‬
‫آن‬
‫ها‬
‫می‬
‫باشد‬
.

UX
‫بسیار‬
‫وسیع‬
‫تر‬
‫از‬
UI
‫می‬
‫باشد‬
‫و‬
‫به‬
‫تجربه‬
‫و‬
‫احساس‬
‫کاربر‬
‫زمانی‬
‫که‬
‫از‬
‫محصول‬
‫شما‬
‫استفاده‬
‫می‬
‫نمایند‬
‫گفته‬
‫می‬
‫شود‬
.
‫به‬
‫عنوان‬
‫مثال‬
‫زمانی‬
‫که‬
‫شما‬
‫از‬
‫سایت‬
‫دیجی‬
‫کاال‬
‫محصولی‬
‫را‬
‫سفارش‬
‫می‬
‫دهید‬
‫و‬
‫آن‬
‫بسیار‬
‫سریع‬
‫تحویل‬
‫شما‬
‫می‬
‫گردد‬
‫به‬
‫این‬
‫معناست‬
‫که‬
UX
‫خوبی‬
‫وجود‬
‫داشته‬
‫است‬
.
mk.socialir@yahoo.com
‫ببینیم‬ ‫هم‬ ‫با‬

‫خارجی‬

‫ایرانی‬
http://www.pennyjuice.com/htmlversion/whoispj.htm
www.techinsider.io
www.mashable.com
www.engadget.com
https://www.Tehran-borj.ir
https://www.setin22.ir
https://www.padafand-chitgar.com
mk.socialir@yahoo.com
UX (USER EXPERIENCE)
‫تجربه‬
،‫کاربری‬
‫روشی‬
‫برای‬
‫ساخت‬
‫محصولی‬
‫هست‬
‫که‬
‫برای‬
‫کاربر‬
‫خاص‬
‫شما‬
‫طراحی‬
‫شده‬
‫و‬
‫تمامی‬
‫تالش‬
‫این‬
‫علم‬
‫برای‬
‫موفقیت‬
‫و‬
‫رشد‬
‫کسب‬
‫و‬
‫کار‬
‫شما‬
‫با‬
‫هدف‬
‫خلق‬
‫محیط‬
‫تعاملی‬
‫راحت‬
‫و‬
‫کاربردی‬
‫در‬
‫جهت‬
‫رضایت‬
‫مندی‬
‫کاربر‬
‫نهایی‬
‫می‬
‫باشد‬
.
‫که‬ ‫است‬ ‫این‬ ،‫هدف‬
‫خوش‬ ‫ای‬‫خاطره‬
‫کاربر‬ ‫ذهن‬ ‫در‬
‫ببندد‬ ‫نقش‬
‫محصول‬ ‫با‬ ‫کاربر‬ ‫راحت‬ ‫ارتباط‬
-
>
‫و‬ ‫خوشحالی‬
‫کاربر‬ ‫رضایت‬
‫کاربر‬ ‫از‬ ‫صحیح‬ ‫شناخت‬ ‫و‬ ‫اصول‬
‫محصول‬ ‫نهایی‬
‫کاربری‬ ‫تجربه‬ ‫طراح‬
(
UXD
:)
‫حل‬ ‫راه‬ ‫ارایه‬ ‫و‬ ‫کاربر‬ ‫مشکالت‬ ‫قراردادن‬ ‫هدف‬
‫مفید‬ ‫و‬ ‫بخش‬ ‫لذت‬ ‫تعاملی‬
،‫کاربر‬ ‫رفتار‬ ‫توصیف‬ ‫معیارهای‬
‫گیری‬ ‫اندازه‬ ‫قابل‬
?
?
?
?
?
‫او‬ ‫تا‬
‫بازهم‬
‫محصول‬ ‫از‬
‫کند‬ ‫استفاده‬
.
mk.socialir@yahoo.com
UXD (USER EXPERIENCE DESIGNER)
‫دانش‬
UXD

‫روانشناسی‬

‫انسان‬
‫شناسی‬

‫علوم‬
‫کامپیوتر‬

‫طراحی‬
‫گرافیک‬

‫طراحی‬
‫صنعتی‬

‫علوم‬
‫شناختی‬
‫و‬ ‫شناخت‬
‫حدس‬
‫باالیی‬ ‫و‬ ‫خوب‬ ‫عمومی‬ ‫روابط‬
‫یک‬
UXD
‫و‬ ‫تکنیکی‬ ‫هاي‬ ‫ویژگی‬ ‫به‬
‫ندارد‬ ‫کاری‬ ‫کار‬ ‫فنی‬
.
mk.socialir@yahoo.com
‫شما‬ ‫برای‬ ‫کدام‬
‫است‬ ‫مناسب‬
:
‫طراحی‬
‫بر‬
‫مبنای‬
‫رابط‬
‫کاربری‬
‫بیشتر‬
‫به‬
‫درد‬
‫کسایی‬
‫میخوره‬
‫که‬
‫ذهن‬
‫هنرمندتر‬
‫و‬
‫توانایی‬
‫های‬
‫ویژوال‬
‫دارن‬
‫و‬
‫یک‬
‫کم‬
‫نیاز‬
‫به‬
‫تکنیک‬
‫هم‬
‫دارن‬
UX & UI
UI
‫طراحی‬
‫بر‬
‫مبنای‬
‫تجربه‬
‫کاربر‬
‫بیشتر‬
‫یه‬
‫کار‬
‫اجتماعیه‬
‫و‬
‫یه‬
‫زمینه‬
‫تحلیلی‬
‫هم‬
‫دارن‬
‫که‬
‫میشه‬
‫گفت‬
‫قسمت‬
‫فنی‬
‫طراحی‬
‫هست‬
UX
mk.socialir@yahoo.com
Look outside world mentality
User status
‫کاربران‬ ‫سریع‬ ‫شناخت‬ ‫کار‬ ‫و‬ ‫کسب‬ ‫در‬ ‫موفقیت‬ ‫کلید‬
!WOW!
‫و‬ ‫بگذارید‬ ‫کاربر‬ ‫جای‬ ‫را‬ ‫خودتان‬ ،‫کنید‬ ‫نگاه‬ ‫محصول‬ ‫به‬ ‫کاربر‬ ‫دید‬ ‫دریچه‬ ‫از‬
‫کنید‬ ‫پیدا‬ ‫مفید‬ ‫حل‬ ‫راه‬ ‫مشکالت‬ ‫برای‬
‫کنید‬ ‫استفاده‬ ‫همفکری‬ ‫از‬ ‫و‬ ‫بگذارید‬ ‫میان‬ ‫در‬ ‫مشتری‬ ‫با‬ ‫را‬ ‫خود‬ ‫ایده‬
‫که‬ ‫هستید‬ ‫شما‬ ‫این‬ ،‫دارند‬ ‫قرار‬ ‫خودشان‬ ‫مناسب‬ ‫و‬ ‫صحیح‬ ‫جای‬ ‫در‬ ‫همیشه‬ ‫کاربران‬
‫هست‬ ‫پذیر‬ ‫توجیه‬ ‫ایده‬ ‫این‬ ‫آره‬
‫زیاد‬ ‫کاربر‬ ‫من‬ ‫ایده‬
‫کنه‬ ‫می‬ ‫جذب‬
‫هستند‬ ‫موافق‬ ‫من‬ ‫با‬ ‫کاربران‬
!!
‫میگم‬ ‫درست‬ ‫من‬
!
‫ایده‬ ‫یه‬ ‫من‬
‫دارم‬ ‫ناب‬
!
‫ببین‬ ‫رو‬ ‫دنیا‬ ‫ذهنیت‬ ‫ساختمان‬ ‫از‬ ‫خارج‬
mk.socialir@yahoo.com
Jumping Ramp Of The Bicycle
What?
‫صداي‬ ‫شنیدن‬ ‫بدون‬
‫مشتري‬
mk.socialir@yahoo.com
‫خود‬ ‫های‬ ‫برنامه‬ ‫به‬ ‫تابحال‬ ‫آیا‬
‫از‬
‫کاربر‬ ‫یک‬ ‫دید‬
‫اید؟‬ ‫کرده‬ ‫نگاه‬
‫از‬
‫کاربر‬ ‫یک‬ ‫دید‬
‫ای‬ ‫برنامه‬ ‫چه‬
‫دارد؟‬ ‫ای‬ ‫حرفه‬ ‫ظاهر‬
‫نمی‬ ‫که‬ ‫جاست‬ ‫این‬ ‫مشکل‬
‫برنامه‬ ‫این‬ ‫تا‬ ‫میشود‬ ‫سبب‬ ‫عواملی‬ ‫چه‬ ‫دانیم‬
‫ها‬
‫ای‬ ‫حرفه‬
‫سایر‬ ‫از‬ ‫را‬ ‫آنها‬ ‫توانید‬ ‫می‬ ‫شما‬ ‫و‬ ‫برسند‬ ‫نظر‬ ‫به‬
mk.socialir@yahoo.com
(1
‫افزار‬ ‫نرم‬ ‫سراسر‬ ‫در‬ ‫یکپارچگی‬ ‫داشتن‬ ‫برای‬ ‫حل‬ ‫راه‬ ‫ارایه‬
(2
‫از‬ ‫استفاده‬ ‫روش‬
Template
‫افزار‬ ‫نرم‬ ‫سراسر‬ ‫در‬ ‫آماده‬ ‫های‬
(3
‫افزار‬ ‫نرم‬ ‫بندی‬ ‫رنگ‬ ‫برای‬ ‫مهم‬ ‫نکات‬
(4
‫رنگ‬ ‫با‬ ‫چگونه‬
‫نگه‬ ‫افزار‬ ‫نرم‬ ‫پای‬ ‫ها‬ ‫ساعت‬ ‫را‬ ‫کاربران‬ ‫مناسب‬ ‫بندی‬
‫دارید؟‬
(5
‫داد؟‬ ‫خرج‬ ‫به‬ ‫حساسیت‬ ‫افزار‬ ‫نرم‬ ‫فونت‬ ‫انتخاب‬ ‫در‬ ‫باید‬ ‫چرا‬
(6
‫؟‬ ‫چیست‬ ‫افزار‬ ‫نرم‬ ‫های‬ ‫فونت‬ ‫برای‬ ‫انتخاب‬ ‫بهترین‬
(7
‫مختلف‬ ‫های‬ ‫بخش‬ ‫فونت‬ ‫تغییر‬ ‫برای‬ ‫ساده‬ ‫بسیار‬ ‫روش‬ ‫یک‬ ‫ارایه‬
(8
‫فرم‬ ‫با‬
Splash
‫ای‬ ‫حرفه‬ ‫افزار‬ ‫نرم‬ ‫یک‬ ‫ارایه‬ ‫سوی‬ ‫به‬ ‫را‬ ‫گام‬ ‫اولین‬
‫بردارید‬
.
(9
‫فرم‬ ‫درون‬ ‫اطلعاتی‬ ‫چه‬
Splash
‫باشد؟‬ ‫موثر‬ ‫که‬ ‫دهیم‬ ‫قرار‬
(10
‫فرم‬ ‫یک‬ ‫چگونه‬
Splash
‫کنیم؟‬ ‫طراحی‬ ‫خوب‬
‫افزار‬ ‫نرم‬ ‫جامعیت‬ ‫حفظ‬
mk.socialir@yahoo.com
‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬
‫فرم‬
‫های‬
‫اطلعات‬ ‫ورود‬
‫ستونه‬ ‫چند‬
‫شدن‬
‫ستونه‬ ‫تک‬
mk.socialir@yahoo.com
‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬
‫اطلعات‬ ‫ورود‬

‫دادن‬ ‫قرار‬
Label
‫اطلعات‬ ‫ورود‬ ‫های‬ ‫کنترل‬ ‫باالی‬ ‫در‬

‫دادن‬ ‫قرار‬
Label
‫اطلعات‬ ‫ورود‬ ‫های‬ ‫کنترل‬ ‫راست‬ ‫سمت‬ ‫در‬ ‫همراستا‬

Placeholder
‫جای‬ ‫به‬ ‫ها‬
label
‫ها‬

‫بودن‬ ‫تراز‬
label
‫اطلعات‬ ‫ورود‬ ‫های‬ ‫کنترل‬ ‫به‬ ‫نسبت‬ ‫ها‬
Label
mk.socialir@yahoo.com
‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬
‫اطلعات‬ ‫ورود‬
Button ‫عملیات‬
CRUD
‫عملیات‬ ‫شامل‬
‫حذف‬ ،‫بروزرسانی‬ ،‫ویرایش‬ ، ‫ثبت‬

‫ها‬ ‫دکمه‬ ‫طراحی‬ ‫در‬ ‫تمایز‬

‫آیکونها‬ ‫و‬ ‫ها‬ ‫دکمه‬ ‫برای‬ ‫مناسب‬ ‫رنگ‬
:
‫بندی‬ ‫رنگ‬
‫بنفش‬ ‫گاو‬ ‫براساس‬

‫ها‬ ‫دکمه‬ ‫قرارگیری‬ ‫محل‬

‫کاربر‬ ‫درخواست‬ ‫به‬ ‫اضافه‬ ‫های‬ ‫دکمه‬ ‫نمایش‬

‫بیاورید‬ ‫در‬ ‫منو‬ ‫شکل‬ ‫به‬ ‫را‬ ‫ها‬ ‫دکمه‬

‫ها‬ ‫آیکن‬ ‫از‬ ‫استفاده‬

‫مناسب‬ ‫عنوان‬ ‫انتخاب‬
(
‫استفاده‬ ‫شخص‬ ‫سوم‬ ‫از‬
‫استفاده‬ ‫موجودیت‬ ‫نام‬ ‫از‬ ‫است‬ ‫بهتر‬ ‫و‬ ‫نکنید‬
‫کنید‬
).
mk.socialir@yahoo.com
‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬
‫اطلعات‬ ‫ورود‬
Button ‫دکمه‬ ‫موقع‬ ‫چه‬
‫استفاده‬
‫نکنیم؟‬ ‫استفاده‬ ‫دکمه‬ ‫از‬ ‫موقع‬ ‫چه‬ ‫و‬ ‫کنیم‬
‫در‬
‫صورتی‬
‫که‬
‫فرمانی‬
‫مشخص‬
‫به‬
‫سیستم‬
‫برای‬
‫گرفتن‬
‫پاسخ‬
(
‫اجرای‬
‫الگوریتم‬
‫یا‬
‫درخواست‬
‫منبع‬
‫در‬
‫سرور‬
)
‫داده‬
‫نمی‬
‫شود‬
‫بهتر‬
‫است‬
‫از‬
‫برچسب‬
‫لینک‬
‫به‬
‫جای‬
‫یک‬
‫دکمه‬
‫استفاده‬
‫گردد‬
.
(
‫دکمه‬
‫های‬
‫راهنما‬
)
mk.socialir@yahoo.com
‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬
‫اطلعات‬ ‫ورود‬ 
‫نمایید‬ ‫حذف‬ ‫را‬ ‫اختیاری‬ ‫فیلدهای‬
.
‫در‬ ‫نمود‬ ‫حذف‬ ‫را‬ ‫آن‬ ‫شود‬ ‫نمی‬ ‫اگر‬
‫است‬ ‫اختیاری‬ ‫فیلد‬ ‫این‬ ‫که‬ ‫بنویسید‬ ‫برچسب‬
.

‫نگاه‬ ‫از‬ ‫نه‬ ‫شوند‬ ‫طراحی‬ ‫منطقی‬ ‫کاربر‬ ‫نگاه‬ ‫از‬ ‫باید‬ ‫اطلعات‬ ‫ورود‬ ‫های‬ ‫فرم‬
‫اطلعاتی‬ ‫بانکهای‬ ‫یا‬ ‫نویسی‬ ‫برنامه‬

‫باشید‬ ‫شجاع‬ ‫کردن‬ ‫خلصه‬ ‫برای‬
mk.socialir@yahoo.com
‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬
‫اطلعات‬ ‫ورود‬
‫سایر‬
...

‫فرم‬
‫های‬
‫استاندارد‬
‫مثل‬
about , splash
‫را‬
‫در‬
‫پروژه‬
‫های‬
‫خود‬
‫فراموش‬
‫نکنیم‬
.

‫به‬
‫یکپارچگی‬
‫در‬
‫سراسر‬
‫نرم‬
‫افزار‬
‫در‬
‫فرم‬
‫های‬
‫ورود‬
‫اطالعات‬
‫پایبند‬
‫باشیم‬
.

‫در‬
‫صورت‬
‫عدم‬
‫انتخاب‬
‫فونت‬
،‫مناسب‬
‫ارتباط‬
‫دایمی‬
‫کاربر‬
‫با‬
‫نرم‬
‫افزار‬
‫را‬
‫مختل‬
‫می‬
‫کنیم‬
.

‫در‬
‫زمان‬
،‫کوتاه‬
‫ظاهر‬
‫نرم‬
‫افزارهایتان‬
‫را‬
‫برای‬
mk.socialir@yahoo.com
Ten do’s and don'ts of UI and UX design
(1
‫کاربران‬ ‫برای‬ ‫دیوایس‬ ‫نوع‬ ‫گرفتن‬ ‫نظر‬ ‫در‬ ‫بدون‬ ‫یکسانی‬ ‫ی‬ ‫تجربه‬
‫کنید‬ ‫فراهم‬
.
(2
‫فهم‬ ‫قابل‬ ‫و‬ ‫ساده‬ ‫شما‬ ‫سایت‬ ‫در‬ ‫منابع‬ ‫یافتن‬ ‫که‬ ‫کنید‬ ‫فراهم‬ ‫امکانی‬
‫باشد‬
.
(3
‫دهید‬ ‫قرار‬ ‫توجه‬ ‫مرکز‬ ‫در‬ ‫را‬ ‫تر‬ ‫مهم‬ ‫های‬ ‫قسمت‬
.
(4
‫می‬ ‫کار‬ ‫درستی‬ ‫به‬ ‫ها‬ ‫دکمه‬ ‫و‬ ‫ها‬ ‫لینک‬ ‫تمام‬ ‫که‬ ‫کنید‬ ‫حاصل‬ ‫اطمینان‬
‫کنند‬
.
(5
‫در‬ ‫را‬ ‫سایتتان‬ ‫کردن‬ ‫مرور‬ ‫ی‬ ‫تجربه‬ ‫کنترل‬ ‫کاربران‬ ‫تا‬ ‫دهید‬ ‫اجازه‬
‫بگیرند‬ ‫دست‬
.
(6
‫شود‬ ‫آن‬ ‫از‬ ‫استفاده‬ ‫سهولت‬ ‫مانع‬ ‫سایتتان‬ ‫طراحی‬ ‫تا‬ ‫ندهید‬ ‫اجازه‬
.
mk.socialir@yahoo.com
mk.socialir@yahoo.com
‫کریمی‬ ‫محمد‬

More Related Content

Similar to pdf-back.pptx

طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.شرکت طراحی سایت کاسپید
 
Digital Publisher
Digital PublisherDigital Publisher
Digital PublisherShad Far
 
رازهایی در طراحی اپلیکیشن موبایل،که باعث می شوند خنده به لبان کاربران شما بیاید
رازهایی در طراحی اپلیکیشن موبایل،که باعث می شوند خنده به لبان کاربران شما بیایدرازهایی در طراحی اپلیکیشن موبایل،که باعث می شوند خنده به لبان کاربران شما بیاید
رازهایی در طراحی اپلیکیشن موبایل،که باعث می شوند خنده به لبان کاربران شما بیایدMilad Mehraram
 
انفجار تجربه‌کاربری
انفجار تجربه‌کاربریانفجار تجربه‌کاربری
انفجار تجربه‌کاربریWeb Standards School
 
بوم مدل کسب و کار
بوم مدل کسب و کاربوم مدل کسب و کار
بوم مدل کسب و کارAmin Barahmand
 
سه اشتباه معمول تجربه کاربر – و چگونگی برطرف نمودن آن اشتباهات
سه اشتباه معمول تجربه کاربر – و چگونگی برطرف نمودن آن اشتباهاتسه اشتباه معمول تجربه کاربر – و چگونگی برطرف نمودن آن اشتباهات
سه اشتباه معمول تجربه کاربر – و چگونگی برطرف نمودن آن اشتباهاترامین عبدی
 
وبینار از تجربه کاربری به تجربه مشتری | چرا طراحان تجربه باید مانند معماران ف...
وبینار از تجربه کاربری به تجربه مشتری | چرا طراحان تجربه باید مانند معماران ف...وبینار از تجربه کاربری به تجربه مشتری | چرا طراحان تجربه باید مانند معماران ف...
وبینار از تجربه کاربری به تجربه مشتری | چرا طراحان تجربه باید مانند معماران ف...Martech Academy
 
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshopکارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin WorkshopEsmail MohammadiPanah
 
سوالات کاربر تولید محتوا از فصل 4 تا 7
سوالات کاربر تولید محتوا از فصل 4  تا 7سوالات کاربر تولید محتوا از فصل 4  تا 7
سوالات کاربر تولید محتوا از فصل 4 تا 7nazaninjam
 
آینده بانکداری دیجیتال
آینده بانکداری دیجیتالآینده بانکداری دیجیتال
آینده بانکداری دیجیتالAhad Zare Ravasan
 
slideshare.pdf
slideshare.pdfslideshare.pdf
slideshare.pdfmmdrzslri
 
How to Sucess In Meeting - Amir.Zamanian
How to Sucess In Meeting - Amir.ZamanianHow to Sucess In Meeting - Amir.Zamanian
How to Sucess In Meeting - Amir.ZamanianA Zn Network
 
کتاب راهنمای صفحه فرود
کتاب راهنمای صفحه فرودکتاب راهنمای صفحه فرود
کتاب راهنمای صفحه فرودAnetwork
 
Challenges and solutions for start-ups in UX
Challenges and solutions for start-ups in UXChallenges and solutions for start-ups in UX
Challenges and solutions for start-ups in UXArash Gity
 

Similar to pdf-back.pptx (20)

طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
 
Digital Publisher
Digital PublisherDigital Publisher
Digital Publisher
 
رازهایی در طراحی اپلیکیشن موبایل،که باعث می شوند خنده به لبان کاربران شما بیاید
رازهایی در طراحی اپلیکیشن موبایل،که باعث می شوند خنده به لبان کاربران شما بیایدرازهایی در طراحی اپلیکیشن موبایل،که باعث می شوند خنده به لبان کاربران شما بیاید
رازهایی در طراحی اپلیکیشن موبایل،که باعث می شوند خنده به لبان کاربران شما بیاید
 
انفجار تجربه‌کاربری
انفجار تجربه‌کاربریانفجار تجربه‌کاربری
انفجار تجربه‌کاربری
 
Adobe connect
Adobe connectAdobe connect
Adobe connect
 
Gamification
GamificationGamification
Gamification
 
بوم مدل کسب و کار
بوم مدل کسب و کاربوم مدل کسب و کار
بوم مدل کسب و کار
 
اقتصاد دیجیتال
اقتصاد دیجیتالاقتصاد دیجیتال
اقتصاد دیجیتال
 
سه اشتباه معمول تجربه کاربر – و چگونگی برطرف نمودن آن اشتباهات
سه اشتباه معمول تجربه کاربر – و چگونگی برطرف نمودن آن اشتباهاتسه اشتباه معمول تجربه کاربر – و چگونگی برطرف نمودن آن اشتباهات
سه اشتباه معمول تجربه کاربر – و چگونگی برطرف نمودن آن اشتباهات
 
وبینار از تجربه کاربری به تجربه مشتری | چرا طراحان تجربه باید مانند معماران ف...
وبینار از تجربه کاربری به تجربه مشتری | چرا طراحان تجربه باید مانند معماران ف...وبینار از تجربه کاربری به تجربه مشتری | چرا طراحان تجربه باید مانند معماران ف...
وبینار از تجربه کاربری به تجربه مشتری | چرا طراحان تجربه باید مانند معماران ف...
 
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshopکارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
 
سوالات کاربر تولید محتوا از فصل 4 تا 7
سوالات کاربر تولید محتوا از فصل 4  تا 7سوالات کاربر تولید محتوا از فصل 4  تا 7
سوالات کاربر تولید محتوا از فصل 4 تا 7
 
آینده بانکداری دیجیتال
آینده بانکداری دیجیتالآینده بانکداری دیجیتال
آینده بانکداری دیجیتال
 
مدل کسب و کار
مدل کسب و کارمدل کسب و کار
مدل کسب و کار
 
slideshare.pdf
slideshare.pdfslideshare.pdf
slideshare.pdf
 
kandahar.pptx
kandahar.pptxkandahar.pptx
kandahar.pptx
 
How to Sucess In Meeting - Amir.Zamanian
How to Sucess In Meeting - Amir.ZamanianHow to Sucess In Meeting - Amir.Zamanian
How to Sucess In Meeting - Amir.Zamanian
 
کتاب راهنمای صفحه فرود
کتاب راهنمای صفحه فرودکتاب راهنمای صفحه فرود
کتاب راهنمای صفحه فرود
 
Challenges and solutions for start-ups in UX
Challenges and solutions for start-ups in UXChallenges and solutions for start-ups in UX
Challenges and solutions for start-ups in UX
 
طراحی سایت
طراحی سایتطراحی سایت
طراحی سایت
 

pdf-back.pptx

  • 1. ‫ما‬ ‫زمانی‬ ‫چه‬ ‫دیگران‬ ‫به‬ ‫را‬ ‫محصولی‬ ‫پیشنهاد‬ ‫می‬ ‫در‬ ‫انگیزش‬ ‫موجب‬ ‫معرفی‬ ‫بخشی‬ ‫لذت‬ ‫تجربه‬ ‫خلق‬ ‫که‬ mk.socialir@yahoo.com ‫کریمی‬ ‫محمد‬
  • 2. UX & UI User satisfaction U S E R E X P E R I E N C E U S E R I N T E R F A C E ‫صفحه‬ ‫چگونگی‬ ‫به‬ ‫محصول‬ ‫بندی‬ ‫است‬ ‫معطوف‬ . ‫و‬ ‫حالت‬ ،‫رفتار‬ ‫کاربر‬ ‫احساسات‬ mk.socialir@yahoo.com
  • 3. ‫مفهوم‬ ‫چند‬ ‫با‬ ‫آشنایی‬ mk.socialir@yahoo.com
  • 4. ‫مفهوم‬ ‫چند‬ ‫با‬ ‫آشنایی‬ ‫ی‬‫ر‬‫ت‬‫ش‬‫م‬ ‫ه‬‫ب‬‫ر‬‫ج‬‫ت‬ customer experience ‫ا‬‫ی‬ (CX) CX ‫احساس‬ ‫آن‬ ‫چیزی‬ ‫است‬ ‫که‬ ‫مشتری‬ ‫در‬ ‫تعامل‬ ‫با‬ ‫یک‬ ‫شرکت‬ ‫یا‬ ‫یک‬ ،‫موسسه‬ ‫یک‬ ،‫برند‬ ،‫محصول‬ ‫خدمات‬ ،‫شرکت‬ ‫سایت‬ ‫و‬ ‫یا‬ ‫اپ‬ ‫موبایل‬ ‫دریافت‬ ‫کند‬‫می‬ . ‫ر‬‫ب‬‫ر‬‫ا‬‫ک‬ ‫ه‬‫ب‬‫ر‬‫ج‬‫ت‬ user experience ‫ا‬‫ی‬ (UX) UX ‫تجربه‬ ‫کاربری‬ ‫یعنی‬ ‫این‬ ‫که‬ ‫یک‬ ‫فرد‬ ‫چطور‬ ‫به‬ ‫صورت‬ ‫احساسی‬ ‫یا‬ ‫درونی‬ ‫به‬ ‫تعاملی‬ ‫که‬ ‫با‬ ‫یک‬ ‫پروژه‬ ‫و‬ ‫یا‬ ‫طور‬‫به‬ ‫ویژه‬ ‫یک‬ ‫محصول‬ ‫دیجیتال‬ ( ‫مثل‬ ‫وب‬ ،‫ها‬‫سایت‬ ‫اپلیکیشن‬ ‫های‬ ‫موبایل‬ ‫و‬ ... ) ،‫دارد‬ ‫واکنش‬ ‫نشان‬ ‫دهد‬‫می‬ . ‫ی‬‫ل‬‫م‬‫ا‬‫ع‬‫ت‬ ‫ی‬‫ح‬‫ا‬‫ر‬‫ط‬ Interaction design ‫ا‬‫ی‬ (IXD) ‫این‬ ‫بحث‬ ‫مربوط‬ ‫به‬ ‫طراحی‬ ‫های‬‫واکنش‬ ‫رد‬ ‫و‬ ‫بدل‬ ‫شده‬ ‫یا‬ ‫در‬ ‫واقع‬ ‫تعامل‬ ‫میان‬ ‫انسان‬ ‫و‬ ‫محصوالت‬ ‫دیجیتال‬ ‫است‬ . mk.socialir@yahoo.com
  • 5. ‫مفهوم‬ ‫چند‬ ‫با‬ ‫آشنایی‬ ‫ی‬‫ح‬‫ا‬‫ر‬‫ط‬ ‫ر‬‫ک‬‫ف‬‫ت‬ design thinking ‫تفکر‬ ‫طراحی‬ ‫یعنی‬ ‫طراحی‬ ‫تجربه‬ ‫کلی‬ ‫یک‬ ‫فرد‬ ‫در‬ ‫رابطه‬ ‫با‬ ‫تعاملی‬ ‫فیزیکی‬ ‫و‬ ‫غیرفیزیکی‬ ‫که‬ ‫با‬ ‫یک‬ ‫شرکت‬ ،‫دارد‬ ‫ا‬ ‫مثل‬ ‫تجربه‬ ‫از‬ ‫تعامل‬ ‫با‬ ‫اپلیکیشن‬ ،‫موبایل‬ ‫وب‬ ،‫سایت‬ ‫تماس‬ ‫تلفنی‬ ‫و‬ ... 2 ‫مسئله‬ ‫در‬ ‫تفکر‬ ‫طراحی‬ (1 ‫سود‬ ‫و‬ ‫وری‬‫بهره‬ ‫شرکت‬ ‫و‬ ‫صاحب‬ ‫خدمات‬ (2 ‫ها‬‫تیم‬ ‫و‬ ‫کسانی‬ ‫که‬ ‫این‬ ‫خدمات‬ ‫را‬ ‫ارائه‬ ‫کنند‬‫می‬ . ‫محصول‬ ‫طراحی‬ PRODUCT DESIGN ‫طراحی‬ ‫محصول‬ ‫طور‬‫به‬ ‫کلی‬ ‫یعنی‬ ‫تعریف‬ ‫کردن‬ ‫شکل‬ ‫و‬ ‫فرم‬ ‫چیزهای‬ ‫فیزیکی‬ ‫یا‬ ‫دیجیتالی‬ . ‫تفاوت‬ ‫این‬ ‫اصطلح‬ ‫با‬ ‫طراحی‬ ‫تعاملی‬ ‫این‬ ‫است‬ ‫که‬ ‫طراحی‬ ‫محصول‬ ‫بسیار‬ ‫تر‬‫کلی‬ ‫از‬ ‫طراحی‬ ‫تعاملی‬ ‫در‬ ‫نظر‬ ‫گرفته‬ ‫شود‬‫می‬ ‫که‬ ‫هم‬ ‫به‬ ‫تعاملت‬ ‫مرتبط‬ ‫می‬ ‫باشد‬ ‫و‬ mk.socialir@yahoo.com
  • 7. ‫بین‬ ‫تفاوت‬ UI ‫و‬ UX  UI ‫در‬ ‫صنعت‬ ‫نرم‬ ‫افزار‬ ‫به‬ ‫هر‬ ‫چیزی‬ ‫که‬ ‫در‬ ‫صفحه‬ ‫نمایش‬ ‫داده‬ ‫می‬ ‫شود‬ ‫گفته‬ ‫می‬ ‫شود‬ ‫که‬ ‫شامل‬ ،‫تصاویر‬ ‫متن‬ ،‫ها‬ ‫دیاگرام‬ ،‫ها‬ ،‫ماژولها‬ ‫جداول‬ ، ‫ویدئوها‬ ‫و‬ ‫همچنین‬ ‫رنگ‬ ، ‫سایر‬ ‫و‬ ‫مکان‬ ‫آن‬ ‫ها‬ ‫می‬ ‫باشد‬ .  UX ‫بسیار‬ ‫وسیع‬ ‫تر‬ ‫از‬ UI ‫می‬ ‫باشد‬ ‫و‬ ‫به‬ ‫تجربه‬ ‫و‬ ‫احساس‬ ‫کاربر‬ ‫زمانی‬ ‫که‬ ‫از‬ ‫محصول‬ ‫شما‬ ‫استفاده‬ ‫می‬ ‫نمایند‬ ‫گفته‬ ‫می‬ ‫شود‬ . ‫به‬ ‫عنوان‬ ‫مثال‬ ‫زمانی‬ ‫که‬ ‫شما‬ ‫از‬ ‫سایت‬ ‫دیجی‬ ‫کاال‬ ‫محصولی‬ ‫را‬ ‫سفارش‬ ‫می‬ ‫دهید‬ ‫و‬ ‫آن‬ ‫بسیار‬ ‫سریع‬ ‫تحویل‬ ‫شما‬ ‫می‬ ‫گردد‬ ‫به‬ ‫این‬ ‫معناست‬ ‫که‬ UX ‫خوبی‬ ‫وجود‬ ‫داشته‬ ‫است‬ . mk.socialir@yahoo.com
  • 9. UX (USER EXPERIENCE) ‫تجربه‬ ،‫کاربری‬ ‫روشی‬ ‫برای‬ ‫ساخت‬ ‫محصولی‬ ‫هست‬ ‫که‬ ‫برای‬ ‫کاربر‬ ‫خاص‬ ‫شما‬ ‫طراحی‬ ‫شده‬ ‫و‬ ‫تمامی‬ ‫تالش‬ ‫این‬ ‫علم‬ ‫برای‬ ‫موفقیت‬ ‫و‬ ‫رشد‬ ‫کسب‬ ‫و‬ ‫کار‬ ‫شما‬ ‫با‬ ‫هدف‬ ‫خلق‬ ‫محیط‬ ‫تعاملی‬ ‫راحت‬ ‫و‬ ‫کاربردی‬ ‫در‬ ‫جهت‬ ‫رضایت‬ ‫مندی‬ ‫کاربر‬ ‫نهایی‬ ‫می‬ ‫باشد‬ . ‫که‬ ‫است‬ ‫این‬ ،‫هدف‬ ‫خوش‬ ‫ای‬‫خاطره‬ ‫کاربر‬ ‫ذهن‬ ‫در‬ ‫ببندد‬ ‫نقش‬ ‫محصول‬ ‫با‬ ‫کاربر‬ ‫راحت‬ ‫ارتباط‬ - > ‫و‬ ‫خوشحالی‬ ‫کاربر‬ ‫رضایت‬ ‫کاربر‬ ‫از‬ ‫صحیح‬ ‫شناخت‬ ‫و‬ ‫اصول‬ ‫محصول‬ ‫نهایی‬ ‫کاربری‬ ‫تجربه‬ ‫طراح‬ ( UXD :) ‫حل‬ ‫راه‬ ‫ارایه‬ ‫و‬ ‫کاربر‬ ‫مشکالت‬ ‫قراردادن‬ ‫هدف‬ ‫مفید‬ ‫و‬ ‫بخش‬ ‫لذت‬ ‫تعاملی‬ ،‫کاربر‬ ‫رفتار‬ ‫توصیف‬ ‫معیارهای‬ ‫گیری‬ ‫اندازه‬ ‫قابل‬ ? ? ? ? ? ‫او‬ ‫تا‬ ‫بازهم‬ ‫محصول‬ ‫از‬ ‫کند‬ ‫استفاده‬ . mk.socialir@yahoo.com
  • 10. UXD (USER EXPERIENCE DESIGNER) ‫دانش‬ UXD  ‫روانشناسی‬  ‫انسان‬ ‫شناسی‬  ‫علوم‬ ‫کامپیوتر‬  ‫طراحی‬ ‫گرافیک‬  ‫طراحی‬ ‫صنعتی‬  ‫علوم‬ ‫شناختی‬ ‫و‬ ‫شناخت‬ ‫حدس‬ ‫باالیی‬ ‫و‬ ‫خوب‬ ‫عمومی‬ ‫روابط‬ ‫یک‬ UXD ‫و‬ ‫تکنیکی‬ ‫هاي‬ ‫ویژگی‬ ‫به‬ ‫ندارد‬ ‫کاری‬ ‫کار‬ ‫فنی‬ . mk.socialir@yahoo.com
  • 11. ‫شما‬ ‫برای‬ ‫کدام‬ ‫است‬ ‫مناسب‬ : ‫طراحی‬ ‫بر‬ ‫مبنای‬ ‫رابط‬ ‫کاربری‬ ‫بیشتر‬ ‫به‬ ‫درد‬ ‫کسایی‬ ‫میخوره‬ ‫که‬ ‫ذهن‬ ‫هنرمندتر‬ ‫و‬ ‫توانایی‬ ‫های‬ ‫ویژوال‬ ‫دارن‬ ‫و‬ ‫یک‬ ‫کم‬ ‫نیاز‬ ‫به‬ ‫تکنیک‬ ‫هم‬ ‫دارن‬ UX & UI UI ‫طراحی‬ ‫بر‬ ‫مبنای‬ ‫تجربه‬ ‫کاربر‬ ‫بیشتر‬ ‫یه‬ ‫کار‬ ‫اجتماعیه‬ ‫و‬ ‫یه‬ ‫زمینه‬ ‫تحلیلی‬ ‫هم‬ ‫دارن‬ ‫که‬ ‫میشه‬ ‫گفت‬ ‫قسمت‬ ‫فنی‬ ‫طراحی‬ ‫هست‬ UX mk.socialir@yahoo.com
  • 12. Look outside world mentality User status ‫کاربران‬ ‫سریع‬ ‫شناخت‬ ‫کار‬ ‫و‬ ‫کسب‬ ‫در‬ ‫موفقیت‬ ‫کلید‬ !WOW! ‫و‬ ‫بگذارید‬ ‫کاربر‬ ‫جای‬ ‫را‬ ‫خودتان‬ ،‫کنید‬ ‫نگاه‬ ‫محصول‬ ‫به‬ ‫کاربر‬ ‫دید‬ ‫دریچه‬ ‫از‬ ‫کنید‬ ‫پیدا‬ ‫مفید‬ ‫حل‬ ‫راه‬ ‫مشکالت‬ ‫برای‬ ‫کنید‬ ‫استفاده‬ ‫همفکری‬ ‫از‬ ‫و‬ ‫بگذارید‬ ‫میان‬ ‫در‬ ‫مشتری‬ ‫با‬ ‫را‬ ‫خود‬ ‫ایده‬ ‫که‬ ‫هستید‬ ‫شما‬ ‫این‬ ،‫دارند‬ ‫قرار‬ ‫خودشان‬ ‫مناسب‬ ‫و‬ ‫صحیح‬ ‫جای‬ ‫در‬ ‫همیشه‬ ‫کاربران‬ ‫هست‬ ‫پذیر‬ ‫توجیه‬ ‫ایده‬ ‫این‬ ‫آره‬ ‫زیاد‬ ‫کاربر‬ ‫من‬ ‫ایده‬ ‫کنه‬ ‫می‬ ‫جذب‬ ‫هستند‬ ‫موافق‬ ‫من‬ ‫با‬ ‫کاربران‬ !! ‫میگم‬ ‫درست‬ ‫من‬ ! ‫ایده‬ ‫یه‬ ‫من‬ ‫دارم‬ ‫ناب‬ ! ‫ببین‬ ‫رو‬ ‫دنیا‬ ‫ذهنیت‬ ‫ساختمان‬ ‫از‬ ‫خارج‬ mk.socialir@yahoo.com
  • 13. Jumping Ramp Of The Bicycle What? ‫صداي‬ ‫شنیدن‬ ‫بدون‬ ‫مشتري‬ mk.socialir@yahoo.com
  • 14. ‫خود‬ ‫های‬ ‫برنامه‬ ‫به‬ ‫تابحال‬ ‫آیا‬ ‫از‬ ‫کاربر‬ ‫یک‬ ‫دید‬ ‫اید؟‬ ‫کرده‬ ‫نگاه‬ ‫از‬ ‫کاربر‬ ‫یک‬ ‫دید‬ ‫ای‬ ‫برنامه‬ ‫چه‬ ‫دارد؟‬ ‫ای‬ ‫حرفه‬ ‫ظاهر‬ ‫نمی‬ ‫که‬ ‫جاست‬ ‫این‬ ‫مشکل‬ ‫برنامه‬ ‫این‬ ‫تا‬ ‫میشود‬ ‫سبب‬ ‫عواملی‬ ‫چه‬ ‫دانیم‬ ‫ها‬ ‫ای‬ ‫حرفه‬ ‫سایر‬ ‫از‬ ‫را‬ ‫آنها‬ ‫توانید‬ ‫می‬ ‫شما‬ ‫و‬ ‫برسند‬ ‫نظر‬ ‫به‬ mk.socialir@yahoo.com
  • 15. (1 ‫افزار‬ ‫نرم‬ ‫سراسر‬ ‫در‬ ‫یکپارچگی‬ ‫داشتن‬ ‫برای‬ ‫حل‬ ‫راه‬ ‫ارایه‬ (2 ‫از‬ ‫استفاده‬ ‫روش‬ Template ‫افزار‬ ‫نرم‬ ‫سراسر‬ ‫در‬ ‫آماده‬ ‫های‬ (3 ‫افزار‬ ‫نرم‬ ‫بندی‬ ‫رنگ‬ ‫برای‬ ‫مهم‬ ‫نکات‬ (4 ‫رنگ‬ ‫با‬ ‫چگونه‬ ‫نگه‬ ‫افزار‬ ‫نرم‬ ‫پای‬ ‫ها‬ ‫ساعت‬ ‫را‬ ‫کاربران‬ ‫مناسب‬ ‫بندی‬ ‫دارید؟‬ (5 ‫داد؟‬ ‫خرج‬ ‫به‬ ‫حساسیت‬ ‫افزار‬ ‫نرم‬ ‫فونت‬ ‫انتخاب‬ ‫در‬ ‫باید‬ ‫چرا‬ (6 ‫؟‬ ‫چیست‬ ‫افزار‬ ‫نرم‬ ‫های‬ ‫فونت‬ ‫برای‬ ‫انتخاب‬ ‫بهترین‬ (7 ‫مختلف‬ ‫های‬ ‫بخش‬ ‫فونت‬ ‫تغییر‬ ‫برای‬ ‫ساده‬ ‫بسیار‬ ‫روش‬ ‫یک‬ ‫ارایه‬ (8 ‫فرم‬ ‫با‬ Splash ‫ای‬ ‫حرفه‬ ‫افزار‬ ‫نرم‬ ‫یک‬ ‫ارایه‬ ‫سوی‬ ‫به‬ ‫را‬ ‫گام‬ ‫اولین‬ ‫بردارید‬ . (9 ‫فرم‬ ‫درون‬ ‫اطلعاتی‬ ‫چه‬ Splash ‫باشد؟‬ ‫موثر‬ ‫که‬ ‫دهیم‬ ‫قرار‬ (10 ‫فرم‬ ‫یک‬ ‫چگونه‬ Splash ‫کنیم؟‬ ‫طراحی‬ ‫خوب‬ ‫افزار‬ ‫نرم‬ ‫جامعیت‬ ‫حفظ‬ mk.socialir@yahoo.com
  • 16. ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬ ‫فرم‬ ‫های‬ ‫اطلعات‬ ‫ورود‬ ‫ستونه‬ ‫چند‬ ‫شدن‬ ‫ستونه‬ ‫تک‬ mk.socialir@yahoo.com
  • 17. ‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬ ‫اطلعات‬ ‫ورود‬  ‫دادن‬ ‫قرار‬ Label ‫اطلعات‬ ‫ورود‬ ‫های‬ ‫کنترل‬ ‫باالی‬ ‫در‬  ‫دادن‬ ‫قرار‬ Label ‫اطلعات‬ ‫ورود‬ ‫های‬ ‫کنترل‬ ‫راست‬ ‫سمت‬ ‫در‬ ‫همراستا‬  Placeholder ‫جای‬ ‫به‬ ‫ها‬ label ‫ها‬  ‫بودن‬ ‫تراز‬ label ‫اطلعات‬ ‫ورود‬ ‫های‬ ‫کنترل‬ ‫به‬ ‫نسبت‬ ‫ها‬ Label mk.socialir@yahoo.com
  • 18. ‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬ ‫اطلعات‬ ‫ورود‬ Button ‫عملیات‬ CRUD ‫عملیات‬ ‫شامل‬ ‫حذف‬ ،‫بروزرسانی‬ ،‫ویرایش‬ ، ‫ثبت‬  ‫ها‬ ‫دکمه‬ ‫طراحی‬ ‫در‬ ‫تمایز‬  ‫آیکونها‬ ‫و‬ ‫ها‬ ‫دکمه‬ ‫برای‬ ‫مناسب‬ ‫رنگ‬ : ‫بندی‬ ‫رنگ‬ ‫بنفش‬ ‫گاو‬ ‫براساس‬  ‫ها‬ ‫دکمه‬ ‫قرارگیری‬ ‫محل‬  ‫کاربر‬ ‫درخواست‬ ‫به‬ ‫اضافه‬ ‫های‬ ‫دکمه‬ ‫نمایش‬  ‫بیاورید‬ ‫در‬ ‫منو‬ ‫شکل‬ ‫به‬ ‫را‬ ‫ها‬ ‫دکمه‬  ‫ها‬ ‫آیکن‬ ‫از‬ ‫استفاده‬  ‫مناسب‬ ‫عنوان‬ ‫انتخاب‬ ( ‫استفاده‬ ‫شخص‬ ‫سوم‬ ‫از‬ ‫استفاده‬ ‫موجودیت‬ ‫نام‬ ‫از‬ ‫است‬ ‫بهتر‬ ‫و‬ ‫نکنید‬ ‫کنید‬ ). mk.socialir@yahoo.com
  • 19. ‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬ ‫اطلعات‬ ‫ورود‬ Button ‫دکمه‬ ‫موقع‬ ‫چه‬ ‫استفاده‬ ‫نکنیم؟‬ ‫استفاده‬ ‫دکمه‬ ‫از‬ ‫موقع‬ ‫چه‬ ‫و‬ ‫کنیم‬ ‫در‬ ‫صورتی‬ ‫که‬ ‫فرمانی‬ ‫مشخص‬ ‫به‬ ‫سیستم‬ ‫برای‬ ‫گرفتن‬ ‫پاسخ‬ ( ‫اجرای‬ ‫الگوریتم‬ ‫یا‬ ‫درخواست‬ ‫منبع‬ ‫در‬ ‫سرور‬ ) ‫داده‬ ‫نمی‬ ‫شود‬ ‫بهتر‬ ‫است‬ ‫از‬ ‫برچسب‬ ‫لینک‬ ‫به‬ ‫جای‬ ‫یک‬ ‫دکمه‬ ‫استفاده‬ ‫گردد‬ . ( ‫دکمه‬ ‫های‬ ‫راهنما‬ ) mk.socialir@yahoo.com
  • 20. ‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬ ‫اطلعات‬ ‫ورود‬  ‫نمایید‬ ‫حذف‬ ‫را‬ ‫اختیاری‬ ‫فیلدهای‬ . ‫در‬ ‫نمود‬ ‫حذف‬ ‫را‬ ‫آن‬ ‫شود‬ ‫نمی‬ ‫اگر‬ ‫است‬ ‫اختیاری‬ ‫فیلد‬ ‫این‬ ‫که‬ ‫بنویسید‬ ‫برچسب‬ .  ‫نگاه‬ ‫از‬ ‫نه‬ ‫شوند‬ ‫طراحی‬ ‫منطقی‬ ‫کاربر‬ ‫نگاه‬ ‫از‬ ‫باید‬ ‫اطلعات‬ ‫ورود‬ ‫های‬ ‫فرم‬ ‫اطلعاتی‬ ‫بانکهای‬ ‫یا‬ ‫نویسی‬ ‫برنامه‬  ‫باشید‬ ‫شجاع‬ ‫کردن‬ ‫خلصه‬ ‫برای‬ mk.socialir@yahoo.com
  • 21. ‫های‬ ‫فرم‬ ‫طراحی‬ ‫ترفندهای‬ ‫از‬ ‫بخشی‬ ‫اطلعات‬ ‫ورود‬ ‫سایر‬ ...  ‫فرم‬ ‫های‬ ‫استاندارد‬ ‫مثل‬ about , splash ‫را‬ ‫در‬ ‫پروژه‬ ‫های‬ ‫خود‬ ‫فراموش‬ ‫نکنیم‬ .  ‫به‬ ‫یکپارچگی‬ ‫در‬ ‫سراسر‬ ‫نرم‬ ‫افزار‬ ‫در‬ ‫فرم‬ ‫های‬ ‫ورود‬ ‫اطالعات‬ ‫پایبند‬ ‫باشیم‬ .  ‫در‬ ‫صورت‬ ‫عدم‬ ‫انتخاب‬ ‫فونت‬ ،‫مناسب‬ ‫ارتباط‬ ‫دایمی‬ ‫کاربر‬ ‫با‬ ‫نرم‬ ‫افزار‬ ‫را‬ ‫مختل‬ ‫می‬ ‫کنیم‬ .  ‫در‬ ‫زمان‬ ،‫کوتاه‬ ‫ظاهر‬ ‫نرم‬ ‫افزارهایتان‬ ‫را‬ ‫برای‬ mk.socialir@yahoo.com
  • 22. Ten do’s and don'ts of UI and UX design (1 ‫کاربران‬ ‫برای‬ ‫دیوایس‬ ‫نوع‬ ‫گرفتن‬ ‫نظر‬ ‫در‬ ‫بدون‬ ‫یکسانی‬ ‫ی‬ ‫تجربه‬ ‫کنید‬ ‫فراهم‬ . (2 ‫فهم‬ ‫قابل‬ ‫و‬ ‫ساده‬ ‫شما‬ ‫سایت‬ ‫در‬ ‫منابع‬ ‫یافتن‬ ‫که‬ ‫کنید‬ ‫فراهم‬ ‫امکانی‬ ‫باشد‬ . (3 ‫دهید‬ ‫قرار‬ ‫توجه‬ ‫مرکز‬ ‫در‬ ‫را‬ ‫تر‬ ‫مهم‬ ‫های‬ ‫قسمت‬ . (4 ‫می‬ ‫کار‬ ‫درستی‬ ‫به‬ ‫ها‬ ‫دکمه‬ ‫و‬ ‫ها‬ ‫لینک‬ ‫تمام‬ ‫که‬ ‫کنید‬ ‫حاصل‬ ‫اطمینان‬ ‫کنند‬ . (5 ‫در‬ ‫را‬ ‫سایتتان‬ ‫کردن‬ ‫مرور‬ ‫ی‬ ‫تجربه‬ ‫کنترل‬ ‫کاربران‬ ‫تا‬ ‫دهید‬ ‫اجازه‬ ‫بگیرند‬ ‫دست‬ . (6 ‫شود‬ ‫آن‬ ‫از‬ ‫استفاده‬ ‫سهولت‬ ‫مانع‬ ‫سایتتان‬ ‫طراحی‬ ‫تا‬ ‫ندهید‬ ‫اجازه‬ . mk.socialir@yahoo.com

Editor's Notes

  1. CX مثلاً تجربه مشتری در مورد کار با سایت علی بابا شاید به این صورت باشد: مشتری تبلیغات این شرکت را در فیسبوک یا جاهای دیگر به صورت آنلاین مشاهده می‌کند و نهایتاً تصمیم می‌گیرد که بر روی آن کلیک کند. با کلیک کردن بر روی تبلیغ، مشتری به وب سایت این شرکت منتقل می‌شود. بعد او شروع به بازدید کردن از وب سایت کرده و نگاهی اجمالی و کلی به مطالب داخل آن می‌اندازد. بعد مشتری تصمیم می‌گیرد که با بخش خدمات مشتری تماس گرفته و سؤالاتی بپرسد. فرض می‌کنیم که مشتری بعد از این مرحله مستقیماً به سراغ خرید بلیت می‌رود و پس از پرداخت، یک ایمیل تأییدیه دریافت می‌کند. مشتری با بلیتی که در دست دارد به فرودگاه می‌رود. سوار هواپیما می‌شود. وعده غذایی که در هواپیما سرو می‌شود را میل می‌کند. در مورد وضعیت پرواز از خلبان هواپیما چیزهایی می‌شنود و پس از مدتی هواپیمایش در فرودگاه به زمین می‌نشیند (البته در گل سرسبد کشورهای دنیا -یعنی ایران- ممکن است این هواپیما اصلا به زمین ننشیند!) سپس به دنبال چمدانش می‌گردد و آن را پس می‌گیرد. بعد یک فرم شکایت یا نظرسنجی پر می‌کند و در آن نظرش را در مورد تجربه‌اش از خدمات این شرکت را بیان می‌کند. با بررسی ایمیل‌هایش متوجه می‌شود که یک ایمیل دریافت کرده است که پیشنهاد ویژه و با تخفیف بالا از این این شرکت به او داده شده است. به طور کل، تمام این مراحلی که مشتری طی کرده است تجربه مشتری نامیده می‌شود. UX در مثالی که قبل‌تر تشریح کردیم، تجربه کاربری در رابطه با شرکت علی بابا، به آن بخشی مربوط می‌شود که مشتری مورد نظر قصد داشت بلیت هواپیما را به صورت آنلاین خریداری کند. مثلاً ممکن است او برای این کار از ابزار ویژه خرید بلیت آنلاین برای گرفتن بلیت یک طرفه پرواز تهران به مشهد استفاده کرده باشد. احتمالاً کاربر از این که مجبور بوده بیش از 30 بخش مختلف را در مراحل مختلف پر کند احساس خستگی و کلافگی داشته است. علاوه بر این که یکی از اطلاعات درخواستی برای دریافت بلیت شماره ملی او بوده که باعث شده کمی در مورد روشی که برای دریافت بلیت انتخاب کرده است مردد و مضطرب شود. بسیاری از مشتری‌ها دوست ندارند اطلاعات شخصی و امنیتی خودشان را به دست افراد دیگر بدهند. در نتیجه این مسافر احتمالاً تجربه کاربری خیلی خوبی نداشته است. IXD مثلاً یک طراحی تعاملی خوب می‌تواند به شرکت علی بابا کمک کند که یک ابزار خرید بلیت را به صورت اختصاصی برای شرکتش طراحی کند به صورتی که تعداد فیلدهای لازم برای پر کردن در آن کمتر باشند. به علاوه اطلاعاتی که لازم است توسط کاربر ارائه شوند را هم طوری تغییر می‌دهد که کاربر احساس امنیت و اطمینان بیشتری داشته باشد. یعنی اطلاعات وارده شده کمتر حالت امنیتی و خصوصی داشته باشند.
  2. CX مثلاً تجربه مشتری در مورد کار با سایت علی بابا شاید به این صورت باشد: مشتری تبلیغات این شرکت را در فیسبوک یا جاهای دیگر به صورت آنلاین مشاهده می‌کند و نهایتاً تصمیم می‌گیرد که بر روی آن کلیک کند. با کلیک کردن بر روی تبلیغ، مشتری به وب سایت این شرکت منتقل می‌شود. بعد او شروع به بازدید کردن از وب سایت کرده و نگاهی اجمالی و کلی به مطالب داخل آن می‌اندازد. بعد مشتری تصمیم می‌گیرد که با بخش خدمات مشتری تماس گرفته و سؤالاتی بپرسد. فرض می‌کنیم که مشتری بعد از این مرحله مستقیماً به سراغ خرید بلیت می‌رود و پس از پرداخت، یک ایمیل تأییدیه دریافت می‌کند. مشتری با بلیتی که در دست دارد به فرودگاه می‌رود. سوار هواپیما می‌شود. وعده غذایی که در هواپیما سرو می‌شود را میل می‌کند. در مورد وضعیت پرواز از خلبان هواپیما چیزهایی می‌شنود و پس از مدتی هواپیمایش در فرودگاه به زمین می‌نشیند (البته در گل سرسبد کشورهای دنیا -یعنی ایران- ممکن است این هواپیما اصلا به زمین ننشیند!) سپس به دنبال چمدانش می‌گردد و آن را پس می‌گیرد. بعد یک فرم شکایت یا نظرسنجی پر می‌کند و در آن نظرش را در مورد تجربه‌اش از خدمات این شرکت را بیان می‌کند. با بررسی ایمیل‌هایش متوجه می‌شود که یک ایمیل دریافت کرده است که پیشنهاد ویژه و با تخفیف بالا از این این شرکت به او داده شده است. به طور کل، تمام این مراحلی که مشتری طی کرده است تجربه مشتری نامیده می‌شود. UX در مثالی که قبل‌تر تشریح کردیم، تجربه کاربری در رابطه با شرکت علی بابا، به آن بخشی مربوط می‌شود که مشتری مورد نظر قصد داشت بلیت هواپیما را به صورت آنلاین خریداری کند. مثلاً ممکن است او برای این کار از ابزار ویژه خرید بلیت آنلاین برای گرفتن بلیت یک طرفه پرواز تهران به مشهد استفاده کرده باشد. احتمالاً کاربر از این که مجبور بوده بیش از 30 بخش مختلف را در مراحل مختلف پر کند احساس خستگی و کلافگی داشته است. علاوه بر این که یکی از اطلاعات درخواستی برای دریافت بلیت شماره ملی او بوده که باعث شده کمی در مورد روشی که برای دریافت بلیت انتخاب کرده است مردد و مضطرب شود. بسیاری از مشتری‌ها دوست ندارند اطلاعات شخصی و امنیتی خودشان را به دست افراد دیگر بدهند. در نتیجه این مسافر احتمالاً تجربه کاربری خیلی خوبی نداشته است. IXD مثلاً یک طراحی تعاملی خوب می‌تواند به شرکت علی بابا کمک کند که یک ابزار خرید بلیت را به صورت اختصاصی برای شرکتش طراحی کند به صورتی که تعداد فیلدهای لازم برای پر کردن در آن کمتر باشند. به علاوه اطلاعاتی که لازم است توسط کاربر ارائه شوند را هم طوری تغییر می‌دهد که کاربر احساس امنیت و اطمینان بیشتری داشته باشد. یعنی اطلاعات وارده شده کمتر حالت امنیتی و خصوصی داشته باشند.
  3. تفکر طراحی: مثلاً شرکت مد نظر ما با استفاده از چند روش جدید سعی می‌کند از طراحی خدمات برای ایجاد یک برنامه وفاداری استفاده کند. هدف برنامه این است که کسانی که چندین بار سفرهای هواپیمایی با این شرکت را تجربه کرده‌اند نسبت به این شرکت وفادار بمانند. این کار با رفع مشکلات مختلفی که در مراحل مختلف تعامل میان شرکت و مشتری وجود دارد انجام می‌شود. نکته این جا است که تغییرات باید هم در سیستم جلو و هم سیستم پشت ایجاد شوند. یعنی برای این که شرکت بتواند سرویس‌های بهتری را به مشتری ارائه کند باید به صورت هم زمان در سیستم داخلی هم تغییراتی داشته باشد. طراحی محصول: مثلاً تیم طراحی محصول در یک شرکت فروش آنلاین بلیط هواپیما ممکن است ۲ محصول را در دست طراحی داشته باشد. یکی از اقدامات تیم طراحی محصول ایجاد یک مکان اختصاصی در فرودگاه های ایران برای دراز کشیدن و استراحت مشتریانی است که از این شرکت بلیط تهیه کرده اند؛ این مکان به صورت اختصاصی برای کسانی در نظر گرفته شده است که چندین بار اقدام به پرواز از طریق خطوط هواپیمایی طرف قرارداد این شرکت کرده‌اند. طراحی دوم مربوط به ایجاد یک اپلیکیشن اختصاصی و ویژه برای دریافت بلیت است که به مشتریان کمک می‌کند پروازهای آینده و برنامه‌هایشان را در آن مدیریت کنند.
  4. وظیفه طراح وب سایت چیزی بیش از طراحی محیطی زیبا برای وب سایت شما می باشد که طراح می بایست هیجان و احساسات کاربران شما را در نظر بگیرد و سایت را به گونه ای طراحی نماید تا وب سایت شما ارتباط احساسی برقرار نماید. طراح وب سایت یکی از مهترین اعضای تیم شما می باشد که در صورتی که کار خود را به درستی انجام دهد تاثیر بسیار مثبتی در کسب و کار شما خواهد داشت . مارک زاکربرگ خالق فیس بوک میز طراحان وب سایت خود را نزدیک میز خود قرار داده بود تا بدین وسیله هم کار ایشان را دائما تحت نظر داشته باشد و هم بتواند خط مشی و دیدگاه های خود را دائما به ایشان منتقل نماید تا بدین وسیله طراح با درک بهتر فعالیت وب سایت طراحی های مفهومی تری را ارائه نماید. مهندسان در کار طراحی سایت بخش هایی را پیاده سازی می نمایند که کاربر مشاهده نمی نماید و منطق و اصول کار را پیاده سازی می نمایند حال آنکه طراحان وب سایت رابط کاربری وب سایت را پیاده سازی می نماید.
  5. خیلی از تیم هاي استارتاپ قبل از شناخت مسئله ، خودشون رو درگیر زیر ساخت هاي پیچیده فنی می کنند . به نظر من این کار اشتباه هست و مثل این هست که وقتی نمی دونیم قرار هست چه نوع وسیله نقلیه اي داشته باشیم در مورد چرخ هایی که قرار هست وزن خودرو رو تحمل کنند برنامه ریزي و صحبت کنیم .
  6. UI در کل بیشتر با نگاه مردم به محصول نگاه می کنند و باید برای این کار باید ادارک خوبی از تفکر مردم داشته باشن و اینکه قرار چطوری از محصول استفاده کنن UX شما باید بتونید با مردم مستقیم ارتباط برقرار کنین تا به شما بگن که محصول شما چه چیزی نیاز داره که بهتر بشه بعد شما باید تفسیر و تحلیل کنین و از این اطلاعات استفاده کنین تا در طول زمان بتونین محصول رو بهتر کنین
  7. این عبارت به این موضوع اشاره داره که براي شناخت کاربر باید فکر و ذهنمون رو به سمت جایگاهی که هستن ببریم . باید در جامعه باشیم و در میان افراد . باید با کاربرانمون صحبت کنیم و با مشکلات و نیاز هایی که دارند آشنا بشیم .
  8. تجربه کاربری ( UX ) نشان داده که تا جای امکان از یک ستونه در فرم های ورود اطلاعات استفاده کنید و از چند ستونه شدن بپرهیزید زیرا  چشم و مغز در فرم های  چند ستونه بیشتر درگیر خواهد شد  و حرکت چشم ها  به صورت z   صورت گرفته و به هنگام اسکن فرم کار را دشوار خواهید کرد.
  9. البته برای فرم هایی با تعداد بالای ۵  فیلد این روش در نرم افزارهای ویندوز اپلکیشن پیشنهاد نمی شود اما در وب برای فرم های با فیلدهای بالا نیز پیشنهاد می گردد.
  10. تمایز در طراحی دکمه ها: برآمده باشند و در صورتی که نوع طراحیFlat باشد بهتر است با تغییر اندازه یا کادر بندی آن را شبیه دکمه کنید در صفحات وب معمولا ۹۰ درصد دکمه ها عمل پست کردن را به سرور انجام می دهند این پست ها می توانند آژاکسی و یا به صورت پست عادی انجام گردند. یک اصطلاحی در دنیای تجارت وجود دارد به اسم گاو بنفش به این معنی که اگر به یک دسته گاو نگاه کنید هیچ تفاوتی در بین آنها نمی بینید اما کافی است یکی از گاوها بنفش باشد در بازاریابی اگر شما بتوانید محصول خود را گاو بنفش کنید یک پله از رقبا جلوتر خواهید بود. سعی کنید صفحه از حضور دکمه ها راحت باشد تا می توانید دکمه های کمتری نشان دهید. در صورت نیاز و  سعی کنید به در خواست کاربر دکمه های دیگر نشان داده شوند. محل قرارگیری دکمه: دکمه هایی که با فیلدهای ورودی همردیف نیستند، بدنما می شوند. دو روش برای تراز بندی دکمه ها وجود دارد.
  11. البته برای فرم هایی با تعداد بالای ۵  فیلد این روش در نرم افزارهای ویندوز اپلکیشن پیشنهاد نمی شود اما در وب برای فرم های با فیلدهای بالا نیز پیشنهاد می گردد.