SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
‫شکری‬ ‫امیر‬
Amirsh.nll@gmail.com
‫کاربری‬ ‫تجربه‬ ‫طراحی‬‫موبایل‬
‫مقدمه‬
‫در‬‫حال‬‫حاضر‬‫با‬‫توجه‬‫به‬‫استفاده‬‫روزمره‬‫از‬‫موبایل‬‫نسبت‬‫به‬‫دیگر‬‫وسایل‬،‫دیجیتالی‬‫برنامه‬‫های‬‫قابل‬
‫استفاده‬‫در‬‫آن‬‫جایگاه‬‫ای‬‫ویژه‬‫در‬‫زندگی‬‫فردی‬‫افراد‬‫پیدا‬‫کرده‬‫است‬.‫اپلیکیشن‬‫های‬،‫موبایل‬‫عالوه‬‫بر‬
‫برطرف‬‫کردن‬‫خواسته‬‫های‬‫کاربران‬‫باید‬‫قابل‬،‫اعتماد‬‫به‬‫روز‬‫رسانی‬‫شده‬‫با‬‫محتوایی‬‫درست‬‫برای‬‫ارائه‬
‫بهترین‬‫خدمات‬‫به‬‫کاربران‬‫ارائه‬‫شوند‬.‫اما‬‫سوالی‬‫که‬‫هم‬‫اکنون‬‫مطرح‬‫شود‬‫می‬‫این‬‫است‬‫که‬‫در‬‫این‬‫ش‬‫لوغی‬
‫تولید‬‫اپلیکیشن‬‫های‬،‫موجود‬‫چگونه‬‫می‬‫توانیم‬‫یک‬‫اپلیکیشن‬،‫مفید‬‫با‬‫ارزش‬‫و‬‫با‬‫کارایی‬‫باال‬‫برای‬‫ک‬‫اربران‬
‫فراهم‬‫کنیم‬‫که‬‫عالوه‬‫بر‬‫برطرف‬‫شدن‬‫خواسته‬‫های‬،‫آنها‬‫لذت‬‫کار‬‫با‬‫یک‬‫اپلیکیشن‬‫خوب‬‫هم‬‫تجرب‬‫ه‬‫کنند‬.
‫در‬‫اینجا‬‫به‬‫چند‬‫نکته‬‫مفید‬‫و‬‫کارآمد‬‫در‬‫مورد‬‫تولید‬‫موفق‬‫یک‬‫تجربه‬‫کاربری‬‫اپلیکیشن‬‫موبای‬‫ل‬‫اشاره‬‫می‬
‫کنیم‬.
‫وظیفه‬ ‫یک‬ ، ‫نمایش‬ ‫صفحه‬ ‫یک‬
‫هر‬‫صفحه‬‫نمایش‬‫اپلیکیشن‬‫موبایل‬‫باید‬‫فقط‬‫و‬‫فقط‬‫یک‬‫عمل‬‫اختصاص‬‫داده‬‫شده‬‫از‬‫یک‬‫هدف‬‫واح‬‫د‬‫را‬
‫برای‬‫کاربران‬‫فراهم‬‫کند‬.‫یکی‬‫از‬‫اصولی‬‫که‬‫همیشه‬‫باید‬‫مد‬‫نظر‬‫داشته‬‫باشیم‬‫این‬‫است‬‫که‬‫کار‬‫بران‬‫عالقه‬
‫زیادی‬‫به‬‫یادگیری‬‫مفاهیم‬‫کلی‬‫ندارند‬‫و‬‫زمان‬‫زیادی‬‫را‬‫برای‬‫یادگیری‬‫از‬‫اپلیکیشنی‬‫که‬‫قرار‬‫است‬‫خواسته‬
‫آنها‬‫را‬‫فراهم‬‫کند‬‫صرف‬‫نمی‬‫کنند‬.‫کاهش‬‫دادن‬‫عملیات‬،‫کاربران‬‫برای‬‫رسیدن‬‫به‬‫خواسته‬‫آنها‬‫خود‬‫به‬‫خو‬‫د‬
‫باعث‬‫آسان‬‫تر‬‫شدن‬‫استفاده‬‫از‬‫اپلیکیشن‬‫خواهد‬‫شد‬.
‫برای‬‫مثال‬:‫اپلیکیشن‬‫اسنپ‬‫را‬‫مورد‬‫بررسی‬‫قرار‬‫می‬‫دهیم‬.
‫اسنپ‬ ‫اپلیکیشن‬
‫هدف‬‫اصلی‬‫کار‬‫کردن‬‫با‬‫این‬‫اپلیکیشن‬‫رسیدن‬‫به‬‫مقصد‬‫است‬.‫پ‬‫س‬‫تنها‬
‫عملیاتی‬‫که‬‫کاربر‬‫در‬‫این‬‫صفحه‬‫انجام‬‫دهد‬‫می‬‫انتخاب‬‫مبدا‬‫و‬‫بعد‬‫م‬‫قصد‬
‫باشد‬‫می‬.‫کمترین‬‫حد‬‫استفاده‬‫از‬‫اپلیکیشن‬‫با‬‫بهترین‬‫بازخورد‬‫رخ‬‫خواهد‬
‫داد‬.
‫پنهان‬ ‫کاربری‬ ‫رابط‬
‫محتوا‬‫خود‬‫می‬‫تواند‬‫یک‬‫رابط‬‫کاربری‬‫مفید‬‫باشد‬.‫تمرکز‬‫بر‬‫روی‬‫محتوا‬‫و‬‫حذف‬‫عناصر‬‫غیر‬‫ضروری‬‫ب‬‫ه‬‫کاربر‬
‫برای‬‫رسیدن‬‫به‬‫خواسته‬‫کمک‬‫می‬‫کند‬‫ولی‬‫آن‬‫را‬‫به‬‫هدفش‬‫هدایت‬‫نمی‬‫کند‬.‫روی‬‫محتوا‬‫تمرکز‬‫کنید‬‫و‬
‫عناصر‬‫غیر‬‫ضروری‬‫که‬‫فعالیت‬‫کاربر‬‫را‬‫تحت‬‫شعاع‬‫قرار‬‫نمی‬‫دهد‬‫را‬‫حذف‬‫کنید‬.‫کاربر‬‫احتیاج‬‫به‬‫یک‬
‫راهنمای‬‫پنهان‬‫دارد‬.‫کاربر‬‫باید‬‫با‬‫توجه‬‫به‬‫محتوا‬‫هدایت‬‫شود‬‫و‬‫به‬‫سرعت‬‫به‬‫هدفش‬‫برسد‬.
‫برای‬‫مثال‬:‫اپلیکیشن‬‫گوگل‬‫مپ‬‫را‬‫مورد‬‫بررسی‬‫قرار‬‫می‬‫دهیم‬.
‫مپ‬ ‫گوگل‬ ‫اپلیکیشن‬
‫در‬‫به‬‫روزرسانی‬‫جدید‬‫این‬‫اپلیکیشن‬،‫تمام‬‫پنل‬‫های‬‫غیر‬‫ضروری‬‫و‬‫دکمه‬
‫های‬‫اضافی‬‫حذف‬‫شده‬‫است‬‫و‬‫خود‬‫گوگل‬‫اعتقاد‬‫دارد‬‫خود‬‫نقشه‬‫می‬
‫تواند‬‫با‬‫کاربر‬‫ارتباط‬‫برقرار‬‫کند‬‫و‬‫نیازی‬‫به‬‫فلش‬‫های‬‫جهت‬‫یابی‬‫و‬...
‫ندارد‬.‫خود‬‫نقشه‬‫بزرگترین‬‫عنصر‬‫در‬‫داخل‬‫صفحه‬‫می‬‫باشد‬‫که‬‫به‬‫همراه‬
‫باکس‬‫جستجو‬‫می‬‫تواند‬‫کاربر‬‫را‬‫با‬‫سرعت‬‫بیشتر‬‫به‬‫هدفش‬‫برسان‬‫د‬.
‫تنفس‬ ‫فضای‬
‫فضای‬‫سفید‬‫یا‬‫فضای‬‫منفی‬‫با‬‫اشاره‬‫به‬‫فضای‬‫خالی‬‫بین‬‫و‬‫اطراف‬‫عناصر‬‫در‬‫یک‬،‫طراحی‬‫اغلب‬‫نا‬‫دیده‬
‫گرفته‬‫می‬‫شود‬.‫اگر‬‫چه‬‫بعضی‬‫از‬‫طراحان‬‫آن‬‫را‬‫بیهوده‬‫در‬‫نظر‬‫می‬‫گیرند‬‫ولی‬‫در‬‫طراحی‬‫اپلیکیشن‬‫با‬‫توجه‬
‫به‬‫اندازه‬‫کوچک‬‫صفحه‬‫نمایش‬‫یک‬‫عنصر‬‫ضروری‬‫به‬‫حساب‬‫می‬‫آید‬.‫فضای‬‫سفید‬‫نه‬‫تنها‬‫در‬‫خوان‬‫ایی‬‫و‬
‫الویت‬‫بندی‬‫محتوا‬‫مفید‬‫است‬‫بلکه‬‫نقش‬‫مهمی‬‫هم‬‫در‬‫طراحی‬‫بصری‬‫دارد‬.‫پس‬‫می‬‫توان‬‫آن‬‫را‬‫یک‬‫ع‬‫نصر‬
‫مفید‬‫در‬‫جداسازی‬‫الیه‬‫ها‬‫و‬‫طراحی‬‫ساده‬‫برای‬‫کاربران‬‫در‬‫نظر‬‫گرفت‬.
‫فضای‬‫خالی‬‫در‬‫طراحی‬‫به‬‫نحوی‬‫فضای‬‫تنفس‬‫کاربر‬‫باشد‬‫می‬.
‫برای‬‫مثال‬:‫اپلیکیشن‬‫هواشناسی‬‫را‬‫مورد‬‫بررسی‬‫قرار‬‫دهیم‬‫می‬.
‫هواشناسی‬ ‫اپلیکیشن‬
‫در‬‫اینجا‬‫هیچ‬‫خطوطی‬‫نمایش‬‫داده‬‫نشده‬،‫است‬‫بلکه‬‫با‬‫توجه‬‫به‬
‫چیدمان‬‫محتوا‬‫و‬‫رعایت‬‫فاصله‬‫آنها‬‫خود‬‫به‬‫خود‬‫جدول‬‫بندی‬‫صورت‬
‫گرفته‬‫است‬.
‫آسان‬ ‫یابی‬ ‫جهت‬
‫الویت‬‫باال‬‫در‬‫هر‬‫اپلیکیشن‬،‫کمک‬‫به‬‫کاربران‬‫برای‬‫حرکت‬‫به‬‫سمت‬‫هدفشان‬‫با‬‫سرعت‬‫و‬‫آسانی‬‫هر‬‫چه‬
‫بیشتر‬‫است‬.‫جهت‬‫یابی‬‫در‬‫اپلیکیشن‬‫های‬‫موبایل‬‫این‬‫روزها‬‫به‬‫خاطر‬‫کوچک‬‫بودن‬‫صفحه‬‫نمایش‬‫و‬
‫الویت‬‫بندی‬‫محتوا‬‫به‬‫صورت‬‫یک‬‫چالش‬‫در‬‫آمده‬‫است‬.‫از‬‫این‬‫رو‬‫وجود‬‫جهت‬‫یابی‬‫یک‬‫امر‬‫نسبتا‬‫ضر‬‫وری‬
‫به‬‫حساب‬‫می‬‫آید‬.
‫برای‬‫مثال‬:‫اپلیکیشن‬‫بانک‬‫رفاه‬‫را‬‫مورد‬‫بررسی‬‫قرار‬‫می‬‫دهیم‬.
‫رفاه‬ ‫بانک‬ ‫اپلیکیشن‬
‫هدف‬‫از‬‫نصب‬‫اپلیکیشن‬‫بانک‬،‫رفاه‬‫برطرف‬‫کردن‬‫امور‬‫بانکی‬‫اس‬‫ت‬.‫در‬
‫قسمت‬‫پایین‬‫آیکون‬‫های‬‫موجود‬‫به‬‫همراه‬‫متن‬‫های‬‫آنها‬‫به‬‫طور‬‫کامل‬
‫مسیر‬‫حرکت‬‫کاربر‬‫برای‬‫رسیدن‬‫به‬‫هدفش‬‫را‬‫مشخص‬‫می‬‫کنند‬.
‫دست‬ ‫یک‬ ‫با‬ ‫عملیات‬ ‫انجام‬
‫با‬‫تولید‬‫آیفون‬‫های‬6Plus‫خیلی‬‫واضح‬‫بود‬‫که‬‫اندازه‬‫صفحات‬‫موبایل‬‫با‬‫توجه‬‫به‬‫نیاز‬‫کاربران‬‫روز‬‫به‬‫روز‬
‫در‬‫حال‬‫بزرگتر‬‫شدن‬‫است‬.
‫در‬‫تصویر‬‫زیر‬‫سه‬‫روش‬‫در‬‫دست‬‫گرفتن‬‫موبایل‬‫توسط‬‫کاربران‬‫را‬‫مشاهده‬‫می‬‫کنید‬.
‫دست‬ ‫یک‬ ‫با‬ ‫عملیات‬ ‫انجام‬
‫در‬‫تصویر‬‫زیر‬‫نقشه‬‫حرارتی‬‫مناطق‬‫اثر‬‫انگشت‬‫شست‬‫کاربران‬‫را‬‫مشاهده‬‫کنید‬‫می‬.
‫انطباق‬‫طراحی‬‫با‬‫اندازه‬‫های‬‫مختلف‬‫موبایل‬‫یک‬‫امر‬‫ضروری‬‫می‬‫باشد‬.‫سعی‬‫کنید‬‫مطمئن‬‫شوید‬
‫اپلیکیشن‬‫شما‬‫در‬‫اندازه‬‫های‬‫صفحات‬‫مختلف‬‫موبایل‬‫به‬‫طور‬‫کامل‬‫و‬‫راحت‬‫قابل‬‫استفاده‬‫با‬‫یک‬‫دست‬
‫باشد‬.
‫سرعت‬
‫سرعت‬‫نمایش‬‫محتوای‬‫اپلیکیشن‬‫نکته‬‫ای‬‫است‬‫که‬‫شاید‬‫در‬‫ابتدا‬‫مد‬‫نظر‬‫گرفته‬‫نشود‬‫ولی‬‫این‬‫نکته‬‫خود‬‫به‬‫ت‬‫نهایی‬‫یکی‬‫از‬
‫عوامل‬‫مهم‬‫طراحی‬‫است‬.‫منظور‬‫از‬‫سرعت‬‫صرفا‬‫سرعت‬‫بارگذاری‬‫اپلیکیشن‬‫نمی‬،‫باشد‬‫بیشتر‬‫سرعت‬‫پاسخگویی‬‫به‬‫نیاز‬
‫کاربر‬‫مد‬‫نظر‬‫است‬.‫این‬‫نکته‬‫را‬‫فراموش‬‫نکنید‬‫که‬‫کاربران‬‫برای‬‫مشاهده‬‫محتوا‬‫زیاد‬‫صبر‬‫نمی‬‫کنند‬.‫قرار‬‫دادن‬‫ع‬‫ناصر‬‫مورد‬
‫نیاز‬‫در‬‫پس‬‫زمینه‬‫به‬‫این‬‫شکل‬‫به‬‫نظر‬‫می‬‫آید‬‫که‬‫کارها‬‫با‬‫سرعت‬‫باالتری‬‫می‬‫توانند‬‫انجام‬‫شوند‬.
‫قرار‬‫دادن‬‫عناصر‬‫در‬‫پس‬‫زمینه‬2‫مزیت‬‫دارد‬.
.1‫آنها‬‫به‬‫طور‬‫پنهانی‬‫با‬‫کاربر‬‫ارتباط‬‫برقرار‬‫می‬‫کنند‬‫و‬‫این‬‫حس‬‫را‬‫به‬‫کاربر‬‫منتقل‬‫می‬‫کنند‬‫که‬‫در‬‫صورت‬‫نی‬‫از‬‫ما‬‫آماده‬‫ارائه‬
‫خدمات‬‫هستیم‬.
.2‫کاربران‬‫برای‬‫برطرف‬‫کردن‬‫خواسته‬‫هایشان‬‫تنها‬‫با‬‫یک‬‫عنصر‬‫سر‬‫و‬‫کار‬‫دارند‬.
‫برای‬‫مثال‬:‫این‬‫دو‬‫مزیت‬‫اپلیکیشن‬‫اینستاگرام‬‫را‬‫مورد‬‫بررسی‬‫قرار‬‫می‬‫دهیم‬.
‫اینستاگرام‬ ‫اپلیکیشن‬
‫هدف‬‫اصلی‬‫این‬‫اپلیکیشن‬‫اشتراک‬‫گذاری‬‫فایل‬‫های‬‫تصویری‬‫می‬‫ب‬‫اشد‬
‫که‬‫هر‬‫چه‬‫سریعتر‬‫کاربر‬‫می‬‫تواند‬‫آن‬‫را‬‫به‬‫اشتراک‬‫بگذارند‬‫و‬‫عناص‬‫ر‬
‫شبکه‬‫های‬‫دیگر‬‫اجتماعی‬‫در‬‫مقابلش‬‫وجود‬‫دارد‬‫تا‬‫در‬‫صورت‬‫نیاز‬‫بد‬‫ون‬
‫کوچکترین‬‫وقت‬‫کشی‬‫بتواند‬‫از‬‫آنها‬‫استفاده‬‫کند‬.
‫بروید‬ ‫زیر‬ ‫آدرس‬ ‫به‬ ‫توانید‬ ‫می‬ ‫اسالید‬ ‫این‬ ‫دانلود‬ ‫برای‬
https://goo.gl/9CaVPj

