mobile web ux design - barak danin, uxi live 2011
DESCRIPTION
Shown at UXI Live 2011, the premier UX conference in Israel, by Barak Danin, founder of UXI and UXSchool.co.ilTRANSCRIPT
דניןברק UXschool.co.il
: צמוד ומהשטח, אישי חוויית משתמש באתרים לסמארטפון
10:00-10:45' יום ה
דניןברק
?מה יש לכם
www.flickr.com/photos/33465428@N02/3920962958/
אנחנו עוברים שינוי גדול ומשמעותי
www.flickr.com/photos/mikebaird/2922788582/
"גולשים באינטרנט"היינו , עד לא מזמן
פעילות שגרתית בסביבה די צפויה
www.flickr.com/photos/gordon_landon/1385041796//
על מכשירים מוכרים וידועים (פחות או יותר)מראש
www.flickr.com/photos/lemon/2442665971/
שנים יותר אנשים ישתמשו באינטרנט דרך מכשירים 5תוך " "ניידים מאשר דרך מחשבים ביתיים
2010, מורגן סטנלי
Q4, 2010 : ממחשבים אישיים סמארטפוניםיותר 2011מאי , רובלוסקילוק
(Mobilismכנס )
2013אבל עד , אותו הדבר 2010, גרטנר
Gartner: http://bit.ly/nrR5qQ, Shmidt+Morgan: http://bit.ly/qqp9iI
77%-היה טלפון נייד ל 2010-ב !מכלל אוכלוסיית העולם
www.flickr.com/photos/kahunapulej/3517330518/ מקור:ITU ,http://bit.ly/pkORZZ
עבור חלק זו הדרך היחידה לגשת לאינטרנט
www.flickr.com/photos/vilseskogen/2629238433/
.המחירים יורדים כל הזמן שלוש -תוך שנתיים
יחליפו את Smartphones-ה Feature Phones-ה
www.flickr.com/photos/triciawang/2152683240//
Article: http://bit.ly/nLR9C8 Tag: www.flickr.com/photos/abbyladybug/1253054966/
“So far, this $80 smartphone has found its way
into the hands of 350,000+ Kenyans,
an impressive sales number in a country where
40% of the population lives on less than two dollars a day. “
אנחנו מחוברים כל הזמן ומכל מקום
www.flickr.com/photos/vilseskogen/2629238433/
"אופליין זה כשהסוללה שלי מתה" UXI Live 2010, איל שחר
Context -הקשר
www.flickr.com/photos/yourdon/4236402727
יד אחת
מסך מגע קטן
מרחב ציבורי
(:?)המסקנה רק . תוכן פשוט ומצומצם
"בשטח"מה שחייבים
מעט זמן פנוי
הסחות דעת מבית ומחוץ
... כשיש סתם כמה דקות להעביר - 80%
Compete quarterly - http://blog.compete.com/2010/03/12/smartphone-owners-a-ready-and-willing-audience/
בשירותים 39%
Google Mobile Movement: http://bit.ly/olzEGL www.flickr.com/photos/paulk/5217304095/
על דברים 25%מתוכם שקשורים לתוכן שצופים בו
Google Mobile Movement: http://bit.ly/olzEGL Yahoo Mobile Shopping Framework: http://yhoo.it/qDNNpF www.flickr.com/photos/modenadude/5310990259/
מהבית 93% בזמן שצופים בטלוויזיה 86%
מחקר בזמן קניה בחנות 69%
Compete quarterly http://bit.ly/pq2El9/ www.flickr.com/photos/paulk/5217304095/
כך -המאהב הלא כל סודי של אשתי
הזמנת : Scenario-ה בפייסבוקָחברה לאירוע
האפליקציה של "היא ... גרועה פייסבוק
ממש מצומצמת לעומת "הרגיל הפייסבוק
הזמנת : Scenario-ה בפייסבוקָחברה לאירוע
של חברת תעופה לסמארטפוןאתר
הם בטח נכנסו : ההקשרכי הם רוצים מהסמארטפון
לכן אין . ק אין'לעשות צ (?)צורך בהזמנת כרטיסים
www.flickr.com/photos/noodlepie/538693661/
?ארזת לבד
/context-mobile-/the2011kirby.co.uk/-http://mark
Virgin Atlantic ...הבינו שזו טעות
Fold
אתר של רשת חנויות בגדים
הם בטח נכנסו : ההקשרכי הם מהסמארטפון
מחפשים את הסניף אז ניתן להם רק . הקרוב
גבי -כתובות וטלפונים על (?)מפה
www.flickr.com/photos/epsos/4444576795/
Fold
Old Navy , חשוב: איתור חנות
אבל יש גם את כל הקטגוריות
קטגוריות יורדות
אבל עדיין , למטה Fold-מעל ל
קטגוריות
איתור חנות
/www.flickr.com/photos/33498942@N04/5756115071
אל תנסו לקרוא את מחשבות בצעו מחקר . המשתמשים
לפי תוצאותיו תעדפו/וסננו
נדרשים פחות תוכן או לא בהכרח , לסמארטפוןיכולות באתר
תיעדוףבהחלט נדרש
Web-פלטפורמה ל: סמארטפון
יש מגע, Hoverאין
נדרש משוב
/4570604896www.flickr.com/photos/remus/
Web-פלטפורמה ל: סמארטפון
/4570604896www.flickr.com/photos/remus/
יש מגע, Hoverאין
נדרש משוב
גודל מינימלי למגע
למגע מינמאליגודל
/5401015128www.flickr.com/photos/lapideo/http://
מ"מ 9מומלץ , מ"מ 7
ימינה שמאלה
ימינה שמאלה
Web-פלטפורמה ל: סמארטפון
יש מגע, Hoverאין
נדרש משוב
גודל מינימלי למגע
?מחוות
, Sencha ,jQuery Mobile: ספריותjQTouch ,Titanium Mobile
, Sencha ,jQuery Mobile: ספריותjQTouch ,Titanium Mobile
התייחסות למערכת הפעלה ספציפית
Web-פלטפורמה ל: סמארטפון
יש מגע, Hoverאין
נדרש משוב
גודל מינימלי למגע
?מחוות
, Sencha ,jQuery Mobile: ספריותjQTouch ,Titanium Mobile
מיקום, סיבוב
Web-פלטפורמה ל: סמארטפון
/6041141349www.flickr.com/photos/jpott/
גדלי מסך שונים
http://theme.fm/2011/07/mobile-user-interface-design-considerations-837/
/6041141349www.flickr.com/photos/jpott/
Web-פלטפורמה ל: סמארטפון
גדלי מסך שונים
Responsive Design
/6041141349www.flickr.com/photos/jpott/
Web-פלטפורמה ל: סמארטפון
מהירות משפיעה על רווח
גדלי מסך שונים
Responsive Design
presentation-websites-fast-/designingstubbornellaslideshare.net/
מהירות משפיעה על רווח
ירידה בהכנסות 1%= שניה 0.1: אמזון
יותר נוטשים לפני 5-9%= שניה 0.4: יאהו טעינה מלאה של העמוד
ירידה בהכנסות 20%= שניה 0.5: גוגל
/4935114667www.flickr.com/photos/jondresner/
...אל תשכחו את העיצוב
?איך עוברים מאתר דסקטופ לאתר מובייל
פעמיים, יותר גבוה בהיררכיה: חנויותאיתור
ניווט גלובאלי מצומצם
רק בניווט הגלובאלי - בסמארטפוןלוגו
משוטחות, רוב שטח העמוד מוקדש לקטגוריות
בסמארטפוןמבצעים מהאתר הרגיל לא מופיעים
בראש ובתחתית, פעמיים, מפורש: חיפוש
הפניה לאתר המובייל ובחזרה
www.flickr.com/photos/photocrusher/4066685542/
–חיפוש בתחתית כל עמוד browsingבמיוחד באתרי
, ותרו בשמחה על פרסומות קישוטיים ועומס חזותי ים'אימג
Fold-רבים יגללו למטה אבל ה (היררכיה)עדיין חשוב
תנו גישה לאתר המלא ובחזרה
