UXI Live 2011 lecture by Dr. Yaakov Greenshpan

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

משתמש , הרבה פלטפורמות

של המתכנן... אחד וראש כואב

15:00-15:45' יום ה

© All rights reserved to UI – Human Factors Ltd.

User Interface

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

ר יעקב גרינשפן"ד


?היה לנו כאן, אז

על עולם הבעיה•

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

על העיצוב והתכנון•

UXה –ואחרון חביב ....•

!גשר צר מאוד, כל העולם כולו

(יש הרבה אתגרים שצריך לעבוד, או)


העידן החדש


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


20

00

20

01

2

00

2

2

00

3

20

04

20

05

20

06

20

07

20

08

20

09

20

10

% o

f s

cre

en

re

so

luti

on

Higher

1024x768

800x600

640x480

Unknown

80

70

60

50

40

30

0

20

10

Screen Resolution

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


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


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.


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

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

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

IOS Android Windows LION Honeycomb

iPhone Android Tablet

Laptop HTC Blackberry


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


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


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

:במילהאחת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 -אגב תואמות חושית


!?דומה זה תמיד טוב, תגיד

ויזואליזציה

דומה שונה

דומה חיובית חיובית/ אפס

תגובה

N/A שונה !שלילית

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 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

(-) (-) (-) (-) (-) (-) (-) (-) (-) (-)

(-) (-) (-) (-) (-) (-) (-) (-) (-) (-)

(-) (-) (-) (-) (-) (-) (-) (-) (-) (-)

(-) (-) (-) (-) (-) (-) (-) (-) (-) (-)

(-) (-) (-) (-) (-) (-) (-) (-) (-( )- )

(-( )-( )-( )-( )-( )-( )-( )-( )-( )- )

(-( )-( )-( )-( )-( )-( )-( )-( )-( )- )(-( )-( )-( )-( )-( )-( )-( )-( )-( )- )


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

– Paste – Copy – Paste – Copy – Paste


!נעים להכיר. מודל מנטאלי

הביא איתו מכתב / האדום GMAILב / הדואר בא היום

. ל"מכתב מחו –

להכנס –מסקנה

!למעלית

http://dev.sencha.com/deploy/touch/examples/kitchensink/


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



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

נתמך בין סביבות שונות, תפקיד המשתמש•

וממשיכה בין סביבות" עוברת"המטלה •


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


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

25%

10%


אייפון PC טאבלט

?חדש מה כן כן כן

דואל קריאת כן כן כן

שמירת קובץ מצורף אולי כן אולי

מענה על דואל כן כן כן

"דחוף"ייזום דואל חדש כן כן אולי

"רגיל"דואל חדש ייזום אולי כן אולי

למחוק דואל אולי כן אולי

דואל ישן באמת לאתר אולי כן כן

BlackBerry אייפון

?חדש מה כן כן

דואל קריאת כן כן

שמירת קובץ מצורף אולי כן

מענה על דואל כן כן

"דחוף"ייזום דואל חדש כן כן

"רגיל"דואל חדש ייזום אולי כן

למחוק דואל אולי כן

דואל ישן באמת לאתר אולי כן

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

מניתוח התפקיד


הכלכלה של ממשק : יצירת מעורבות

(Ming & Andreas)המשתמש

COST – REWARD – RISK

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

www.ui.co.il/demo

http://www.ui.co.il/

http://www.ui.co.il/



!יש עוד המון שיקולים של עיצוב, אבל

אלא לעשות כמה גרפיקות , אין ברירה, לפעמים• לכמה רזולוציות שונות

Portraitו Landscapeוגם עיצוב ...•

•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

Technology