38
ﮐﺎرﺑﺮدﭘﺬﯾﺮی در وب اﺳﺘﻔﺎده ﻋﻤﻠﯽ از ﮐﺎرﺑﺮدﭘﺬﯾﺮی ﺧﻮﺷﺒﺨﺖ ﭘﺮﻫﺎﻫﻨﻤﻮ 0 ﺷﺮrahnemoon.com 1 Monday, November 14, 2011

کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Embed Size (px)

Citation preview

Page 1: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

کاربردپذیری در وباستفاده عملی از کاربردپذیری

پرهامم خوشبختشرکت ررهنمونن

rahnemoon.com

1Monday, November 14, 2011

Page 2: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

بررسی سایت بهسایتwww.behsite.ir

2Monday, November 14, 2011

Page 3: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

محتواا

بهسایت: پایگاهه علمی آآموززشی تغذیه وو سالمت

3Monday, November 14, 2011

Page 4: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

محتواایی خوبب

خدماتت وو اام,اناتت

بهسایت: پایگاهه علمی آآموززشی تغذیه وو سالمت

4Monday, November 14, 2011

Page 5: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

محتواایی خوبب

خدماتت وو اام,اناتت مفید

ررعاتت ااصولل کارربرددپذیریی

بهسایت: پایگاهه علمی آآموززشی تغذیه وو سالمت

5Monday, November 14, 2011

Page 6: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

میخوااهیم ررسیدنن به هدفف رراا آآسانن کنیم!

6Monday, November 14, 2011

Page 7: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

برررسی هدفف:

⁃‑‐ خوااندهه شدنن مقاالتت

⁃‑‐ ااستفاددهه اازز خدماتت سایت

7Monday, November 14, 2011

Page 8: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

کارربر رراا به هدفف برسانید:

انتظارات کاربر

ایجاد حرکت

رسیدن به هدف

8Monday, November 14, 2011

Page 9: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

انتظارات کاربر

کاربران، انتظارات و عادتهایی دارند...

9Monday, November 14, 2011

Page 10: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ثابتها:

لوگو

Gمنو ااصل

کاددرر جستجو

Gلینک به صفحه ااصل

Breadcrumbs

10Monday, November 14, 2011

Page 11: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ثابتها:

لوگو

Gمنو ااصل

کاددرر جستجو

Gلینک به صفحه ااصل

Breadcrumbs

11Monday, November 14, 2011

Page 12: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ثابتها:

لوگو

⁃‑‐ باال، سمت ررااست

Gلینک به صفحه ااصل ‐‑⁃

12Monday, November 14, 2011

Page 13: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ثابتها:

لوگو

Gمنو ااصل

⁃‑‐ منو ااصلG رراا جایی قراارر ددهید که مطمئنا کارربر ببیند

Gترجیحا باال وو به صوررتت اافق ‐‑⁃

13Monday, November 14, 2011

Page 14: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ثابتها:

لوگو

Gمنو ااصل

کاددرر جستجو

⁃‑‐ حدوودد ۵٠۰٪ کارربراانن با ااستفاددهه اازز جستجو ددااخل ووبب سایت به هدفف خودد میرسند

