Web Sites Design And Usability Emmanuel Kimyagarov

Web Sites Design And Usability Emmanuel Kimyagarov

Web Sites Design

Web Sites Design ● Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

Web Sites Design

Web Sites Design

Web Sites Design ● היגטרטסאה תבכש o םישלוגה יכרצ o ןוגראה יכרצ

Web Sites Design ● תוילנואיצקנופה תבכש o תויצקנופ o םיכילהת

Web Sites Design ● הנבמה תבכש o רתאה הנבמ o עדימ לש הרוטקטיכרא

Web Sites Design ● עדימה בוציע תבכש o עדימה בוציע o קשממ בוציע o טווינ בוציע

Web Sites Design ● הנוילע הבכש o ילאוזיו בוציע

Web Sites Design ● תיגטרטסא הבכש o םוזיי םייק בצמ רואית םייק בצמב תויעב הצלמה תלעות

Web Sites Design ● תיגטרטסא הבכש o תיגטרטסא תינכות םילהנמ תיצמת קוש רואית PESTEL SWOT היגטרטסא ינוגרא הנבמ

Web Sites Design ● תיגטרטסא הבכש o תיגטרטסא תינכות םישלוגה יכרצ דעי להק חוליפ קוש ירקחמ ןוגראה יכרצ םידידמ םידעיו תורטמ הצפה תורונצ היגולונכט

Web Sites Design ● תוילנואיצקנופה תבכש o ( ) םישיחרתו תונוסרפ םינקחש o תויצקנופ o םיכילהת o טנטנוק

Web Sites Design

Web Sites Design ● תוילנואיצקנופה תבכש o ( ) םישיחרתו תונוסרפ םינקחש םידיקפת / ינוציח ימינפ

Web Sites Design ● תוילנואיצקנופה תבכש o תויצקנופ o םיכילהת

Web Sites Design ● תוילנואיצקנופה תבכש o טנטנוק םיצבק יגוס םינותנ ןוכדע םינותנ לע יארחא ימ םינותנה תא תוארל לוכי ימ

Web Sites Design ● הנבמה תבכש o רתאה הנבמ ריינ לע סופיטבא רתא לש ליעפ סופיטבא תוישומיש תוקידב o עדימ לש הרוטקטיכרא טווינ תוירושיק

Web Sites Design

Usability ● תוישומיש יהמ ● תושיגנ יהמ ● בושחל יל ונתת לא

Usability ● תוישומיש יהמ ● תושיגנ יהמ ● בושחל יל ונתת לא

Usability ● תוישומיש יהמ . רבודמ בורל םיוסמ רצומב שמתשהל ןתינ הב תולקה תדימ . תוישומישה תדימ שמתשמ קשממ ילעב םייגולונכט םירצומב , תועצובמ הבש תוריהמהו תוליעיה תוטשפה יפ לע תעבקנ . םוחתב שומישב אצמנ חנומה רצומב תויפיצפס תולטמ . תועצמאב תגשומ תויהל הלוכי תוישומיש שונא ימרוג תסדנה שמתשמ דקוממ בוציע (User-centered design) בוציע וא המישמ החנומ (Task-centered design).

Usability ● תוישומיש ינייפאמ o תוידומיל — ידי לע הדימלל ןתינ קשממה הב הדימה שמתשמה o תוליעי. — ליעי אוה קשממב שומישה הב הדימה o תוריכז — תולועפ תא רכוז שמתשמה הב תולקה תדימ . קשממה o תואיגש. — קשממב תמייקה תילאיצנטופה תויועטה תומכ o ןוצר תועיבש — שמתשמה לש ןוצרה תועיבש תדימ . קשממהמ

