UXI Live 2011 lecture by Dr. Yaakov Greenshpan

‫הרבה פלטפורמות, משתמש‬
‫אחד וראש כואב... של המתכנן‬

‫ד"ר יעקב גרינשפן‬
‫‪UI‬‬

‫יום ה' 54:51-00:51‬

‫‪User Interface‬‬

‫הרבה פלטפורמות, משתמש אחד וראש כואב. של המתכנן...‬

‫.‪© All rights reserved to UI – Human Factors Ltd‬‬

‫אז, היה לנו כאן?‬
‫על עולם הבעיה‬ ‫•‬
‫על המשכיות, תואמות וניתוח תפקיד‬ ‫•‬
‫על העיצוב והתכנון‬ ‫•‬
‫....ואחרון חביב – ה ‪UX‬‬ ‫•‬


‫כל העולם כולו, גשר צר מאוד!‬
‫(או, יש הרבה אתגרים שצריך לעבוד)‬

‫העידן החדש‬

© All rights reserved to UI – Human Factors Ltd.

‫קיצור תסבוכת הטכנולוגיה‬


PC - ‫קיצור תסבוכת המסכים‬

Screen Resolution

80
% of screen resolution

70
Higher
60
1024x768
50
800x600
40
640x480
30
Unknown
20
10
0
2001

2002

2003

2004

2005

2006

2007

2008

2009

2010
2000


‫...וקיצור תסבוכת המסכים - ניידים‬


Multi touch conference scheduling
A combination of functionality and multi touch technology.
UX, graphic design and xaml implementation for multi touch application. In this project we put the fun in function.


‫...וקיצור תסבוכת האינטראקציה‬

‫עכבר סמן‬ ‫אצבע אחת‬ ‫שתי אצבעות‬ ‫יותר אצבעות‬ ‫מקלדת‬

4:30 16:9 15:10 4:3 16:10

Honeycomb LION IOS Android Windows

Android
Blackberry HTC iPhone Laptop
Tablet


‫והתסבוכת של מערכות ההפעלה‬


?‫ואולי תבוא הישועה משחקן אחד גדול‬


?‫ומה ההשפעה על התפעול האנושי‬

:‫במילהאחת‬
challenges


‫על המשכיות, תואמות וניתוח תפקיד‬

‫שני מושגי יסוד‬
‫• תואמות‬

‫• המשכיות‬


?‫זו חווית שימוש אחידה‬
HD SporTracker
Physical fitness measurement application
Cross platform UX and graphic design for iPhone, iPad, website and many more


‫תואמות‬
:‫• תואמות‬
)Conceptual compatibility( ‫מושגית‬ –
)Spatial compatibility( ‫מרחבית‬ –
)Movement compatibility( ‫תנועה‬ –
)Modality compatibility( ‫חושית‬ –

‫• עקביות ויזואלית‬
‫• התאמה ברמת התפעול‬

‫• מודל מנטאלי דומה עד זהה‬


Pahhhhh - ‫אגב תואמות חושית‬


‫תגיד, דומה זה תמיד טוב?!‬
‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬
‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬
‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬
‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫ויזואליזציה‬

‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬
‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫שונה‬ ‫דומה‬

‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬
‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬
‫אפס / חיובית‬ ‫חיובית‬
‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬
‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬
‫דומה‬

‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬
‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫תגובה‬

‫שלילית!‬
‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬
‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬
‫‪N/A‬‬ ‫שונה‬

‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬
‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬

‫הדגמה להעברה שלילית‬

Paste – Copy – Paste – Copy – Pa


‫מודל מנטאלי. נעים להכיר!‬
‫הדואר בא היום / ב ‪ GMAIL‬האדום / הביא איתו מכתב‬
‫– מכתב מחו"ל.‬

‫מסקנה – להכנס‬
‫למעלית!‬


‫התאמה לפלטפורמות מרובות‬


‫הממד השני של החוויה הרציפה - המשכיות‬

‫• תפקיד המשתמש, נתמך בין סביבות שונות‬
‫• המטלה "עוברת" וממשיכה בין סביבות‬


‫אפשר לראות את זה ככה‬


?‫זוכרים, ניתוח זיקות‬

10%

25%


‫וגם, החלטה על מאפייני המוצר כנגזרת‬
‫מניתוח התפקיד‬

‫טאבלט‬ ‫‪PC‬‬ ‫אייפון‬
‫כן‬ ‫כן‬ ‫כן‬ ‫מה חדש?‬
‫כן‬
‫‪BlackBerry‬‬ ‫אייפון כן‬ ‫כן‬ ‫קריאת דואל‬
‫כן אולי‬ ‫כן כן‬ ‫אולי‬ ‫שמירת קובץמה חדש?‬
‫מצורף‬
‫כן כן‬ ‫כן כן‬ ‫כן‬ ‫מענה על קריאת דואל‬
‫דואל‬
‫כן אולי‬ ‫אולי כן‬ ‫ייזום דואל שמירת קובץ מצורףכן‬
‫חדש "דחוף"‬
‫כן אולי‬ ‫כן כן‬ ‫אולי‬ ‫ייזום דואל מענהרגילדואל‬
‫חדש " על "‬
‫כן אולי‬ ‫כן כן‬ ‫למחוק דואל ייזום דואל חדש "דחוף"‬
‫אולי‬
‫כן כן‬ ‫אולי כן‬ ‫לאתר דואל ייזום דואל חדש "רגיל"‬
‫אולי‬ ‫ישן באמת‬
‫כן‬ ‫אולי‬ ‫למחוק דואל‬
‫כן‬ ‫אולי‬ ‫לאתר דואל ישן באמת‬


‫יצירת מעורבות: הכלכלה של ממשק‬
)Ming & Andreas( ‫המשתמש‬

COST – REWARD – RISK


‫על עיצוב והתכנון‬

‫אבל, יש עוד המון שיקולים של עיצוב!‬
‫לפעמים, אין ברירה, אלא לעשות כמה גרפיקות‬ ‫•‬
‫לכמה רזולוציות שונות‬
‫...וגם עיצוב ‪ Landscape‬ו ‪Portrait‬‬ ‫•‬
‫‪ – FLASH‬זה כואב, כל עוד אפל עוברת על הדיבר‬ ‫•‬
‫ה 11...‬
‫מאיזו פלטפורמה מתחילים?‬ ‫•‬
‫תאורה... ‪ Smartphone‬הם גם לשמש!‬ ‫•‬

‫• ומשפט המחץ...תעשה לי אייפון!‬


‫ואחרון חביב... ה-‪UX‬‬

!‫יונתן, לך על הביט‬

‫פס‬ ‫עץ‬ ‫אפ‬

‫רץ‬

‫בה‬
‫בו‬


FLOW ‫רעיון ה‬
Csikszentmihalyi & Rathunde, 1993
Keeping myself in a “Zone” •
"Feeling of “Flow •
an activity with clear goals •
good feedback •
a close match between the difficulty of the task and the •
ability of the user.


‫מי ידע דרך נשר בשמיים‬


...‫נסיון חביב לתנועה, אבל‬


?‫הפתרון‬

‫< --- > תנועה כפידבק בלבד‬ ‫תנועה כניווט‬


User Interface

!‫תודה‬


UXI Live 2011 lecture by Dr. Yaakov Greenshpan

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (13)

UXI Live 2011 lecture by Dr. Yaakov Greenshpan