Contenu connexe

Similaire à Ux notice

pdf-back.pptx
pdf-back.pptxpdf-back.pptx
pdf-back.pptx
Tehranborj
 

Similaire à Ux notice (20)

جهانی شدن و بازار جهانی
جهانی شدن و بازار جهانیجهانی شدن و بازار جهانی
جهانی شدن و بازار جهانی
 
Role of Responsive Design in Web Application Development.pdf
Role of Responsive Design in Web Application Development.pdfRole of Responsive Design in Web Application Development.pdf
Role of Responsive Design in Web Application Development.pdf
 
علت نیاز به سئو و تبلیغ گوگل
علت نیاز به سئو و تبلیغ گوگلعلت نیاز به سئو و تبلیغ گوگل
علت نیاز به سئو و تبلیغ گوگل
 
انفجار تجربه‌کاربری
انفجار تجربه‌کاربریانفجار تجربه‌کاربری
انفجار تجربه‌کاربری
 
تحلیل رفتار سازمانی گروه های مشارکتی موفق ؟ قسمت دوم-
تحلیل رفتار سازمانی گروه های مشارکتی موفق ؟ قسمت دوم-تحلیل رفتار سازمانی گروه های مشارکتی موفق ؟ قسمت دوم-
تحلیل رفتار سازمانی گروه های مشارکتی موفق ؟ قسمت دوم-
 