Usability ● תושיגנ יהמ תושיגנ) Accessibility ( תכרעמ לש התמאתה תדימ איה , םע םישנא ללוכ רשפאה לככ םיבר םישנא לש םשומישל , דויצ תרזעב תכרעמב שמתשהל םיכירצש תויוקל ) גצ טלפל תילוק הארקהל תונכות ןוגכ תעייסמ היגולונכט . ( הז חנומ ןיב לבלבל ןיא םילגלג תואסיכ וא בשחמה ) תושימש חנומלUsability , (לש התמאתה תדימ ראתמה , ללוכ רשפאה לככ םיבר םישנא לש םשומישל תכרעמ , תויוקל םע םישנאאלב שמתשהל וכרטצי הלאא ש. תעייסמ היגולונכט תרזעב תכרעמב

Usability לש רתאDELL

Usability ןמדלפ תודילג לש רתא

Usability טנרטניאב םינכרצ תוגהנתה. 1 תילכלכ הטיש. 2 שופיחה תולע לש השיג. 3 תונבנ תופדעה תטיש. 4 העפותה תשיג

Usability טנרטניאב םינכרצ תוגהנתה. 1 תילכלכ הטיש o. ןמזו ףסכ לע שגד המש o טנרטניאה תועצמאב ןמז ןומה ךסוח ןכרצה . לע עדימה תומכ לש העפשהה רצומ שופיחל תוכיא o. רתוי םלשל ןכומ ןכרצה לדובמ רצומ לע o : םינכרצ חוליפו לודיב שופיחל םידמימ ינש

Usability טנרטניאב םינכרצ תוגהנתה. 1 שופיחה תולע לש השיג o. רתאב שפחלמ ףייעתמ ןכרצה o םה יכ הכומנ רתא ףילחהל םינכרצה לש הייטנה — השדח הביבס דומלל םיצור אלlock-in ( Baby-Duck-Syndrome(

Usability טנרטניאב םינכרצ תוגהנתה. 1 תונבנ תופדעה תטיש o היינקה ךלהמבו תורורב תופדעה ןיא ןכרצל. תונתשמ ולש תופדעה o. : ןכרצה לע העיפשמ תונחה לש עקרה אמגוד o לש תואצותב תויולת דואמ ןכרצה לש תופדעה. שופיחה יעונמ

Usability טנרטניאב םינכרצ תוגהנתה. 1 העפותה תשיג o םע ןכרצל שיש היצקארטניאה לע שגד המש — הינקה תייווח הידמה

Usability טנרטניאב םינכרצ תוגהנתה השיגתופדעהב תונושה תיתוגהנתה העפות תילכלכה השיגה -ןמזב בשחתמ ילנויצר תולעו , הבוגת ינמזב תונוש ריחמו רצומ תולע שופיחה תויולע תדרוה היצמוטוא תועצמאב שופיחה תולע לש השיגה תיביטינגוקה תוכיאבו ץמאמב יולת. ןכרצה עיקשמ םתואש Lock-in – אולכהןכרצ תונשל השקו תופדעהב , ותגוצת עדימה ןוגרא ונוניסו תועצמאב ןכרצל רוזעל עדימ יבולישו תאוושה — תיינב תינבמה השיגה היינקה ךלהמב תופדעה » אל םימרוג י ע תעפשומ םיירקמו םייולת , רתאה תריווא עקר תווכת יוהיזב עויס ןתמ הלאכ דחוימב תובושח תעב תועודי אלש . הטלחהה תיגולונמנפה השיגה ( ) העפותה שלוגה תייווחב תזכרתמ תייווחב תבשחתמ השיכרה הביבסהש תולקה םיאתהל תרשפאמ ילש םיכרצל םירצומ רורב אל

Usability Banner Blindness: Old and New Findings

Usability

Usability Eye-Tracking

Usability Eye-Tracking. 1 הנומתמ רתוי שלוג לש וטבמ ספוט טסקט. 2( ) הנוילע תילאמש תירבעב הנוילע תינמי הניפמ ליחתמ ינושאר טבמ. 3 טקפאF. 4 םירנאבמ םימלעתמ םיארוק. 5 רתי בוציע םימלעתמ םיארוק. 6 טסקט אלו רפסמכ רפסמה תא וארה. 7 טסקט לדוגל תועמשמ שי. 8 םתוא ןיינעמ הז םא קר תורתוכ יתת םיארוק םישלוג. 9 םינטק םיקלחב ףדה תא םיארוק. 10 רתוי תורצק תואקספ רתוי םיארוק. 11 םירוט המכמ רתוי טבמ דקממ דחא רוטב הסירפ. 12 םישלוג לש בל תמושת ךשומ ףד לש תילאמש הנוילע הניפב תמוסרפ בוט רתוי. 13 םיניינעמ םימוחת דיל תמוסרפ רתוי םיאור םישלוג. 14 בל תמושת רתוי םע םיארוק טסקט תמוסרפ. 15 ןיעה תא תוכשומ רתוי תולודג תונומת

Usability Eye-Tracking. 1 ןיעה תא תוכשומ רתוי תוטושפ תונומת. 2 ןיעה תא תוכשומ תורתוכ. 3 םיטירפתו םירותפכ לע םילכתסמ ןמז הברה. 4 םישלוג לש ןיעה תא בוט תוספות תומישר. 5 םירוק אל טסקט הברה. 6 ןיעה תא סופתל לוכי בוציע. 7 םיפדב חוורמ. 8 ףדה לש ןוילע קלח טווינל בוט םוקמ

Usability ● טלאטשג יללכ o הבריק o תוריגס o תוטשפ o תופיצר

Usability ● טלאטשג יללכ תוריגסה קוח תוטשפה קוח הבוטה תופיצרה

Usability ● בושחל ונל םרוג המ o וגול o ןגולס o םייעוצקמ םיגשומ o , , ) עקר םירותפכ הקיפרגicon( o םירושיק

Usability ● בושחל ונל םרוג המ o ינא הפיא o שפחמ ינאש רצומ הפיא o תיבה ףדל רזוח ינא ךיא o םיליחתמ הפיאמ o. . . ןאכ בושחה רבדה והמ

Usability לכל ןבומ דחא ןבומ אל ללכב Walla

Usability ןויעל םיפד תריצי ● הרורב תילאוזיו היכרריה תריצי ● תונבומב ושמתשה ● םיינויגה םימוחתל דומע תסירפ ● םיילאוזיו םישער תתחפה

Usability — תילאוזיו היכרריה תריצי ןויעל םיפד תריצי הרורב ● עבוק ןכ לדוגה םישאר תרתוכ תינשמ תרתוכ תינושילש תרתוכ

Usability — תילאוזיו היכרריה תריצי ןויעל םיפד תריצי הרורב ● יגול רשק םירפס םיקסיד םיטרס

Usability — תילאוזיו היכרריה תריצי ןויעל םיפד תריצי הרורב ● תומרל הקולח םירפס םיבשחמ ירפס דומיל ירפס האירק ירפס םיקסיד םיטרס

Usability — תילאוזיו היכרריה תריצי ןויעל םיפד תריצי הרורב ● תומרל הקולח םירפס םיבשחמ ירפס דומיל ירפס האירק ירפס םיקסיד םיטרס

Usability — תונבומב ושמתשה ןויעל םיפד תריצי

Usability — םימוחתל דומע תסירפ ןויעל םיפד תריצי םיינויגה םש ףדה

Usability — םיילאוזיו םישער תתחפה ןויעל םיפד תריצי ● ץוחלל רשפא המ לע וארה ● רתי ןכות ● ( , ) הקיפרג םירנאב םיילאוזיו םישער

Usability ● תוישומיש יללכ o 7± 2 o 2 תוינש o 3 םיקילק o 80/20 o הכופה הדימריפ o קופיס

Usability ● טווינ ןאכ התא תוקלחמ תת ףדה םש טווינ ימוקמ טירפת ינימ

Usability ● טווינ

Usability ● טווינ

Usability ● טווינ

Usability ● ליגרת o ( ) וגול הז רתא הזיא o ( ) , ףד תרתוכ אצמנ ינא ד הזיאב o ( ) תוקלחמ הפ שי המ o ( ) ימוקמ טווינ ןאכ שי תויורשפא וליא o ( ) ןאכ אצמנ התא רתא לכל סחיב אצמנ ינא הפיא o ( ) שופיח תויורשפא ןאכ שפחל רשפא ךיא

Usability

Usability ● םילימב וכסח o וקחמ 50% , דוע וקחמ תרחמל 50% o ילבsmall talk o תוארוה ילב o Why o How o Plus

Usability ● תיבה ףד o רתאה םש o רתאה תרטמ o רתאה לש היכרריה o שופיח

Usability ● תיבה ףד o Content Promos o Feature promos o שדחתמ ןכות o תומוסרפ o תוינושל o הסינכו םושיר

Usability ● דוקימ תוצובק ● Usability testing

Usability ● טסט 1 םע 8 םיפתתשמ

Usability ● 2 םע םיטסט 3 םיפתתשמ

Usability

Usability ● Paper Prototyping o חותיפה תליחת םיאתמ o תוטשפ o ךומנ ביצקת o תורעה סינכהל לק

Usability