-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·547 lines (519 loc) · 30.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>چک لیست تجربه کاربری موبایل Mobile UX Checklist</title>
<meta name="author" content="Parham Baghestani" />
<link href="static/css/screen.css" rel="stylesheet" type="text/css" media="screen">
<link href="static/css/print.css" rel="stylesheet" type="text/css" media="print">
<link href="static/css/bootstrap.css" rel="stylesheet" type="text/css">
</head>
<body>
<header class="container">
<h1>چک لیست تجربه کاربری موبایل</h1>
<p>نسخه ۱.۱</p>
</header>
<div class="container">
<div class="row">
<div class="col-md-10 col-xd-10">
<div class="alert alert-danger">
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> لیست منتشر شده، لیست اولیه چک‌لیست است و به مرور تکمیل و توضیحات هر بخش اضافه می‌گردد، همچنین دسته‌بندی‌ها نیز اصلاح و نحوه ارزیابی اضافه خواهد شد.
</div>
<!--<div class="alert alert-info">نسخه PDF این چک‌لیست را می‌توانید از <a href="uxchecklist.pdf">اینجا</a> دریافت کنید</div>-->
<div class="alert alert-warning">در صورتیکه پیشنهادی برای اصلاح یا اضافه کردن دارید می‌توانید از طریق ایمیل <b>parhamb در جی‌میل</b> اطلاع دهید</div>
<h3 id="app">اپ (۲۳)</h3>
<a href="">عدم نمایش</a>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>نام اپ مناسب است؟</td>
<td><input type="checkbox" class="cb"><span class="mark"></span></td>
</tr>
<tr>
<td>آیکون اپ به خوبی قابل تشخص است</td>
</tr>
<tr>
<td>اپ به خوبی در استورها یافت می‌شود؟</td>
</tr>
<tr>
<td>در هنگام بروزرسانی آخرین تغییرات به کاربر نمایش داده می‌شود</td>
</tr>
<tr>
<td>دارای اسپلش اسکرین است</td>
</tr>
<tr>
<td>آیا امکان فورس آپدیت برای اپ وجود دارد</td>
</tr>
<tr>
<td>آیا امکان ذخیره سازی اطلاعات اپ بر روی فضای ابری وجود دارد</td>
</tr>
<tr>
<td>آیا امکان بک آپ از اطلاعات برای بازگردانی هنگام نصب مجدد وجود دارد؟</td>
</tr>
<tr>
<td>آیا با تغییر زبان سیستم عامل، زبان اپ نیز تغییر می‌کند؟</td>
</tr>
<tr>
<td>آیا اپ در حالت Sleep نیز اجرا می‌شود، مثلا پخش موسیقی</td>
</tr>
<tr>
<td>ایا برای دسترسی راحت‌تر برای اپ ویجت وجود دارد ؟ مثلا وارد کردن یادداشت</td>
</tr>
<tr>
<td>آیا امکان تغییر محل ذخیره سازی اطلاعات به طور مثال از حافظه گوشی به کارت حافظه وجود دارد؟</td>
</tr>
<tr>
<td>آیا درخواست امتیازدهی به اپ در استورها در زمان مناسب نمایش داده می‌شود</td>
</tr>
<tr>
<td>امکان تغییر زبان اپ وجود دارد؟</td>
</tr>
<tr>
<td>درصورتیکه اپ فضای کش را اشغال می‌کند امکان حذف از طریق اپ وجود دارد؟</td>
</tr>
<tr>
<td>امکان تماس با سازندگان یا پشتیبانی وجود دارد</td>
</tr>
<tr>
<td>آیا در اپ امکان اتصال به سایر اپ‌ها وجود دارد ؟ دراپ باکس و غیره</td>
</tr>
<tr>
<td>عملکرد کلی اپ در همه سیستم‌عامل‌ها یکسان است در صورتیکه برای چندین سیستم عامل تولید شده باشد</td>
</tr>
<tr>
<td>نسخه اپ در اپ قابل مشاهده است</td>
</tr>
<tr>
<td>درصورتیکه کاربر از نسخه آزمایشی استفاده می‌کند آیا کاربر مشاهده می‌نماید؟</td>
</tr>
<tr>
<td>در صورتیکه که کاربر به اپ دیگری مراجعه کند در نوار وضعیت بالا مشخص است مثلا پخش موسیقی</td>
</tr>
<tr>
<td>حالت مولتی‌تسک برای اپ فعال است، مثلا پخش موسیقی و تماس و غیره</td>
</tr>
<tr>
<td>اپ به خوبی در حالت نمایش افقی و عمودی قابل مشاهده است</td>
</tr>
</tbody>
</table>
<h3 id="search">جستجو (۳)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>آیا امکان جستجو وجود دارد؟</td>
</tr>
<tr>
<td>آخرین جستجوهای کاربر در اپ ذخیره شده است</td>
</tr>
<tr>
<td>برای بهبود جستجو پیشنهاد برای کاربر ارائه می‌شود؟</td>
</tr>
</tbody>
</table>
<h3 id="form">فرم (۹)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>آیا از دریافت اطلاعات اضافی هنگام ثبت نام کاربر جلوگیری شده است؟</td>
</tr>
<tr>
<td>امکان مشاهده کلمه عبور وجود دارد؟</td>
</tr>
<tr>
<td>آیا امکان ورودی برای داده وجود دارد ؟ صفحه کلید، پیغام صوتی یا کشیدن</td>
</tr>
<tr>
<td>امکان پیشنهاد برای تسریع در فرآیند ورود اطلاعات وجود دارد / صفحه کلید یا صوتی یا ویدئویی یا اثر انگشت</td>
</tr>
<tr>
<td>کاربر اطلاعات مشابه را فقط یکبار وارد می‌نماید</td>
</tr>
<tr>
<td>اپ فرمت ورود اطلاعات را اصلاح می‌کند مثلا وارد کردن اعداد</td>
</tr>
<tr>
<td>در صورتیکه که کاربر یک فیلد را اشتباه وارد کرده بود همان جا اصلاح خطا به کاربر نمایش داده می‌شود</td>
</tr>
<tr>
<td>آیا سهولت ورود اطلاعات برای کاربر فراهم است به طور مثال تاریخ و تلفن و غیره</td>
</tr>
<tr>
<td>آیا فرمت صفحه نمایش برای وارد کردن اعداد تغییر می‌کند؟</td>
</tr>
</tbody>
</table>
<h3 id="user">کاربر (۲۰)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>آیا امکان لاگین بوسیله فیسبوک یا گوگل پلاس و غیره وجود دارد؟</td>
</tr>
<tr>
<td>آیا هنگام خروج از اپ از کاربر تائید گرفته می‌شود؟</td>
</tr>
<tr>
<td>کاربر قادر است از دریافت پوش نوتیفیکیشن جلوگیری نماید</td>
</tr>
<tr>
<td>فراموشی کلمه عبور وجود دارد؟</td>
</tr>
<tr>
<td>آیا گزینه‌های مهم صفحه در دسترس کاربر هستند در فضای راحت</td>
</tr>
<tr>
<td>آیا از Gesture برای عملیات‌های اپ استفاده شده است؟ به طور مثال حذف</td>
</tr>
<tr>
<td>آیا امکان تعریف Gesture خاص برای کاربر وجود دارد</td>
</tr>
<tr>
<td>آیا امکان تعریف میان‌بر شخصی برای کاربر وجود دارد؟</td>
</tr>
<tr>
<td>در ۱۰ ثانیه کاربر کارکرد اصلی اپ را متوجه می‌شود؟</td>
</tr>
<tr>
<td>امکان حذف تبلیغات وجود دارد؟</td>
</tr>
<tr>
<td>برای مشاهده کاربر حتما باید ثبت نام کند؟</td>
</tr>
<tr>
<td>برای مشاهده برخی اطلاعات کاربر نیاز به ثبت نام ندارد</td>
</tr>
<tr>
<td>امکان ذخیره کردن آخرین فعالیت کاربر در اپ وجود دارد</td>
</tr>
<tr>
<td>آیا عملیات درون اپ مشخص است مثلا هنگام دانلود</td>
</tr>
<tr>
<td>کاربر براحتی می‌تواند هر عملیاتی را لغو نماید</td>
</tr>
<tr>
<td>آیا با Pull Down صفحه مجددا بارگذاری می‌شود؟</td>
</tr>
<tr>
<td>آیا به خاطر آوردن استفاده مجدد از اپ آسان است</td>
</tr>
<tr>
<td>آیا کاربر در کوتاه‌ترین زمان نحوه کار کردن با اپ را می‌آموزد</td>
</tr>
<tr>
<td>آیا امکان استفاده از موقعیت مکانی کاربر در اپ وجود دارد</td>
</tr>
<tr>
<td>پیغام نمایش موفقیت آمیز بودن یک عملکرد یا عملیات به کاربر نمایش داده می‌شود؟</td>
</tr>
</tbody>
</table>
<h3 id="safety">ایمنی (۵)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>آیا برای تامین امنیت بیشتر کاربران استفاده از اثر انگشت امکان‌پذیر است ؟ اگر موبایل به این ویژگی مجهیز است</td>
</tr>
<tr>
<td>اپ در صورتیکه نیاز به دسترسی برای ارسال از حافظه داشته باشد به کاربر پیغام می‌دهد؟</td>
</tr>
<tr>
<td>در صورتیکه اپ نیاز به دسترسی به موقعیت مکانی کاربر را دارد هشدار لازم به کاربر داده می‌شود؟</td>
</tr>
<tr>
<td>آیا دسترسی‌های لازم اپ به بخش‌های سیستم عامل موبایل به کاربر نمایش داده می‌شود</td>
</tr>
<tr>
<td>آیا اپ برای محافظت از کاربر تمهیدات لازم را بکار برده است مثلا بلند کردن صدا یا حفاظت از اطلاعات شخصی محرمانه</td>
</tr>
</tbody>
</table>
<h3 id="design">طراحی (۱۶)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>آیا فونت‌ها خوانایی مناسب دارند؟</td>
</tr>
<tr>
<td>از رنگ‌های مناسب استفاده شده است</td>
</tr>
<tr>
<td>آیا فاصله بین هر ردیف از اطلاعات کاملا مشخص است؟</td>
</tr>
<tr>
<td>صفحه اول برای کاربر واضح است</td>
</tr>
<tr>
<td>امکان مشاهده تصاویر در سایز بزرگتر وجود دارد</td>
</tr>
<tr>
<td>نمایش گالری تصاویر وجود دارد</td>
</tr>
<tr>
<td>از میکرواینتراکشن‌ها استفاده شده است</td>
</tr>
<tr>
<td>آیا حالت فعال و غیرفعال گزینه‌ها به خوبی قابل تشخیص است؟ مثلا لایک</td>
</tr>
<tr>
<td>آیا رنگ‌ها با عملکرد آنها مطابقت دارد به طور مثال دکمه حذف</td>
</tr>
<tr>
<td>پنجره نمایش پیغام‌ها یکسان است</td>
</tr>
<tr>
<td>از المان‌های بصری مفهوم برای همه استفاده شده است برای آیکون‌ها</td>
</tr>
<tr>
<td>اپ از فونت مناسب استفاده نموده است</td>
</tr>
<tr>
<td>فونت‌ها با یکدیگر سازگاری دارند</td>
</tr>
<tr>
<td>ثبات در طراحی صفحات وجود دارد</td>
</tr>
<tr>
<td>آیا از انیمیشن برای تغییر صفحات استفاده شده است</td>
</tr>
<tr>
<td>آیا از انیمیشن‌های اضافی اجتناب گردیده است؟</td>
</tr>
</tbody>
</table>
<h3 id="navigation">راهبری (۹)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>بازگشت به صفحه اصلی از هر صفحه امکان‌پذیر است</td>
</tr>
<tr>
<td>آیا منو راهبری در همه صفحات وجود دارد؟</td>
</tr>
<tr>
<td>تعداد تغییر صفحه برای نمایش یک محتوا حداکثر ۳ اسکرین است</td>
</tr>
<tr>
<td>آیا موقعیت فعلی کاربر در اپ را نمایش می‌دهید</td>
</tr>
<tr>
<td>دکمه بازگشت روی موبایل ( در اندروید ) کاربر را به صفحه قبل هدایت می‌کند؟</td>
</tr>
<tr>
<td>فضای مناسب برای اسکرول کردن وجود داد بدون اینکه گزینه‌ای از اپ انتخاب شود</td>
</tr>
<tr>
<td>آیا گزینه بازگشت در هر صفحه برای کاربر وجود دارد؟</td>
</tr>
<tr>
<td>ترتیب و روال هدایت کاربر به خوبی رعایت شده است</td>
</tr>
<tr>
<td>نوار وضعیت هنگام استفاده از اپ نمایش داده می‌شود؟</td>
</tr>
</tbody>
</table>
<h3 id="ia">معماری اطلاعات (۹)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>آیا نمایش تاریخ و ساعت داده‌ها به خوبی قابل مشاهده است؟ مثلا متن خبر</td>
</tr>
<tr>
<td>دسته بندی اطلاعات وجود دارد</td>
</tr>
<tr>
<td>آیا محتوا به خوبی دسته‌بندی شده است</td>
</tr>
<tr>
<td>کاربر برای مشاهده اطلاعات نیاز به کمترین پیمایش در صفحه را دارد</td>
</tr>
<tr>
<td>آیا امکان فیلتر کردن اطلاعات یا نتایج جستجو برای کاربر وجود دارد</td>
</tr>
<tr>
<td>آیا عناوین هر صفحه مشخص است</td>
</tr>
<tr>
<td>دسته بندی بخش‌های تنظیمات بدرستی رعایت شده است</td>
</tr>
<tr>
<td>روال نمایش اطلاعات مهم در اولین نگاه به صفحه نمایش وجود دارد</td>
</tr>
<tr>
<td>فرآیند خرید در موبایل کوتاه و سریع است</td>
</tr>
</tbody>
</table>
<h3 id="accessible">دسترسی (۲)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>مهمترین گزینه ها در بخش آسان صفحه نمایش وجود دارد </td>
</tr>
<tr>
<td>آیا گزینه‌های صفحه برای انگشت همه کاربران مناسب است لینک‌ها و کلیدها و چک‌باکس‌ها به خوبی قابل تپ کردن باشند"</td>
</tr>
</tbody>
</table>
<h3 id="content">محتوا (۳)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>از کلمات مفهوم برای کاربر استفاده شده است</td>
</tr>
<tr>
<td>آیا صحت اطلاعات وارد شده مشخص است</td>
</tr>
<tr>
<td>در صورتیکه بخشی از اطلاعات توسط کاربران وارد شده است آیا به خوبی قابل تشخص از محتوای اصلی اپ است</td>
</tr>
</tbody>
</table>
<h3 id="utility">امکانات (۳)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>امکان اضافه کردن به علاقه‌مندی برای تسریع در دسترسی وجود دارد مانند Phone</td>
</tr>
<tr>
<td>قابلیت به اشتراک گذاری وجود دارد</td>
</tr>
<tr>
<td>اپ دارای مرورگر داخلی است</td>
</tr>
</tbody>
</table>
<h3 id="network">شبکه (۴)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>اپ با هر سرعت اینترنت به خوبی پاسخ لازم را در سریعترین زمان خواهد داد</td>
</tr>
<tr>
<td>در صورتیکه اپ نیاز به اینترنت دارد آیا در صورت عدم دسترسی پیغام خطای لازم نمایش داده می‌شود؟</td>
</tr>
<tr>
<td>در صورتیکه اپ نیاز به اینترنت دارد در صورت تغییر از Wi-Fi به LTE قطع می‌شود ؟</td>
</tr>
<tr>
<td>قابلیت استفاده از اپ بدون نیاز به اینترنت وجود دارد؟</td>
</tr>
</tbody>
</table>
<h3 id="accessibility">دسترسی‌پذیری (۴)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>آیا ویژگی روز / شب دارد؟</td>
</tr>
<tr>
<td>آیا قوانین دسترسی‌پذیری را رعایت کرده است</td>
</tr>
<tr>
<td>برای کاربران کوررنگ مناسب است؟</td>
</tr>
<tr>
<td>برای کاربران با محدودیت حرکتی در نظر گرفته شده است؟</td>
</tr>
</tbody>
</table>
<h3 id="help">راهنما (۵)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>در صورتیکه فراخوانی اطلاعات به طول بیانجامد آیا لودینگ مناسب جهت پردازش به کاربر نمایش داده می‌شود؟ Visibility of system status</td>
</tr>
<tr>
<td>آیا برای اپ راهنمای اولیه وجود دارد؟ Onboarding
</td>
</tr>
<tr>
<td>امکان صرف نظر از Onboarding وجود دارد</td>
</tr>
<tr>
<td>کاربر برای آشنایی با اپ نیاز به راهنمایی دارد</td>
</tr>
<tr>
<td>آیا با وارد شدن به هر اسکرین جدید راهنمایی لازم داده می‌شود؟</td>
</tr>
</tbody>
</table>
<h3 id="error">خطا (۴)</h3>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td>آیا برای انجام عملیات‌هایی نظیر حذف که امکان بازگردانی آن در اپ و سیستم عامل وجود ندارد از کاربر پیغام تائید گرفته می‌شود؟</td>
</tr>
<tr>
<td>آیا امکان بازگشت برای اصلاح خطا وجود دارد</td>
</tr>
<tr>
<td>صفحات بدون محتوا به کاربر نمایش داده می‌شود ؟ پیغام خالی بودن آیا برای صفحات خالی از اطلاعات پیغام مناسب وجود دارد؟</td>
</tr>
<tr>
<td>آیا امکان تائید از کاربر برای کاهش خطاهای انسانی وجود دارد؟</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-2 col-xs-2 sidebar">
<ul class="nav nav-pills nav-stacked">
<li><a href="#app">اپ</a>
</li>
<li><a href="#search">جستجو</a>
</li>
<li><a href="#form">فرم</a>
</li>
<li><a href="#user">کاربر</a>
</li>
<li><a href="#safety">ایمنی</a>
</li>
<li><a href="#design">طراحی</a>
</li>
<li><a href="#navigation">راهبری</a>
</li>
<li><a href="#ia">معماری اطلاعات</a>
</li>
<li><a href="#accessible">دسترسی</a>
</li>
<li><a href="#content">محتوا</a>
</li>
<li><a href="#utility">امکانات</a>
</li>
<li><a href="#network">شبکه</a>
</li>
<li><a href="#accessibility">دسترسی‌پذیری</a>
</li>
<li><a href="#help">راهنما</a>
</li>
<li><a href="#error">خطا</a>
</li>
</ul>
</div>
</div>
<hr>
</div>
<footer class="container">
تهیه شده توسط <a href="http://parhamb.com">پرهام باغستانی</a> . در توییتر <a href="http://twitter.com/parhamb">@parhamb</a>
<br> آخرین تاریخ بروزرسانی <b>۱۹ خرداد ۱۳۹۶</b>
<br>
<br> فونت‌های استفاده شده: <a href="http://rastikerdar.github.io">ساحل و صمیم</a>
</footer>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-24416254-12', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>