مدل های کسب و کار اینترنتی پر سود
مدل های کسب و کار اینترنتی پر سودمدل های کسب و کار اینترنتی پر سود
مدل های کسب و کار اینترنتی پر سود
 
E-commerce Techniques for Business development (by @mahdinasseri)
E-commerce Techniques for Business development (by @mahdinasseri)E-commerce Techniques for Business development (by @mahdinasseri)
E-commerce Techniques for Business development (by @mahdinasseri)
 
pdf-back.pptx
pdf-back.pptxpdf-back.pptx
pdf-back.pptx
 
Ux Present
Ux PresentUx Present
Ux Present
 
اسلایدشیر
اسلایدشیراسلایدشیر
اسلایدشیر
 
Gamification
GamificationGamification
Gamification
 
معرفی گروه انار 13961013
معرفی گروه انار 13961013معرفی گروه انار 13961013
معرفی گروه انار 13961013
 
کاربرپژوهی در وب‌سایت‌ها و وب پرتال‌های سازمانی
کاربرپژوهی در وب‌سایت‌ها و وب پرتال‌های سازمانیکاربرپژوهی در وب‌سایت‌ها و وب پرتال‌های سازمانی
کاربرپژوهی در وب‌سایت‌ها و وب پرتال‌های سازمانی
 
