SlideShare a Scribd company logo
1 of 33
Download to read offline
‫כותרת‬


        ‫מתכוני חוויית משתמש:‬
‫איך ליצור אתרים טעימים במיוחד‬

             ‫ברק דנין, מנכ"ל יוניק יו איי‬
           ‫וורדקמפ ירושלים, 0102/9/5‬
‫כותרת‬




  ‫נעים‬
!‫להכיר‬                    cc by
                 abhi_saveEarth
‫כותרת‬
                ‫ברק דנין, מנכ"ל ובעלים - יוניק יו איי‬




‫‪cc by vaxzine‬‬
‫כותרת‬
                                ‫‪ – UXI‬חוויית משתמש ישראל‬

                                           ‫‪http://uxi.org.il‬‬

    ‫בית מקצועי לכל העוסקים והמתעניינים בתחום חוויית המשתמש‬
                    ‫כתבות, לוח משרות, מילון מונחים, כלי עבודה‬
 ‫מערכת דיונים שאפשר לשאול בה שאלות מקצועיות ולקבל תשובות‬
                                   ‫ממגוון רחב של אנשי מקצוע.‬

                   ‫כנס מקצועי: 0102/01/5, מרכז הכנסים, שפיים‬

     ‫הסטיקר של ‪– UXI‬‬