⁃‑‐ یd جایی خوبب براایی نصف کارربراانمانن ددرر نظر ب`یریم

14Monday, November 14, 2011

Page 15: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ثابتها:

لوگو

Gمنو ااصل

کاددرر جستجو

Gلینک به صفحه ااصل

Gااوولین لینک ددرر منو ااصل ‐‑⁃

⁃‑‐ لینک ددرر لوگو

15Monday, November 14, 2011

Page 16: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ثابتها:

لوگو

Gمنو ااصل

کاددرر جستجو

Gلینک به صفحه ااصل

Breadcrumbs

⁃‑‐ ززیر منو

⁃‑‐ مسیر حرکت کارربر رراا نشانن ددهید

16Monday, November 14, 2011

Page 17: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

اازز کجا آآمدهه؟

ااالنن کجاست؟

کجا میتوااند بروودد؟

جواب به چهار سوال ذهنی کاربرثابتها:

لوگو

Gمنو ااصل

کاددرر جستجو

Gلینک به صفحه ااصل

Breadcrumbs

17Monday, November 14, 2011

Page 18: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

نیازهای اولیه کاربر را برطرف کردید

18Monday, November 14, 2011

Page 19: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ایجاد حرکت

به کاربر انگیزه بدهید

19Monday, November 14, 2011

Page 20: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

20Monday, November 14, 2011

Page 21: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ایجاد حرکت

مقصد رراا ددمم ددست بگذااررید:

21Monday, November 14, 2011

Page 22: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

کاربر به مقاله شما رسید

22Monday, November 14, 2011

Page 23: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

کاربر را وادار به خواندن کنید

رسیدن به هدف

23Monday, November 14, 2011

Page 24: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

رسیدن به هدف

Readability

24Monday, November 14, 2011

Page 25: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

کداامم رراا میخواانید:(۱)(۲)

25Monday, November 14, 2011

Page 26: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

خواانایی یFG اازز جنبه هایی مهم ددرر کارربرددپذیریی ووبب ااست

حدود ۹۰٪ از کاربران “به سایت” برای خواندن مقاالت می آیند

26Monday, November 14, 2011

Page 27: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

حدسس شما ددررست بودد:

27Monday, November 14, 2011

Page 28: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Scannability and Readability:

Scannable

فضایی سفید

عنواانن ها

(contrast)ررنگ بندیی

⁃‑‐ لینک ها

Gمتن ااصل ‐‑⁃

کاددرربندیی تصاوویر

28Monday, November 14, 2011

Page 29: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Scannable

فضایی سفید

عنواانن ها

(contrast)ررنگ بندیی

⁃‑‐ لینک ها

Gمتن ااصل ‐‑⁃

کاددرربندیی تصاوویر

Scannability and Readability:

29Monday, November 14, 2011

Page 30: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Scannability and Readability:

Scannable

30Monday, November 14, 2011

Page 31: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Scannability and Readability:

Scannable

فضایی سفید

31Monday, November 14, 2011

Page 32: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Scannable

فضایی سفید

عنواانن ها

⁃‑‐ هر صفحه عنواانن دداارردد

⁃‑‐ عنواانن مقاله متفاووتت باشد(ررنگ، ااندااززهه، نوعع فونت)

⁃‑‐ بخشG رراا بدوونن عنواانن ررها نکنید

⁃‑‐ بعد اازز عنواانن با متن فاصله ب`ذااررید

Scannability and Readability:

32Monday, November 14, 2011

Page 33: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Scannability and Readability:

به رنگ بندی منو اصلی دقت کنید

Scannable

فضایی سفید

عنواانن ها

(contrast)ررنگ بندیی

33Monday, November 14, 2011

Page 34: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Scannable

فضایی سفید

عنواانن ها

(contrast)ررنگ بندیی

کاددرربندیی تصاوویر

Scannability and Readability:

⁃‑‐ تصاوویر رراا ددرر صفحه ررها نکنید

⁃‑‐ یd قابب ساددهه کافیست

⁃‑‐ وو کمG فاصله اازز متن

34Monday, November 14, 2011

Page 35: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

Scannability and Readability:

Scannable

فضایی سفید

عنواانن ها

(contrast)ررنگ بندیی

کاددرربندیی تصاوویر

35Monday, November 14, 2011

Page 36: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

ززندگF رراا آآسانن کنیم!

36Monday, November 14, 2011

Page 37: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

با تشکر از توجه شما

37Monday, November 14, 2011

Page 38: کاربردپذیری در وب، استفاده عملی از کاربردپذیری با بررسی سایت behsite.ir

پرهام خوشبخت

www.parhum.net

[email protected]

38Monday, November 14, 2011