مرور و خلاصه ارائه یوسف فراهانی در مورد کپی رایتینگ در تجربه کاربری (UXWriting)
مرور و خلاصه ارائه یوسف فراهانی در مورد کپی رایتینگ در تجربه کاربری (UXWriting)مرور و خلاصه ارائه یوسف فراهانی در مورد کپی رایتینگ در تجربه کاربری (UXWriting)
مرور و خلاصه ارائه یوسف فراهانی در مورد کپی رایتینگ در تجربه کاربری (UXWriting)
 
سناریوهای کسب و کار و اهداف کسب و کار
سناریوهای کسب و کار و اهداف کسب و کارسناریوهای کسب و کار و اهداف کسب و کار
سناریوهای کسب و کار و اهداف کسب و کار
 
آشنایی با سایت اسلایدشیر
آشنایی با سایت اسلایدشیرآشنایی با سایت اسلایدشیر
آشنایی با سایت اسلایدشیر
 
Social Media Marketing Simple ِDefinition
Social Media Marketing Simple ِDefinitionSocial Media Marketing Simple ِDefinition
Social Media Marketing Simple ِDefinition
 
استارتاپهای برتر سال 2018
استارتاپهای برتر سال 2018استارتاپهای برتر سال 2018
استارتاپهای برتر سال 2018
 