‫בואו לקחת בסוף ההרצאה!‬
‫על מה כותרת‬
                                      ‫נדבר?‬

                              ‫מה זו "חוויית משתמש"?‬

     ‫שמישות )‪ (usability‬של בלוגים ומערכות תוכן‬

                               ‫השאלות שלכם )בסוף(‬

                    ‫כל הדוגמאות: אתרי ‪ WordPress‬בלבד‬


‫‪Cc FotoosVanRobin‬‬
‫כותרת‬




‫חווייה‬
‫כותרת‬




 ‫7‬
‫כותרת‬




http://www.flickr.com/photos/cell105/142887353/sizes/o/
   http://www.flickr.com/photos/ishane/2478049891/sizes/l/
‫כותרת‬




CC by lore
‫כותרת‬




‫משתמש!‬
‫כותרת‬




‫אין משתמש אחד... יש הרבה אנשים שונים‬   ‫/9362853133/‪http://www.flickr.com/photos/mararie‬‬
‫כותרת‬




‫הם עשויים להיות במקומות וסיטואציות בלתי צפויים‬
‫כותרת‬




‫והם עשויים להיות מאוד שונים מאיתנו!‬
                                      ‫/33095763/‪http://www.flickr.com/photos/fernando‬‬
‫כותרת‬
‫הקשר שימוש ‪Context of Use‬‬

                     ‫סביבה אנושית‬
‫מי האנשים שישתמשו במוצר )באתר(?‬
           ‫מה היעדים שלהם בחיים?‬
          ‫מה היעדים שלהם במוצר?‬
‫דוגמה: כותרת‬
                        ‫בצק אלים‬

                  ‫מאיה מרום, "בצק אלים".‬




                              ‫‪www.bazekalim.com‬‬



‫למה המחיר חשוב?‬
 ‫למה הזמן חשוב?‬

‫מי קהל היעד?‬
‫כותרת‬
‫דוגמא: ‪Tasty Kitchen‬‬

   ‫למה דרגת הקושי חשובה?‬

    ‫למה מספר המנות חשוב?‬

‫למה יחידות המידה חשובות?‬

            ‫מי קהל היעד?‬

 ‫איזה מידע להציג – שייך לתחום של‬
 ‫ארכיטקטורת מידע, ‪Information‬‬
‫)‪ ,Architecture (IA‬חלק חיוני מ-‪UX‬‬
‫ארכיטקטורת מידע‬
          ‫כותרת‬
    ‫‪Information Architecture‬‬


      ‫ארגון המידע במערכת‬
        ‫איזה מידע מציגים?‬
    ‫מה חשוב למשתמשים?‬
     ‫מה חשוב לעסק/אתר?‬
          ‫איך מוצאים מידע:‬
 ‫איך מחלקים אותו לקבוצות?‬
    ‫מערכת ניווט – תפריטים‬
‫איך פועלת מערכת החיפוש?‬
‫איך מוצגות תוצאות החיפוש?‬
‫כותרת‬
                                 ‫טיפים: מערכת הניווט‬

 ‫השאירו את התפריט במקום קבוע, ועם תכנים קבועים‬
      ‫)תציצו ב-‪ mako‬ותראו איך לא לעשות את זה...(‬
‫כותרות ברורות – לקהל היעד שלכם, ויצירתיות במידה‬
                     ‫)"מי אני" ולא "המפלצת הירוקה"(‬
                  ‫סדרו את הכותרות לפי סדר חשיבות‬
   ‫הרוב קוראים בעיקר את הראשונה-שנייה והאחרונה‬
      ‫לא יותר מ-7 כותרות בתפריט הראשי, רצוי פחות‬
              ‫הדגישו את הכותרת שבה נמצאים כרגע‬

                             ‫0681/‪http://uxi.org.il/pages‬‬
‫כותרת‬
                         ‫טיפים: תוצאות החיפוש‬

‫חשבו איזה מידע נחוץ למשתמש כדי לבחור תוצאה‬
 ‫בדרך-כלל רוצים לראות את הקטע שהתאים לחיפוש‬
‫כותרת‬
‫הקשר שימוש ‪Context of Use‬‬

                          ‫סביבה אנושית‬
           ‫מי האנשים שישתמשו במוצר?‬
               ‫מה היעדים שלהם בחיים?‬
              ‫מה היעדים שלהם במוצר?‬
                            ‫סביבה פיזית‬
            ‫באיזה מקומות המוצר יופעל?‬
          ‫מה מאפיין את המקומות האלו?‬
              ‫סביבה טכנית )פלטפורמה(‬
                      ‫איזה מכשירים?‬
                 ‫איזה מערכות הפעלה?‬
                          ‫סביבת מוצרים‬
     ‫איזה מוצרים נוספים תומכים במוצר?‬
  ‫איזה מוצרים אחרים פועלים באותו תחום‬
                           ‫של המוצר?‬
            ‫כיצד רגילים להשתמש בהם?‬
‫כותרת‬
                  ‫מה חווים היום במערכת שלכם?‬

                     ‫מה החוויה שעוברים משתמשים‬
                             ‫במערכת שלכם היום?‬
                      ‫איך המשתמשים פועלים בתוך‬
                                       ‫המערכת?‬


                          ‫איך הייתם רוצים שחוויית‬
                                 ‫המשתמש תהיה?‬
‫‪cc by TimSamoff‬‬
                     ‫איך הייתם רוצים שהמשתמשים‬
                                        ‫יפעלו בה?‬
‫כותרת‬
‫יש לא מעט מערכות שבהן זה כך...‬
‫כותרת‬
‫יש לא מעט מערכות שבהן זה כך...‬


 ‫לא הבינו‬
‫לאן הגיעו‬
‫כותרת‬
 ‫יש לא מעט מערכות שבהן זה כך...‬


 ‫לא הבינו‬
‫לאן הגיעו‬

  ‫לא מצאו‬
‫מה שחיפשו‬
‫כותרת‬
‫יש לא מעט מערכות שבהן זה כך...‬


 ‫לא הבינו‬
‫לאן הגיעו‬

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

‫מצאו אבל‬
 ‫לא הבינו‬
‫כותרת‬
    ‫יש לא מעט מערכות שבהן זה כך...‬


     ‫לא הבינו‬
    ‫לאן הגיעו‬

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

    ‫לא הצליחו‬
      ‫לעשות‬

        ‫$‬

‫$‬
    ‫הצליחו‬      ‫$‬
    ‫ונשארו‬
       ‫$‬
‫כותרת‬
            ‫כולנו היינו רוצים שזה יראה כך אצלנו!‬




                      ‫$‬
                  ‫$‬     ‫$‬
            ‫$‬         ‫$‬         ‫$‬
    ‫$‬         ‫$‬             ‫$‬     ‫$‬
            ‫$‬                   ‫$‬
            ‫הצליחו‬
               ‫$‬                ‫$‬
                                  ‫$‬
                                    ‫$‬
        ‫$‬   ‫$‬   ‫$‬                 ‫$‬
‫$‬         ‫$‬   ‫$‬
        ‫$‬                         ‫$‬
            ‫ונשארו‬              ‫$‬
                                  ‫$‬
                                    ‫$‬
             ‫$‬     ‫$‬
        ‫$‬      ‫$ $‬   ‫$‬
             ‫$‬     ‫$‬
‫כותרת‬
                                      ‫מה זה עיצוב חוויית משתמש?‬

                   ‫מבט הוליסטי על תכנון המוצר )האתר(, תוך עבודה על:‬
                                  ‫עיצוב אינטראקציה – ‪Interaction Design‬‬
               ‫הקשר בין אדם למכשיר. תכנון מסכים, זרימה בין מסכים, תהליכים‬
                          ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
                                                ‫השלד של האתר, מבנה המידע‬
                                            ‫שמישוּּת - ‪) Usability‬שימושיות(‬
                                                       ‫"ידידותי למשתמשת"?‬
                                               ‫עיצוב חזותי – ‪Visual Design‬‬
                                                                 ‫עיצוב גראפי‬
                                                     ‫נגישות - ‪Accessibility‬‬
                                                    ‫ידידותי לבעלי מוגבלויות?‬
                        ‫טקסט, תוכן ושיווק – ‪Text, Marketing & Content‬‬
                                              ‫תכנים, קפטולוגיה )‪(Captology‬‬
                                                            ‫התנהגות צרכנית‬

                                        ‫כל אלה – תוך התייחסות ליעדים העסקיים‬
‫‪cc by .craig‬‬
‫כותרת‬
                                         ‫טיפים: בלוגים שמישים‬

                                                            ‫תוכן‬
                                       ‫כותרות ברורות ומזמינות‬
‫לא "קיץ! ילדים!" אלא "הקיץ שלי עם הילדים". אתם נלחמים על קשב.‬
                                              ‫כתבו קצר ופשוט‬
                                                          ‫זהו‬
                                           ‫בלי פסקאות ארוכות‬
                                          ‫חלקו לחלקים קטנים‬
                                        ‫מה שחשוב – בהתחלה‬
                                    ‫אל תצפו שיישארו עד הסוף‬
‫כותרת‬
     ‫טיפים: בלוגים שמישים‬

                     ‫תגובות‬
‫בלי תגובות מכּוּננוֹת )תגובה‬
                 ‫על תגובה(‬
    ‫אם חייבים – רמה אחת‬
  ‫בלבד. קשה לעקוב. הרוב‬
‫קוראים, לא מגיבים, אין כוח‬
                ‫לשרשורים.‬
‫כותרת‬
                           ‫טיפים: בלוגים שמישים‬

                                       ‫טיפוגרפיה‬
              ‫קישורים )ורק קישורים( עם קו תחתון‬
‫‪Cc by tin.g‬‬




                  ‫רצוי בכחול, או בצבע מובחן אחר‬
                               ‫רווחו את השורות‬
                          ‫אם אתם רוצים שיקראו‬
                               ‫רווחו בצדדי הטור‬
                               ‫אבל לא יותר מדי‬
                              ‫טקסט בגודל קריא‬
                             ‫‪ 12px‬בפונט ‪Arial‬‬
                             ‫בחרו צבעים נגישים‬
               ‫אם הניגוד נמוך, רבים יתקשו לקרוא‬
‫כותרת חוויית משתמש?‬
                                     ‫איך ללמוד עוד על‬

 ‫הורידו וקראו את "המדריך לעולם חוויית המשתמש" )בחינם(‬
                        ‫‪http://uniqui.co.il/theguide‬‬
   ‫כל מי שיוריד את המדריך יקבל גם טיפים מקצועיים במייל!‬
‫בואו בסוף ההרצאה לקבל ממני במתנה כרטיס עם 12 כללים‬
                            ‫מנחים לתכנון ממשק משתמש‬
                             ‫אל תשכחו לקחת גם סטיקר!‬
‫כותרת חוויית משתמש?‬
                                           ‫איך ללמוד עוד על‬

                                  ‫השתתפו בכנס 0102 ‪UXI Live‬‬
                                          ‫‪http://uxilive.co.il‬‬
                                                   ‫)בתשלום(‬

                                ‫יום שלם: הרצאות )חלקן במקביל(:‬
‫‪ ,Lovability Factor‬שיפור מכירות ברשת, ה-‪ UX‬של ‪) Soluto‬סטארטאפ‬
  ‫שזכה ב-‪ ,(TechCrunch Disrupt‬אפליקציות עשירות, מתודולוגיה ועוד.‬
                           ‫סדנאות, נטוורקינג, ואפילו סשן קצר של‬

                                        ‫המחיר המלא: 247 ₪‬
            ‫שאלות?‬                   ‫למשתתפי וורדקמפ %02 הנחה‬
‫‪barak@uniqui.co.il‬‬                           ‫495₪ בלבד‬
                                           ‫קוד קופון הנחה:‬
                                         ‫‪WORDCAMP‬‬

More Related Content

Similar to Creating Delicious Wordpress Sites, Barak Danin, Uniq UI

פסיכולוגיה קוגניטיבית וארכיטקטורת מידע – מתיאוריה לפרקטיקה
פסיכולוגיה קוגניטיבית וארכיטקטורת מידע – מתיאוריה לפרקטיקהפסיכולוגיה קוגניטיבית וארכיטקטורת מידע – מתיאוריה לפרקטיקה
פסיכולוגיה קוגניטיבית וארכיטקטורת מידע – מתיאוריה לפרקטיקה
Anat Snir
 
Why You Should Care About Labeling
Why You Should Care About LabelingWhy You Should Care About Labeling
Why You Should Care About Labeling
imolable
 
Why You Should Care About Labeling
Why You Should Care About LabelingWhy You Should Care About Labeling
Why You Should Care About Labeling
imolable
 
Info Organization
Info OrganizationInfo Organization
Info Organization
diklam
 
ארכיטקטורת מידע של מנועי חיפוש1 1
ארכיטקטורת מידע של מנועי חיפוש1 1ארכיטקטורת מידע של מנועי חיפוש1 1
ארכיטקטורת מידע של מנועי חיפוש1 1
MeravRomach
 
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמותאתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
Israeli Internet Association technology committee
 
Mobile applications user experience
Mobile applications user experienceMobile applications user experience
Mobile applications user experience
Yaniv Michaeli
 
UXV certification - sessions 23 - part 3 - agile and ux - emenies or friends
UXV certification -  sessions 23 - part 3 - agile and ux - emenies or friendsUXV certification -  sessions 23 - part 3 - agile and ux - emenies or friends
UXV certification - sessions 23 - part 3 - agile and ux - emenies or friends
TAL FLORENTIN
 

Similar to Creating Delicious Wordpress Sites, Barak Danin, Uniq UI (20)

המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דניןהמועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
 
פסיכולוגיה קוגניטיבית וארכיטקטורת מידע – מתיאוריה לפרקטיקה
פסיכולוגיה קוגניטיבית וארכיטקטורת מידע – מתיאוריה לפרקטיקהפסיכולוגיה קוגניטיבית וארכיטקטורת מידע – מתיאוריה לפרקטיקה
פסיכולוגיה קוגניטיבית וארכיטקטורת מידע – מתיאוריה לפרקטיקה
 
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
 עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
 
Why You Should Care About Labeling
Why You Should Care About LabelingWhy You Should Care About Labeling
Why You Should Care About Labeling
 
Why You Should Care About Labeling
Why You Should Care About LabelingWhy You Should Care About Labeling
Why You Should Care About Labeling
 
The interface is the brand
The interface is the brand The interface is the brand
The interface is the brand
 
TheMarker User Experience in Interactive Media lecture 2008
TheMarker User Experience in Interactive Media lecture 2008TheMarker User Experience in Interactive Media lecture 2008
TheMarker User Experience in Interactive Media lecture 2008
 
Sponsorship options - UXI Live 2012 (heb)
Sponsorship options - UXI Live 2012 (heb)Sponsorship options - UXI Live 2012 (heb)
Sponsorship options - UXI Live 2012 (heb)
 
Info Organization
Info OrganizationInfo Organization
Info Organization
 
נטע-לי זהר
נטע-לי זהרנטע-לי זהר
נטע-לי זהר
 
מצגת הפתיחה מהמפגש הראשון של חוויית משתמש ישראל
מצגת הפתיחה  מהמפגש הראשון של חוויית משתמש ישראלמצגת הפתיחה  מהמפגש הראשון של חוויית משתמש ישראל
מצגת הפתיחה מהמפגש הראשון של חוויית משתמש ישראל
 
ארכיטקטורת מידע של מנועי חיפוש1 1
ארכיטקטורת מידע של מנועי חיפוש1 1ארכיטקטורת מידע של מנועי חיפוש1 1
ארכיטקטורת מידע של מנועי חיפוש1 1
 
הנגשת אתרי אינטרנט רותם - סופי
הנגשת אתרי אינטרנט   רותם - סופיהנגשת אתרי אינטרנט   רותם - סופי
הנגשת אתרי אינטרנט רותם - סופי
 
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמותאתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
 
האם מעצבים צריכים לדעת תכנות - עם הערות
 האם מעצבים צריכים לדעת תכנות - עם הערות האם מעצבים צריכים לדעת תכנות - עם הערות
האם מעצבים צריכים לדעת תכנות - עם הערות
 
עונשים, פילטרים, שינויים אלגוריתמיים וכל מה שמפחיד בעלי אתרים בשנה האחרונה
עונשים, פילטרים, שינויים אלגוריתמיים וכל מה שמפחיד בעלי אתרים בשנה האחרונהעונשים, פילטרים, שינויים אלגוריתמיים וכל מה שמפחיד בעלי אתרים בשנה האחרונה
עונשים, פילטרים, שינויים אלגוריתמיים וכל מה שמפחיד בעלי אתרים בשנה האחרונה
 
Mobile applications user experience
Mobile applications user experienceMobile applications user experience
Mobile applications user experience
 
UXV certification - sessions 23 - part 3 - agile and ux - emenies or friends
UXV certification -  sessions 23 - part 3 - agile and ux - emenies or friendsUXV certification -  sessions 23 - part 3 - agile and ux - emenies or friends
UXV certification - sessions 23 - part 3 - agile and ux - emenies or friends
 
HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשתHTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
 
סדנת פרסונות עדוא שביט Uxi live 2011
סדנת פרסונות עדוא שביט Uxi live 2011סדנת פרסונות עדוא שביט Uxi live 2011
סדנת פרסונות עדוא שביט Uxi live 2011
 

More from Uniq UI

מועמדות לתפקיד מאפיין/ת חוויית משתמש: איך להתקבל
מועמדות לתפקיד מאפיין/ת חוויית משתמש: איך להתקבלמועמדות לתפקיד מאפיין/ת חוויית משתמש: איך להתקבל
מועמדות לתפקיד מאפיין/ת חוויית משתמש: איך להתקבל
Uniq UI
 
Recruiting UX professionals (and other lessons) - Barak Danin
Recruiting UX professionals (and other lessons) - Barak DaninRecruiting UX professionals (and other lessons) - Barak Danin
Recruiting UX professionals (and other lessons) - Barak Danin
Uniq UI
 

More from Uniq UI (17)

Sprinting a Cyber Product to Success - Barak Danin
Sprinting a Cyber Product to Success - Barak DaninSprinting a Cyber Product to Success - Barak Danin
Sprinting a Cyber Product to Success - Barak Danin
 
מעיצוב מסכים לעיצוב חוויה - ברק דנין בכנס טל דן 5.2015
מעיצוב מסכים לעיצוב חוויה - ברק דנין בכנס טל דן 5.2015מעיצוב מסכים לעיצוב חוויה - ברק דנין בכנס טל דן 5.2015
מעיצוב מסכים לעיצוב חוויה - ברק דנין בכנס טל דן 5.2015
 
UX Design for the Enterprise - Ido Shavit - UXI Live 2015
UX Design for the Enterprise - Ido Shavit - UXI Live 2015UX Design for the Enterprise - Ido Shavit - UXI Live 2015
UX Design for the Enterprise - Ido Shavit - UXI Live 2015
 
מחקר משתמשים שמשפיע - ברק דנין - UXI LIVE 2015
מחקר משתמשים שמשפיע - ברק דנין - UXI LIVE 2015מחקר משתמשים שמשפיע - ברק דנין - UXI LIVE 2015
מחקר משתמשים שמשפיע - ברק דנין - UXI LIVE 2015
 
Ido Shavit - Delight in UX (Hebrew) - UXI Live 2014
Ido Shavit - Delight in UX (Hebrew) - UXI Live 2014Ido Shavit - Delight in UX (Hebrew) - UXI Live 2014
Ido Shavit - Delight in UX (Hebrew) - UXI Live 2014
 
?אפיון חוויית משתמש במסכים - וזהו
?אפיון חוויית משתמש במסכים - וזהו?אפיון חוויית משתמש במסכים - וזהו
?אפיון חוויית משתמש במסכים - וזהו
 
חוויית משתמש מעכשיו לעכשיו - כלי עבודה שימושיים
חוויית משתמש מעכשיו לעכשיו - כלי עבודה שימושייםחוויית משתמש מעכשיו לעכשיו - כלי עבודה שימושיים
חוויית משתמש מעכשיו לעכשיו - כלי עבודה שימושיים
 
Transform a big enterprise product into a lean, mean UX machine (Hebrew) - Ba...
Transform a big enterprise product into a lean, mean UX machine (Hebrew) - Ba...Transform a big enterprise product into a lean, mean UX machine (Hebrew) - Ba...
Transform a big enterprise product into a lean, mean UX machine (Hebrew) - Ba...
 
UX Design as a Strategic Opportunity, Uniq UI, at UXI Live 2013 (Hebrew)
UX Design as a Strategic Opportunity, Uniq UI, at UXI Live 2013 (Hebrew)UX Design as a Strategic Opportunity, Uniq UI, at UXI Live 2013 (Hebrew)
UX Design as a Strategic Opportunity, Uniq UI, at UXI Live 2013 (Hebrew)
 
Managing Changes in Digital Products, Uniq UI, at UXI Live 2013 (Hebrew)
Managing Changes in Digital Products, Uniq UI, at UXI Live 2013 (Hebrew)Managing Changes in Digital Products, Uniq UI, at UXI Live 2013 (Hebrew)
Managing Changes in Digital Products, Uniq UI, at UXI Live 2013 (Hebrew)
 
Mobile commerce - How to Sell More (Hebrew)
Mobile commerce - How to Sell More (Hebrew)Mobile commerce - How to Sell More (Hebrew)
Mobile commerce - How to Sell More (Hebrew)
 
מועמדות לתפקיד מאפיין/ת חוויית משתמש: איך להתקבל
מועמדות לתפקיד מאפיין/ת חוויית משתמש: איך להתקבלמועמדות לתפקיד מאפיין/ת חוויית משתמש: איך להתקבל
מועמדות לתפקיד מאפיין/ת חוויית משתמש: איך להתקבל
 
מהפיכת המובייל בגיוס - ברק דנין
מהפיכת המובייל בגיוס - ברק דניןמהפיכת המובייל בגיוס - ברק דנין
מהפיכת המובייל בגיוס - ברק דנין
 
Recruiting UX professionals (and other lessons) - Barak Danin
Recruiting UX professionals (and other lessons) - Barak DaninRecruiting UX professionals (and other lessons) - Barak Danin
Recruiting UX professionals (and other lessons) - Barak Danin
 
ברק דנין - חוויית הקרוס-צ'אנל - UXI Live 2012
ברק דנין - חוויית הקרוס-צ'אנל - UXI Live 2012ברק דנין - חוויית הקרוס-צ'אנל - UXI Live 2012
ברק דנין - חוויית הקרוס-צ'אנל - UXI Live 2012
 
הצד האפל של חוויית המשתמש, יניב שריג, יוניק יו איי
הצד האפל של חוויית המשתמש, יניב שריג, יוניק יו אייהצד האפל של חוויית המשתמש, יניב שריג, יוניק יו איי
הצד האפל של חוויית המשתמש, יניב שריג, יוניק יו איי
 
אפיון ועיצוב לסמארטפון: אתגרים ופתרונות
אפיון ועיצוב לסמארטפון: אתגרים ופתרונותאפיון ועיצוב לסמארטפון: אתגרים ופתרונות
אפיון ועיצוב לסמארטפון: אתגרים ופתרונות
 

Creating Delicious Wordpress Sites, Barak Danin, Uniq UI

  • 1. ‫כותרת‬ ‫מתכוני חוויית משתמש:‬ ‫איך ליצור אתרים טעימים במיוחד‬ ‫ברק דנין, מנכ"ל יוניק יו איי‬ ‫וורדקמפ ירושלים, 0102/9/5‬
  • 3. ‫כותרת‬ ‫ברק דנין, מנכ"ל ובעלים - יוניק יו איי‬ ‫‪cc by vaxzine‬‬
  • 4. ‫כותרת‬ ‫‪ – UXI‬חוויית משתמש ישראל‬ ‫‪http://uxi.org.il‬‬ ‫בית מקצועי לכל העוסקים והמתעניינים בתחום חוויית המשתמש‬ ‫כתבות, לוח משרות, מילון מונחים, כלי עבודה‬ ‫מערכת דיונים שאפשר לשאול בה שאלות מקצועיות ולקבל תשובות‬ ‫ממגוון רחב של אנשי מקצוע.‬ ‫כנס מקצועי: 0102/01/5, מרכז הכנסים, שפיים‬ ‫הסטיקר של ‪– UXI‬‬ ‫בואו לקחת בסוף ההרצאה!‬
  • 5. ‫על מה כותרת‬ ‫נדבר?‬ ‫מה זו "חוויית משתמש"?‬ ‫שמישות )‪ (usability‬של בלוגים ומערכות תוכן‬ ‫השאלות שלכם )בסוף(‬ ‫כל הדוגמאות: אתרי ‪ WordPress‬בלבד‬ ‫‪Cc FotoosVanRobin‬‬
  • 8. ‫כותרת‬ http://www.flickr.com/photos/cell105/142887353/sizes/o/ http://www.flickr.com/photos/ishane/2478049891/sizes/l/
  • 11. ‫כותרת‬ ‫אין משתמש אחד... יש הרבה אנשים שונים‬ ‫/9362853133/‪http://www.flickr.com/photos/mararie‬‬
  • 12. ‫כותרת‬ ‫הם עשויים להיות במקומות וסיטואציות בלתי צפויים‬
  • 13. ‫כותרת‬ ‫והם עשויים להיות מאוד שונים מאיתנו!‬ ‫/33095763/‪http://www.flickr.com/photos/fernando‬‬
  • 14. ‫כותרת‬ ‫הקשר שימוש ‪Context of Use‬‬ ‫סביבה אנושית‬ ‫מי האנשים שישתמשו במוצר )באתר(?‬ ‫מה היעדים שלהם בחיים?‬ ‫מה היעדים שלהם במוצר?‬
  • 15. ‫דוגמה: כותרת‬ ‫בצק אלים‬ ‫מאיה מרום, "בצק אלים".‬ ‫‪www.bazekalim.com‬‬ ‫למה המחיר חשוב?‬ ‫למה הזמן חשוב?‬ ‫מי קהל היעד?‬
  • 16. ‫כותרת‬ ‫דוגמא: ‪Tasty Kitchen‬‬ ‫למה דרגת הקושי חשובה?‬ ‫למה מספר המנות חשוב?‬ ‫למה יחידות המידה חשובות?‬ ‫מי קהל היעד?‬ ‫איזה מידע להציג – שייך לתחום של‬ ‫ארכיטקטורת מידע, ‪Information‬‬ ‫)‪ ,Architecture (IA‬חלק חיוני מ-‪UX‬‬
  • 17. ‫ארכיטקטורת מידע‬ ‫כותרת‬ ‫‪Information Architecture‬‬ ‫ארגון המידע במערכת‬ ‫איזה מידע מציגים?‬ ‫מה חשוב למשתמשים?‬ ‫מה חשוב לעסק/אתר?‬ ‫איך מוצאים מידע:‬ ‫איך מחלקים אותו לקבוצות?‬ ‫מערכת ניווט – תפריטים‬ ‫איך פועלת מערכת החיפוש?‬ ‫איך מוצגות תוצאות החיפוש?‬
  • 18. ‫כותרת‬ ‫טיפים: מערכת הניווט‬ ‫השאירו את התפריט במקום קבוע, ועם תכנים קבועים‬ ‫)תציצו ב-‪ mako‬ותראו איך לא לעשות את זה...(‬ ‫כותרות ברורות – לקהל היעד שלכם, ויצירתיות במידה‬ ‫)"מי אני" ולא "המפלצת הירוקה"(‬ ‫סדרו את הכותרות לפי סדר חשיבות‬ ‫הרוב קוראים בעיקר את הראשונה-שנייה והאחרונה‬ ‫לא יותר מ-7 כותרות בתפריט הראשי, רצוי פחות‬ ‫הדגישו את הכותרת שבה נמצאים כרגע‬ ‫0681/‪http://uxi.org.il/pages‬‬
  • 19. ‫כותרת‬ ‫טיפים: תוצאות החיפוש‬ ‫חשבו איזה מידע נחוץ למשתמש כדי לבחור תוצאה‬ ‫בדרך-כלל רוצים לראות את הקטע שהתאים לחיפוש‬
  • 20. ‫כותרת‬ ‫הקשר שימוש ‪Context of Use‬‬ ‫סביבה אנושית‬ ‫מי האנשים שישתמשו במוצר?‬ ‫מה היעדים שלהם בחיים?‬ ‫מה היעדים שלהם במוצר?‬ ‫סביבה פיזית‬ ‫באיזה מקומות המוצר יופעל?‬ ‫מה מאפיין את המקומות האלו?‬ ‫סביבה טכנית )פלטפורמה(‬ ‫איזה מכשירים?‬ ‫איזה מערכות הפעלה?‬ ‫סביבת מוצרים‬ ‫איזה מוצרים נוספים תומכים במוצר?‬ ‫איזה מוצרים אחרים פועלים באותו תחום‬ ‫של המוצר?‬ ‫כיצד רגילים להשתמש בהם?‬
  • 21. ‫כותרת‬ ‫מה חווים היום במערכת שלכם?‬ ‫מה החוויה שעוברים משתמשים‬ ‫במערכת שלכם היום?‬ ‫איך המשתמשים פועלים בתוך‬ ‫המערכת?‬ ‫איך הייתם רוצים שחוויית‬ ‫המשתמש תהיה?‬ ‫‪cc by TimSamoff‬‬ ‫איך הייתם רוצים שהמשתמשים‬ ‫יפעלו בה?‬
  • 22. ‫כותרת‬ ‫יש לא מעט מערכות שבהן זה כך...‬
  • 23. ‫כותרת‬ ‫יש לא מעט מערכות שבהן זה כך...‬ ‫לא הבינו‬ ‫לאן הגיעו‬
  • 24. ‫כותרת‬ ‫יש לא מעט מערכות שבהן זה כך...‬ ‫לא הבינו‬ ‫לאן הגיעו‬ ‫לא מצאו‬ ‫מה שחיפשו‬
  • 25. ‫כותרת‬ ‫יש לא מעט מערכות שבהן זה כך...‬ ‫לא הבינו‬ ‫לאן הגיעו‬ ‫לא הבינו‬ ‫מה לעשות‬ ‫מצאו אבל‬ ‫לא הבינו‬
  • 26. ‫כותרת‬ ‫יש לא מעט מערכות שבהן זה כך...‬ ‫לא הבינו‬ ‫לאן הגיעו‬ ‫לא הבינו‬ ‫מה לעשות‬ ‫לא הצליחו‬ ‫לעשות‬ ‫$‬ ‫$‬ ‫הצליחו‬ ‫$‬ ‫ונשארו‬ ‫$‬
  • 27. ‫כותרת‬ ‫כולנו היינו רוצים שזה יראה כך אצלנו!‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫הצליחו‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫ונשארו‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$‬ ‫$ $‬ ‫$‬ ‫$‬ ‫$‬
  • 28. ‫כותרת‬ ‫מה זה עיצוב חוויית משתמש?‬ ‫מבט הוליסטי על תכנון המוצר )האתר(, תוך עבודה על:‬ ‫עיצוב אינטראקציה – ‪Interaction Design‬‬ ‫הקשר בין אדם למכשיר. תכנון מסכים, זרימה בין מסכים, תהליכים‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬ ‫השלד של האתר, מבנה המידע‬ ‫שמישוּּת - ‪) Usability‬שימושיות(‬ ‫"ידידותי למשתמשת"?‬ ‫עיצוב חזותי – ‪Visual Design‬‬ ‫עיצוב גראפי‬ ‫נגישות - ‪Accessibility‬‬ ‫ידידותי לבעלי מוגבלויות?‬ ‫טקסט, תוכן ושיווק – ‪Text, Marketing & Content‬‬ ‫תכנים, קפטולוגיה )‪(Captology‬‬ ‫התנהגות צרכנית‬ ‫כל אלה – תוך התייחסות ליעדים העסקיים‬ ‫‪cc by .craig‬‬
  • 29. ‫כותרת‬ ‫טיפים: בלוגים שמישים‬ ‫תוכן‬ ‫כותרות ברורות ומזמינות‬ ‫לא "קיץ! ילדים!" אלא "הקיץ שלי עם הילדים". אתם נלחמים על קשב.‬ ‫כתבו קצר ופשוט‬ ‫זהו‬ ‫בלי פסקאות ארוכות‬ ‫חלקו לחלקים קטנים‬ ‫מה שחשוב – בהתחלה‬ ‫אל תצפו שיישארו עד הסוף‬
  • 30. ‫כותרת‬ ‫טיפים: בלוגים שמישים‬ ‫תגובות‬ ‫בלי תגובות מכּוּננוֹת )תגובה‬ ‫על תגובה(‬ ‫אם חייבים – רמה אחת‬ ‫בלבד. קשה לעקוב. הרוב‬ ‫קוראים, לא מגיבים, אין כוח‬ ‫לשרשורים.‬
  • 31. ‫כותרת‬ ‫טיפים: בלוגים שמישים‬ ‫טיפוגרפיה‬ ‫קישורים )ורק קישורים( עם קו תחתון‬ ‫‪Cc by tin.g‬‬ ‫רצוי בכחול, או בצבע מובחן אחר‬ ‫רווחו את השורות‬ ‫אם אתם רוצים שיקראו‬ ‫רווחו בצדדי הטור‬ ‫אבל לא יותר מדי‬ ‫טקסט בגודל קריא‬ ‫‪ 12px‬בפונט ‪Arial‬‬ ‫בחרו צבעים נגישים‬ ‫אם הניגוד נמוך, רבים יתקשו לקרוא‬
  • 32. ‫כותרת חוויית משתמש?‬ ‫איך ללמוד עוד על‬ ‫הורידו וקראו את "המדריך לעולם חוויית המשתמש" )בחינם(‬ ‫‪http://uniqui.co.il/theguide‬‬ ‫כל מי שיוריד את המדריך יקבל גם טיפים מקצועיים במייל!‬ ‫בואו בסוף ההרצאה לקבל ממני במתנה כרטיס עם 12 כללים‬ ‫מנחים לתכנון ממשק משתמש‬ ‫אל תשכחו לקחת גם סטיקר!‬
  • 33. ‫כותרת חוויית משתמש?‬ ‫איך ללמוד עוד על‬ ‫השתתפו בכנס 0102 ‪UXI Live‬‬ ‫‪http://uxilive.co.il‬‬ ‫)בתשלום(‬ ‫יום שלם: הרצאות )חלקן במקביל(:‬ ‫‪ ,Lovability Factor‬שיפור מכירות ברשת, ה-‪ UX‬של ‪) Soluto‬סטארטאפ‬ ‫שזכה ב-‪ ,(TechCrunch Disrupt‬אפליקציות עשירות, מתודולוגיה ועוד.‬ ‫סדנאות, נטוורקינג, ואפילו סשן קצר של‬ ‫המחיר המלא: 247 ₪‬ ‫שאלות?‬ ‫למשתתפי וורדקמפ %02 הנחה‬ ‫‪barak@uniqui.co.il‬‬ ‫495₪ בלבד‬ ‫קוד קופון הנחה:‬ ‫‪WORDCAMP‬‬