SlideShare una empresa de Scribd logo
1 de 35
Descargar para leer sin conexión
‫כותרת‬


 ‫אייפון ישראלי‬
   ‫וטיפים למאפיינים‬


 ‫ברק דנין, 0102.5.62‬
‫נעים כותרת‬
                                                                                                 ‫מאוד!‬

                ‫ברק דנין, מנכ"ל ובעלים של יוניק יו איי ‪Uniq UI‬‬
                                  ‫המייסד והעורך הראשי של ‪UXI‬‬
                        ‫מתכנת מגיל 01 )חנון מחשבים עם ותק(‬
                          ‫תואר ראשון במדעי המחשב מבן-גוריון‬
                 ‫מתכנת וראש צוות תכנות ממשק )‪ 8 – (UI‬שנים‬
           ‫מעצב חוויית משתמש )‪ (UX‬ומנהל צוות ‪ UX‬ב-‪– Xerox‬‬
                                                     ‫כ-4 שנים‬
               ‫לימודי עיצוב ב"חשיפה" של האוניברסיטה הפתוחה‬




                         ‫בלוג "פשוט. שימושי": ‪http://www.usable.co.il‬‬
‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                              ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫כותרת‬
                              ‫האתגרים העיקריים לאפליקציה ב-‪iPhone‬‬

                                                                                ‫שטח מסך מצומצם 023‪480x‬‬
                                    ‫‪ ‬מינימום מידע על המסך‬
‫הפרעות יכולות להתרחש בכל רגע: שיחות נכנסות, ‪ ,SMS‬סביבה-קשב‬
                                ‫‪ ‬שמירה אוטומאטית של מצב‬
                                      ‫אין ‪) multi-task‬בינתיים(‬
                                  ‫‪ ‬משימות סדרתיות פשוטות‬
   ‫משתמשים מזדמנים – מחליטים מאוד מהר אם לנטוש, כמו באתר‬
                ‫‪ ‬ממשק "אינטואיטיבי", בלי מסכי עזרה והסברים‬
                           ‫אפקט "האצבע שמנה" - ‪Fat Finger‬‬
        ‫‪ ‬כפתורים גדולים, גורמים לצפיפות מידע נמוכה מסביבם.‬
                ‫מומלץ לא יותר מ-4 כפתורים לרוחב, אפשר 5.‬
                                   ‫לרווח מסביב לכפתורים.‬
            ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                                          ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫כותרת‬
                  ‫האתגרים העיקריים לאפליקציה ב-‪iPhone‬‬

                                          ‫קשה להקליד‬
           ‫‪ ‬משתמשים ימנעו מלהקליד כמה שיוכלו.‬
        ‫מאפיינים מוצלחים יימנעו מלדרוש הקלדה ‪‬‬
                  ‫יש פתרונות יצירתיים – מיד נראה.‬
                                     ‫פקדי מגע מגושמים‬
                     ‫‪ ‬מכסים את כל המסך לפעמים.‬
                      ‫גם כאן יש פתרונות יצירתיים...‬




‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                              ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫כותרת‬
                                                        ‫קיצורי דרך למקלידים "עצלים"‬




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

                                                   ‫כולם חושבים שמזג האוויר חשוב‬




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

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




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

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

                                                                          ‫אותו אייקון שמשמש באייפון למערכת‬
                                                                              ‫הדוא"ל, משמש לדיווחים מהשטח‬
                                                                        ‫ב-‪ Ynet‬וב-‪") nrg‬המייל/דואר האדום"(.‬
                                                                          ‫בוואלה הוא משמש לדוא"ל )"דואר"( –‬
                                                                                              ‫בהתאם למקובל.‬
                                                                               ‫האייקון הראשי נמצא מימין בחלק‬
                                                                   ‫מהאפליקציות, ובחלק משמאל )תואם לכיוון‬
                                                                                    ‫הממשק – נראה עוד מעט(.‬
                                                                     ‫התלבטויות עיצוביות-טכנולוגיות הקשורות‬
                                                                          ‫לכיוון הקריאה מוצאות פתרונות שונים‬
                                                                                          ‫באפליקציות עבריות.‬


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

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




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




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

‫ל-‪ Apple‬יש אוסף פקדים )‪ (controls‬סטנדרטיים, המופיעים‬
 ‫בכל האפליקציות המובנות במכשיר וגם במדריך של ‪Apple‬‬
                                      ‫למתכנני הממשק‬




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

                             ‫היתרונות בשימוש ברכיבים הסטנדרטיים:‬
                           ‫הם תוכננו בקפידה ונבדקו לעומק‬
             ‫מכילים יתרונות שלא ברורים מאליהם במבט ראשון‬
                                ‫המשתמשים רגילים אליהם‬

               ‫כשבוחרים להשתמש ברכיבים לא סטנדרטיים:‬
                              ‫אפשר ליצור מראה שהוא ייחודי לאפליקציה‬
                                 ‫מסתכנים בבעיות שמישות )‪.(usability‬‬




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

                                                             ‫זהו רכיב סטנדרטי לבחירה מרשימה:‬
                                                                          ‫גלגל ענק )‪.(picker‬‬


                                                                         ‫רכיב סטנדרטי שני: רשימה עם‬
                                                                             ‫סימון בצד או חץ לפירוט:‬

                                                                              ‫היתרון של שניהם:‬
                                                               ‫מאפשרים בחירה נוחה בעזרת מגע.‬
                                                                             ‫החסרון של שניהם:‬
                                                                           ‫תופסים הרבה מקום‬

                                                      ‫רכיב סטנדרטי שלישי: לחצנים.‬
                                        ‫החסרון: לא ניתן להציג הרבה אפשרויות לרוחב.‬

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

                                                                             ‫כמה מדורים יש ב-‪?nrg‬‬
                                                       ‫קצת קשה לגלות, אבל מרגע שמגלים – די ברור.‬




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

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

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

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

‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                              ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫ְ כותרת‬
                                                                                          ‫חוק פיטס ‪Fitts’ Law‬‬

       ‫קל יותר "להשיג" )לגעת ב("מטרות" קרובות וגדולות מאשר מטרות‬
                                                  ‫רחוקות וקטנות.‬
                        ‫קל יותר‬                                                   ‫קשה יותר‬



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

‫023/‪http://www.usable.co.il/archives‬‬
            ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                                          ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫כותרת‬                    ‫‪Ynet‬‬

                                               ‫ב-‪ Ynet‬יצרו דף שמזכיר את המראה‬
                                                              ‫של אתר האינטרנט‬
                                                  ‫למרבה השמחה יישרו עבורנו את‬
                                                                  ‫שמות המדורים.‬




                                                                                                              ‫החסרונות:‬
                                                ‫אי-אפשר לעבור ממדור למדור, חייבים‬
                                                            ‫לעבור בעמוד ה"ערוצים".‬
                                                               ‫מספר המדורים מוגבל‬

‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                              ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫‪ Times‬כותרת‬
                                                                                                ‫‪NY‬‬

                           ‫ב-‪ NY Times‬בחרו להציג את החדשות‬
                            ‫האחרונות ב-‪) Latest‬בדומה לעיתונים‬
                        ‫הישראליים(, ואת כל שאר המדורים והמידע‬
                                                 ‫שמו ב-‪.More‬‬
                                 ‫זהה לחלוטין לדוגמה של ‪Apple‬‬
                                          ‫מאפליקציית ה-‪.iPod‬‬
                           ‫‪ The Marker‬ו-‪ Zap‬משתמשים באותו‬
                                                       ‫הפתרון.‬

                                  ‫חבל להמציא את הגלגל מחדש: אם לא‬
                                   ‫חייבים משהו אחר, היצמדו לסטנדרט.‬
‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                              ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫כותרת‬
                                                                                                   ‫יוניק יו איי ‪Uniq UI‬‬

                                         ‫השירותים של יוניק יו איי‬
‫אפיון ועיצוב של מערכות מחשב ואתרים, הערכות מומחה, ובדיקות‬
  ‫שמישות. עובדים עם חברות מתחומים שונים: פיננסים, שירותים,‬
                                  ‫מסחר אלקטרוני, דפוס ועוד.‬
   ‫/‪http://services.uniqui.co.il‬‬



       ‫סדנאות בתחום חוויית המשתמש, גם פנים-ארגוניות. סדנת‬
      ‫"עיצוב חוויית המשתמש" הקרובה, בהנחייתי, מתחילה ביולי.‬
   ‫‪http://sadna.uniqui.co.il‬‬


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

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

                                                                   ‫כדי להוריד את המדריך:‬
                                                           ‫‪http://uniqui.co.il/theguide‬‬

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

                       ‫כולנו רוצים ליצור ממשק "אינטואיטיבי"‬
‫ממשק הוא כמעט אף פעם לא באמת אינטואיטיבי, הוא נשען על‬
                                         ‫ידע מוקדם וזיכרון.‬




          ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                                        ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫כותרת‬
                                                                                     ‫העכבר של ג'ף רסקין‬

              ‫ג'ף רסקין )5002-3491(, מי שהתחיל את פרויקט המקינטוש, סיפר ב-4991 את‬
                                         ‫הסיפור הבא )המקור כאן: ‪(http://bit.ly/raskin‬‬

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

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

   ‫אנו מזהים את האלמנט המוכר ומייד יודעים כיצד לתפעל אותו‬
                           ‫רכיבי ממשק סטנדרטיים הם כאלה‬
           ‫זה לא אומר שצריך לוותר על הייחוד של האפליקציה‬
‫הכפתור לא כל-כך קריא, הצלמית כמו "‪ "Undo‬או ‪Reload‬‬




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

       ‫גם רכיבים שמוכרים לנו מהעולם הפיזי, ולא רק מהממשק‬
‫הסטנדרטי, מסייעים לשימוש אינטואיטיבי – מאותה הסיבה בדיוק‬
‫אמת או חובה – מסובבים!‬




                 ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                                               ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫כותרת‬
                                              ‫הקשר שימוש ‪Context of Use‬‬

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




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

    ‫לקרוא ולשנן - המדריך של אפל לממשק המשתמש באייפון‬
                              ‫1‪http://bit.ly/9Cron‬‬

                                     ‫לתכנון הממשק עצמו יש אפשרויות שונות:‬
                                      ‫‪ Visio‬הישן, המוכר והטוב.‬
‫‪ ,Axure‬אפשר להשתמש בו כדי לדמות את האפליקציה הסופית, כולל‬
                     ‫מעברים באנימציה )דורש תכנות קל(. כ-005$‬
 ‫‪ ,Balsamiq‬מאפשר לשרטט מסכים סטטיים עם פקדים סטנדרטיים‬
                                               ‫במהירות. כ-08$‬
                                  ‫אם רוצים עברית: ‪View  Use System Fonts‬‬
                                                             ‫כלים אחרים...‬


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

                                  ‫יש גם את /‪http://www.uistencils.com‬‬




‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                              ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫כותרת‬
                                      ‫‪Templates, Stencils and More‬‬

                                           ‫ריכוז של הרבה כלים נוספים לאפיון‬
                                                        ‫‪http://bit.ly/iphoneproto‬‬
                                                        ‫‪http://bit.ly/iptemplates‬‬




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




‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬
                              ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
‫על-פי ה-‪ Appstore‬יש לנו כבר תחתית )או לפחות מפה שלה(‬                                  ‫כותרת‬




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




                      ‫תודה רבה!‬
                                                                                             ‫מתוך ”‪“Waze‬‬




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

Más contenido relacionado

Más de Uniq UI: Usability, UX, and UI design, consulting and training

הקוד האתי של מאפייני חוויית המשתמש - ברק דנין, טל פלורנטין וצוות חוווית משתמש...
הקוד האתי של מאפייני חוויית המשתמש - ברק דנין, טל פלורנטין וצוות חוווית משתמש...הקוד האתי של מאפייני חוויית המשתמש - ברק דנין, טל פלורנטין וצוות חוווית משתמש...
הקוד האתי של מאפייני חוויית המשתמש - ברק דנין, טל פלורנטין וצוות חוווית משתמש...Uniq UI: Usability, UX, and UI design, consulting and training
 

Más de Uniq UI: Usability, UX, and UI design, consulting and training (20)

Top-Task Analysis - Workshop Slides - Gerry McGovern
Top-Task Analysis - Workshop Slides - Gerry McGovernTop-Task Analysis - Workshop Slides - Gerry McGovern
Top-Task Analysis - Workshop Slides - Gerry McGovern
 
Mapping Experiences workshop at UXI Studio - Chris Risdon
Mapping Experiences workshop at UXI Studio - Chris RisdonMapping Experiences workshop at UXI Studio - Chris Risdon
Mapping Experiences workshop at UXI Studio - Chris Risdon
 
Designing for Touch... and Beyond - Josh Clark
Designing for Touch... and Beyond - Josh ClarkDesigning for Touch... and Beyond - Josh Clark
Designing for Touch... and Beyond - Josh Clark
 
The Creativity (R)Evolution - Denise Jacobs
The Creativity (R)Evolution - Denise JacobsThe Creativity (R)Evolution - Denise Jacobs
The Creativity (R)Evolution - Denise Jacobs
 
This Stupidly Simple Trick Helped These Sites Multiply Their Clickrates - Des...
This Stupidly Simple Trick Helped These Sites Multiply Their Clickrates - Des...This Stupidly Simple Trick Helped These Sites Multiply Their Clickrates - Des...
This Stupidly Simple Trick Helped These Sites Multiply Their Clickrates - Des...
 
WTF Wearables?! - Liza Kindred
WTF Wearables?! - Liza KindredWTF Wearables?! - Liza Kindred
WTF Wearables?! - Liza Kindred
 
Orchestrating Touchpoints - Chris Risdon
Orchestrating Touchpoints - Chris RisdonOrchestrating Touchpoints - Chris Risdon
Orchestrating Touchpoints - Chris Risdon
 
Top Tasks: Making it Easier to Prioritize - Gerry McGovern
Top Tasks: Making it Easier to Prioritize - Gerry McGovernTop Tasks: Making it Easier to Prioritize - Gerry McGovern
Top Tasks: Making it Easier to Prioritize - Gerry McGovern
 
Understanding Web Design - Jeffrey Zeldman
Understanding Web Design - Jeffrey ZeldmanUnderstanding Web Design - Jeffrey Zeldman
Understanding Web Design - Jeffrey Zeldman
 
Mind the Gap: Designing the Space Between Devices - Josh Clark at UXI Studio
Mind the Gap: Designing the Space Between Devices - Josh Clark at UXI StudioMind the Gap: Designing the Space Between Devices - Josh Clark at UXI Studio
Mind the Gap: Designing the Space Between Devices - Josh Clark at UXI Studio
 
Omer Milwidskey - UX and Content startegy
Omer Milwidskey - UX and Content startegyOmer Milwidskey - UX and Content startegy
Omer Milwidskey - UX and Content startegy
 
How we let our product design itself - Shmuli Goldberg, Feedvisor
How we let our product design itself - Shmuli Goldberg, Feedvisor How we let our product design itself - Shmuli Goldberg, Feedvisor
How we let our product design itself - Shmuli Goldberg, Feedvisor
 
Futuristic UX in Film - Barak Danin + Vitaly Mijiritsky (Hebrew)
Futuristic UX in Film - Barak Danin + Vitaly Mijiritsky (Hebrew)Futuristic UX in Film - Barak Danin + Vitaly Mijiritsky (Hebrew)
Futuristic UX in Film - Barak Danin + Vitaly Mijiritsky (Hebrew)
 
Experience Leadership - UXI Live 2012
Experience Leadership - UXI Live 2012Experience Leadership - UXI Live 2012
Experience Leadership - UXI Live 2012
 
הקוד האתי של מאפייני חוויית המשתמש - ברק דנין, טל פלורנטין וצוות חוווית משתמש...
הקוד האתי של מאפייני חוויית המשתמש - ברק דנין, טל פלורנטין וצוות חוווית משתמש...הקוד האתי של מאפייני חוויית המשתמש - ברק דנין, טל פלורנטין וצוות חוווית משתמש...
הקוד האתי של מאפייני חוויית המשתמש - ברק דנין, טל פלורנטין וצוות חוווית משתמש...
 
Sponsorship options - UXI Live 2012 (heb)
Sponsorship options - UXI Live 2012 (heb)Sponsorship options - UXI Live 2012 (heb)
Sponsorship options - UXI Live 2012 (heb)
 
אייל וינשטוק - EYE-C-2
אייל וינשטוק - EYE-C-2אייל וינשטוק - EYE-C-2
אייל וינשטוק - EYE-C-2
 
יעל ריינהולד - חושב גלובלי? דבר לוקאלי
יעל ריינהולד - חושב גלובלי? דבר לוקאלייעל ריינהולד - חושב גלובלי? דבר לוקאלי
יעל ריינהולד - חושב גלובלי? דבר לוקאלי
 
מעבדות שימושיות - מתוך ערב של חוויית משתמש ישראל
מעבדות שימושיות - מתוך ערב של חוויית משתמש ישראלמעבדות שימושיות - מתוך ערב של חוויית משתמש ישראל
מעבדות שימושיות - מתוך ערב של חוויית משתמש ישראל
 
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפטאבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
 

אייפון ישראלי וטיפים למתכנני אפליקציות לאייפון

  • 1. ‫כותרת‬ ‫אייפון ישראלי‬ ‫וטיפים למאפיינים‬ ‫ברק דנין, 0102.5.62‬
  • 2. ‫נעים כותרת‬ ‫מאוד!‬ ‫ברק דנין, מנכ"ל ובעלים של יוניק יו איי ‪Uniq UI‬‬ ‫המייסד והעורך הראשי של ‪UXI‬‬ ‫מתכנת מגיל 01 )חנון מחשבים עם ותק(‬ ‫תואר ראשון במדעי המחשב מבן-גוריון‬ ‫מתכנת וראש צוות תכנות ממשק )‪ 8 – (UI‬שנים‬ ‫מעצב חוויית משתמש )‪ (UX‬ומנהל צוות ‪ UX‬ב-‪– Xerox‬‬ ‫כ-4 שנים‬ ‫לימודי עיצוב ב"חשיפה" של האוניברסיטה הפתוחה‬ ‫בלוג "פשוט. שימושי": ‪http://www.usable.co.il‬‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 3.
  • 4. ‫כותרת‬ ‫האתגרים העיקריים לאפליקציה ב-‪iPhone‬‬ ‫שטח מסך מצומצם 023‪480x‬‬ ‫‪ ‬מינימום מידע על המסך‬ ‫הפרעות יכולות להתרחש בכל רגע: שיחות נכנסות, ‪ ,SMS‬סביבה-קשב‬ ‫‪ ‬שמירה אוטומאטית של מצב‬ ‫אין ‪) multi-task‬בינתיים(‬ ‫‪ ‬משימות סדרתיות פשוטות‬ ‫משתמשים מזדמנים – מחליטים מאוד מהר אם לנטוש, כמו באתר‬ ‫‪ ‬ממשק "אינטואיטיבי", בלי מסכי עזרה והסברים‬ ‫אפקט "האצבע שמנה" - ‪Fat Finger‬‬ ‫‪ ‬כפתורים גדולים, גורמים לצפיפות מידע נמוכה מסביבם.‬ ‫מומלץ לא יותר מ-4 כפתורים לרוחב, אפשר 5.‬ ‫לרווח מסביב לכפתורים.‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 5. ‫כותרת‬ ‫האתגרים העיקריים לאפליקציה ב-‪iPhone‬‬ ‫קשה להקליד‬ ‫‪ ‬משתמשים ימנעו מלהקליד כמה שיוכלו.‬ ‫מאפיינים מוצלחים יימנעו מלדרוש הקלדה ‪‬‬ ‫יש פתרונות יצירתיים – מיד נראה.‬ ‫פקדי מגע מגושמים‬ ‫‪ ‬מכסים את כל המסך לפעמים.‬ ‫גם כאן יש פתרונות יצירתיים...‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 6. ‫כותרת‬ ‫קיצורי דרך למקלידים "עצלים"‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 7. ‫כותרת‬ ‫אפליקציות של עיתונים ואתרי חדשות‬ ‫כולם חושבים שמזג האוויר חשוב‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 8. ‫כותרת‬ ‫אפליקציות של עיתונים ואתרי חדשות‬ ‫כולם חושבים שמזג האוויר חשוב‬ ‫‪ nrg‬משתמשים במיקום, כנראה כדי לדעת איזו תחזית להציג‬ ‫)מטריד, לא?(‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 9. ‫כותרת‬ ‫חוץ ממזג אוויר, יש סטנדרטים לאייפון עברי?‬ ‫אנחנו היום ב"מערב הפרוע", כל אפליקציה מתנהגת אחרת.‬ ‫אין סטנדרטים לעברית, לעתים יש התעלמות מסטנדרטים אוניברסליים.‬ ‫אותו אייקון שמשמש באייפון למערכת‬ ‫הדוא"ל, משמש לדיווחים מהשטח‬ ‫ב-‪ Ynet‬וב-‪") nrg‬המייל/דואר האדום"(.‬ ‫בוואלה הוא משמש לדוא"ל )"דואר"( –‬ ‫בהתאם למקובל.‬ ‫האייקון הראשי נמצא מימין בחלק‬ ‫מהאפליקציות, ובחלק משמאל )תואם לכיוון‬ ‫הממשק – נראה עוד מעט(.‬ ‫התלבטויות עיצוביות-טכנולוגיות הקשורות‬ ‫לכיוון הקריאה מוצאות פתרונות שונים‬ ‫באפליקציות עבריות.‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 10. ‫עברי דברכותרת‬ ‫עברית?‬ ‫שאלת הכיוונים עולה בכל מערכת הפעלה‬ ‫לועזית שמתחילה לדבר עברית, והאייפון‬ ‫אינו שונה מבחינה זו.‬ ‫בחלונות העניין עלה כבר מזמן: התפריט‬ ‫מיושר לשמאל או לימין? ומה עם סרגל‬ ‫הכלים?‬ ‫גם באופיס 7002 לא קיבלנו עדיין מענה‬ ‫עברי מלא.‬ ‫הסרגל מיושר לשמאל, והבליטות להזזת סרגל הכלים בצד שמאל, כמו באנגלית‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 11. ‫כותרת‬ ‫המצב ביישומי החדשות‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 12. ‫כותרת‬ ‫רכיבי ממשק סטנדרטיים‬ ‫ל-‪ Apple‬יש אוסף פקדים )‪ (controls‬סטנדרטיים, המופיעים‬ ‫בכל האפליקציות המובנות במכשיר וגם במדריך של ‪Apple‬‬ ‫למתכנני הממשק‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 13. ‫כותרת‬ ‫שימוש ברכיבים סטנדרטיים‬ ‫היתרונות בשימוש ברכיבים הסטנדרטיים:‬ ‫הם תוכננו בקפידה ונבדקו לעומק‬ ‫מכילים יתרונות שלא ברורים מאליהם במבט ראשון‬ ‫המשתמשים רגילים אליהם‬ ‫כשבוחרים להשתמש ברכיבים לא סטנדרטיים:‬ ‫אפשר ליצור מראה שהוא ייחודי לאפליקציה‬ ‫מסתכנים בבעיות שמישות )‪.(usability‬‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 14. ‫כותרת‬ ‫דוגמה לשימוש ברכיבים לא סטנדרטיים‬ ‫זהו רכיב סטנדרטי לבחירה מרשימה:‬ ‫גלגל ענק )‪.(picker‬‬ ‫רכיב סטנדרטי שני: רשימה עם‬ ‫סימון בצד או חץ לפירוט:‬ ‫היתרון של שניהם:‬ ‫מאפשרים בחירה נוחה בעזרת מגע.‬ ‫החסרון של שניהם:‬ ‫תופסים הרבה מקום‬ ‫רכיב סטנדרטי שלישי: לחצנים.‬ ‫החסרון: לא ניתן להציג הרבה אפשרויות לרוחב.‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 15. ‫כותרת‬ ‫כמה פתרונות יצירתיים‬ ‫כמה מדורים יש ב-‪?nrg‬‬ ‫קצת קשה לגלות, אבל מרגע שמגלים – די ברור.‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 16. ‫לאומי כותרת‬ ‫דיגיטל‬ ‫פתרון דומה, אבל עם רמזים חזותיים‬ ‫הרבה יותר ברורים: הטקסט והכפתור‬ ‫נחתכים בצדדים, ה"גלגל" מסתובב‬ ‫בכניסה לדף ויש חצים שמרמזים על‬ ‫תנועה.‬ ‫החסרונות:‬ ‫החצים לא לחיצים, למרות שיש להם‬ ‫מראה תלת-מימדי‬ ‫הרצועה מעט צרה )נמוכה( ולא תמיד‬ ‫"פוגעים" בה בעזרת האצבע )לפחות‬ ‫אני...(‬ ‫מישהו רואה את התפריט הנסתר?‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 17. ‫לאומי כותרת‬ ‫דיגיטל‬ ‫פתרון דומה, אבל עם רמזים חזותיים‬ ‫הרבה יותר ברורים: הטקסט והכפתור‬ ‫נחתכים בצדדים, ה"גלגל" מסתובב‬ ‫בכניסה לדף ויש חצים שמרמזים על‬ ‫תנועה.‬ ‫החסרונות:‬ ‫החצים לא לחיצים, למרות שיש להם‬ ‫מראה תלת-מימדי‬ ‫הרצועה מעט צרה )נמוכה( ולא תמיד‬ ‫"פוגעים" בה בעזרת האצבע )לפחות‬ ‫אני...(‬ ‫מישהו רואה את התפריט הנסתר?‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 18. ‫ְ כותרת‬ ‫חוק פיטס ‪Fitts’ Law‬‬ ‫קל יותר "להשיג" )לגעת ב("מטרות" קרובות וגדולות מאשר מטרות‬ ‫רחוקות וקטנות.‬ ‫קל יותר‬ ‫קשה יותר‬ ‫זה הסדר שבו נגיע למטרות, מהזמן הקצר ביותר לארוך ביותר:‬ ‫גדול וקרוב‬ ‫גדול ורחוק או קטן וקרוב‬ ‫קטן ורחוק‬ ‫לכן, בין השאר, יותר קל עם רשימה ובחירה של פריט מתוכה, מטרה‬ ‫בגודל רוב המסך, מאשר עם פס אופקי של תפריט-גלילה בלבד.‬ ‫עם הזמן, אגב, התרגלתי להשתמש בפס האופקי, כמעט בלי בעיה.‬ ‫023/‪http://www.usable.co.il/archives‬‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 19. ‫כותרת‬ ‫‪Ynet‬‬ ‫ב-‪ Ynet‬יצרו דף שמזכיר את המראה‬ ‫של אתר האינטרנט‬ ‫למרבה השמחה יישרו עבורנו את‬ ‫שמות המדורים.‬ ‫החסרונות:‬ ‫אי-אפשר לעבור ממדור למדור, חייבים‬ ‫לעבור בעמוד ה"ערוצים".‬ ‫מספר המדורים מוגבל‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 20. ‫‪ Times‬כותרת‬ ‫‪NY‬‬ ‫ב-‪ NY Times‬בחרו להציג את החדשות‬ ‫האחרונות ב-‪) Latest‬בדומה לעיתונים‬ ‫הישראליים(, ואת כל שאר המדורים והמידע‬ ‫שמו ב-‪.More‬‬ ‫זהה לחלוטין לדוגמה של ‪Apple‬‬ ‫מאפליקציית ה-‪.iPod‬‬ ‫‪ The Marker‬ו-‪ Zap‬משתמשים באותו‬ ‫הפתרון.‬ ‫חבל להמציא את הגלגל מחדש: אם לא‬ ‫חייבים משהו אחר, היצמדו לסטנדרט.‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 21. ‫כותרת‬ ‫יוניק יו איי ‪Uniq UI‬‬ ‫השירותים של יוניק יו איי‬ ‫אפיון ועיצוב של מערכות מחשב ואתרים, הערכות מומחה, ובדיקות‬ ‫שמישות. עובדים עם חברות מתחומים שונים: פיננסים, שירותים,‬ ‫מסחר אלקטרוני, דפוס ועוד.‬ ‫/‪http://services.uniqui.co.il‬‬ ‫סדנאות בתחום חוויית המשתמש, גם פנים-ארגוניות. סדנת‬ ‫"עיצוב חוויית המשתמש" הקרובה, בהנחייתי, מתחילה ביולי.‬ ‫‪http://sadna.uniqui.co.il‬‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 22. ‫כותרת‬ ‫המדריך לעולם חוויית המשתמש‬ ‫רבים שואלים אותי איפה אפשר להכיר את‬ ‫תחום חוויית המשתמש בצורה מסודרת. אז‬ ‫נכון, יש את ‪ ,UXI‬אבל אנשים עדיין מחפשים‬ ‫משהו מאורגן שאפשר לקרוא בו בנוחות. לכן‬ ‫הכנתי את "המדריך לעולם חוויית המשתמש",‬ ‫ספר דיגיטלי שאתם יכולים להוריד אליכם‬ ‫ממש עכשיו.‬ ‫כדי להוריד את המדריך:‬ ‫‪http://uniqui.co.il/theguide‬‬ ‫תהנו!‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 23. ‫כותרת‬ ‫ממשק אינטואיטיבי‬ ‫כולנו רוצים ליצור ממשק "אינטואיטיבי"‬ ‫ממשק הוא כמעט אף פעם לא באמת אינטואיטיבי, הוא נשען על‬ ‫ידע מוקדם וזיכרון.‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 24. ‫כותרת‬ ‫העכבר של ג'ף רסקין‬ ‫ג'ף רסקין )5002-3491(, מי שהתחיל את פרויקט המקינטוש, סיפר ב-4991 את‬ ‫הסיפור הבא )המקור כאן: ‪(http://bit.ly/raskin‬‬ ‫הנבדקת שלי היתה אינטליגנטית, מנוסה במחשבים, מורה עם תואר אקדמי‬ ‫שביקרה אותי מפינלנד. היא מעולם לא ראתה עכבר, פרסומת לעכבר או כל דבר‬ ‫אחר שקשור אליו. הפעלתי תוכנה שמשתמשת בעכבר, הצבעתי על העכבר,‬ ‫אמרתי לה שזה "עכבר", ושמשתמשים בו כדי לשלוט בתוכנה.‬ ‫הפעולה הראשונה שלה היתה להרים את העכבר באוויר, ולהזיז אותו. היא גילתה‬ ‫את הכדור בתחתית שלו, החזיקה אותו הפוך וסובבה את הכדור. העניין הוא‬ ‫שבמנח הזה הכדור לא "יושב" על הגלגילות והזזה שלו לא עושה כלום.‬ ‫אחרי שהיא ניערה את העכבר ועשתה מספר נסיונות נוספים להשתמש בו, היא‬ ‫התייאשה ושאלה אותי איך זה עובד. היא מעולם לא ראתה משהו שבו מזיזים את‬ ‫כל האוביקט ולא חלק ממנו )כמו הג'ויסטיק שהיא השתמשה בו בעבר עם‬ ‫המחשב(: זה לא היה אינטואיטיבי. היא גם לא הבינה שהבליטה למעלה היא‬ ‫כפתור.‬ ‫ברגע שהסברתי לה שאת העכבר מזיזים על השולחן ושהחלק העליון הוא כפתור,‬ ‫היא מיד השתמשה בעכבר ללא שום מילה נוספת. המיפוי של כיוון הזזת העכבר‬ ‫לתנועה על המסך היה לה "אינטואיטיבי" כי הוא דמה להפעלה של ג'ויסטיק.‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 25. ‫שימוש כותרת מוכרים מייצר "אינטואיציה"‬ ‫באלמנטים‬ ‫אנו מזהים את האלמנט המוכר ומייד יודעים כיצד לתפעל אותו‬ ‫רכיבי ממשק סטנדרטיים הם כאלה‬ ‫זה לא אומר שצריך לוותר על הייחוד של האפליקציה‬ ‫הכפתור לא כל-כך קריא, הצלמית כמו "‪ "Undo‬או ‪Reload‬‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 26. ‫שימוש כותרת מוכרים מהעולם הפיזי‬ ‫באלמנטים‬ ‫גם רכיבים שמוכרים לנו מהעולם הפיזי, ולא רק מהממשק‬ ‫הסטנדרטי, מסייעים לשימוש אינטואיטיבי – מאותה הסיבה בדיוק‬ ‫אמת או חובה – מסובבים!‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 27. ‫כותרת‬ ‫הקשר שימוש ‪Context of Use‬‬ ‫סביבה אנושית‬ ‫מי האנשים שישתמשו במוצר?‬ ‫מה היעדים שלהם בחיים?‬ ‫מה היעדים שלהם במוצר?‬ ‫סביבה פיזית‬ ‫באיזה מקומות המוצר יופעל?‬ ‫מה מאפיין את המקומות האלו?‬ ‫סביבה טכנית )פלטפורמה(‬ ‫איזה מכשירים?‬ ‫איזה מערכות הפעלה?‬ ‫סביבת מוצרים‬ ‫איזה מוצרים אחרים פועלים בתחום?‬ ‫כיצד רגילים להשתמש בהם?‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 28. ‫כותרת‬ ‫דוגמה להתאמה מצוינת להקשר שימוש‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 29. ‫עם מה כותרת‬ ‫לאפיין?‬ ‫לקרוא ולשנן - המדריך של אפל לממשק המשתמש באייפון‬ ‫1‪http://bit.ly/9Cron‬‬ ‫לתכנון הממשק עצמו יש אפשרויות שונות:‬ ‫‪ Visio‬הישן, המוכר והטוב.‬ ‫‪ ,Axure‬אפשר להשתמש בו כדי לדמות את האפליקציה הסופית, כולל‬ ‫מעברים באנימציה )דורש תכנות קל(. כ-005$‬ ‫‪ ,Balsamiq‬מאפשר לשרטט מסכים סטטיים עם פקדים סטנדרטיים‬ ‫במהירות. כ-08$‬ ‫אם רוצים עברית: ‪View  Use System Fonts‬‬ ‫כלים אחרים...‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 30.
  • 31. ‫עם מה כותרת‬ ‫לאפיין?‬ ‫יש גם את /‪http://www.uistencils.com‬‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 32. ‫כותרת‬ ‫‪Templates, Stencils and More‬‬ ‫ריכוז של הרבה כלים נוספים לאפיון‬ ‫‪http://bit.ly/iphoneproto‬‬ ‫‪http://bit.ly/iptemplates‬‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 33. ‫כותרת‬ ‫איך תגיעו מפה הביתה )אחרי הפאנל(?‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 34. ‫על-פי ה-‪ Appstore‬יש לנו כבר תחתית )או לפחות מפה שלה(‬ ‫כותרת‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬
  • 35. ‫כותרת‬ ‫תודה רבה!‬ ‫מתוך ”‪“Waze‬‬ ‫© 0102 כל הזכויות שמורות לברק דנין, יוניק יו איי. אין לעשות שימוש מסחרי במצגת זו ללא אישור מראש בכתב מיוניק יו איי.‬ ‫בלוגרים ועיתונאים מוזמנים לצטט במתן קרדיט מלא ליוצרים‬