IOT-Startup-Business-Model-Canvas
IOT-Startup-Business-Model-CanvasIOT-Startup-Business-Model-Canvas
IOT-Startup-Business-Model-Canvas
 
آینده بانکداری دیجیتال
آینده بانکداری دیجیتالآینده بانکداری دیجیتال
آینده بانکداری دیجیتال
 

Plus de Amir Shokri

Plus de Amir Shokri (20)

LAUNCH - growth practices - PRODUCT MANAGER
LAUNCH - growth practices - PRODUCT MANAGERLAUNCH - growth practices - PRODUCT MANAGER
LAUNCH - growth practices - PRODUCT MANAGER
 
Remote work
Remote workRemote work
Remote work
 
Project Management Growth Practices
Project Management Growth PracticesProject Management Growth Practices
Project Management Growth Practices
 
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 7
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 7GROWTH PRACTICES - Cracking the PM Career - CHAPTER 7
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 7
 
Numbers, math operation, converting bases
Numbers, math operation, converting basesNumbers, math operation, converting bases
Numbers, math operation, converting bases
 
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 4
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 4GROWTH PRACTICES - Cracking the PM Career - CHAPTER 4
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 4
 
review of image memorability methods
review of image memorability methodsreview of image memorability methods
review of image memorability methods
 
key.net
key.netkey.net
key.net
 
beyesian learning exercises
beyesian learning exercisesbeyesian learning exercises
beyesian learning exercises
 
Knn
KnnKnn
Knn
 
Bayesian learning
Bayesian learningBayesian learning
Bayesian learning
 
machine learning code
machine learning codemachine learning code
machine learning code
 
machine learning - id3, find-s, candidate elimination, desicion tree example
machine learning - id3, find-s, candidate elimination, desicion tree examplemachine learning - id3, find-s, candidate elimination, desicion tree example
machine learning - id3, find-s, candidate elimination, desicion tree example
 
ID3 Algorithm
ID3 AlgorithmID3 Algorithm
ID3 Algorithm
 
Concept learning
Concept learningConcept learning
Concept learning
 
logical operators decision tree
logical operators decision treelogical operators decision tree
logical operators decision tree
 
Matplotlib
MatplotlibMatplotlib
Matplotlib
 
Mining social network graphs - persian
Mining social network graphs - persianMining social network graphs - persian
Mining social network graphs - persian
 
product glossary
product glossaryproduct glossary
product glossary
 
Popular Maple codes Book - Persian
Popular Maple codes Book - PersianPopular Maple codes Book - Persian
Popular Maple codes Book - Persian
 

Ux notice