Download - 2012 trensd
![Page 1: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/1.jpg)
UX 2012
![Page 2: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/2.jpg)
10 דקות
10 טרנדים
דקה : ..לטרנד
=
![Page 3: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/3.jpg)
...טרנדים לא מתאימים לכולם
![Page 4: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/4.jpg)
1. Html 5
![Page 5: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/5.jpg)
1. Html 5
Html 5 אנימציה ואינטראקציה
עשירה ללא פלאש
![Page 6: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/6.jpg)
Html 5 אינטראקציה עשירה•
גרפיקה ואנימציה •
תמיכה במובייל•
http://2011.beercamp.com
![Page 7: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/7.jpg)
http://www.hevaweb.com/heva.php#/house
![Page 8: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/8.jpg)
http://www.hevaweb.com/heva.php#/house
חשוב להיזהר
"שימוש יתר"מ
![Page 9: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/9.jpg)
2. Web Fonts
![Page 10: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/10.jpg)
Web Fonts שימוש במגוון פונטים
כפונטים חיים
![Page 11: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/11.jpg)
http://2011.beercamp.com
![Page 12: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/12.jpg)
http://www.ashfalldesign.com
![Page 13: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/13.jpg)
http://loveat.co.il
![Page 14: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/14.jpg)
http://loveat.co.il
אז תמיד –אם אפשר
...(אבל במידה)
![Page 15: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/15.jpg)
3. Mobile
First
![Page 16: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/16.jpg)
Cross Platform
3. Mobile
First
Mobile First שיטה לתכנון חווית משתמש
ממוקדת
![Page 17: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/17.jpg)
Cross Platform
![Page 18: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/18.jpg)
Windows phone 7
![Page 19: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/19.jpg)
Windows 8 Desktop
![Page 20: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/20.jpg)
http://pinterest.com
![Page 21: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/21.jpg)
http://pinterest.com
![Page 22: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/22.jpg)
http://pinterest.com
כשמתכננים מוצר המיועד
cross platform-ל
![Page 23: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/23.jpg)
4. Story
Telling
![Page 24: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/24.jpg)
Story Telling שיטה להעברת מסרים בממשק
![Page 25: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/25.jpg)
https://www.facebook.com/about/timeline
![Page 26: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/26.jpg)
https://www.facebook.com/about/timeline
![Page 27: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/27.jpg)
https://path.com
![Page 28: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/28.jpg)
https://path.com
![Page 29: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/29.jpg)
https://path.com
![Page 30: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/30.jpg)
https://path.com
![Page 31: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/31.jpg)
https://path.com
![Page 32: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/32.jpg)
https://path.com
לממשק חוויתי
ולמעורבות רגשית
![Page 33: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/33.jpg)
5. Gamification
![Page 34: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/34.jpg)
Gamificationשימוש בעקרונות משחקיים
בממשק
![Page 35: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/35.jpg)
https://foursquare.com
![Page 36: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/36.jpg)
http://www.waze.co.il
![Page 37: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/37.jpg)
http://teamtreehouse.com
![Page 38: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/38.jpg)
http://teamtreehouse.com
![Page 39: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/39.jpg)
http://teamtreehouse.com
ליצירת מעורבות
ותמריצים לפעולה
![Page 40: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/40.jpg)
6. One
Pager
![Page 41: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/41.jpg)
One Pager כל האתר בעמוד אחד
![Page 42: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/42.jpg)
http://uxonbeer.co.il
![Page 43: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/43.jpg)
http://atanaiplus.cz/index_en.html#
![Page 44: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/44.jpg)
http://atanaiplus.cz/index_en.html#
כשיש מעט תוכן
מסר אחד/ומוצר
![Page 45: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/45.jpg)
7. Metro Style
![Page 46: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/46.jpg)
Metro Style שפה ממשקית וגרפית של
מיקרוסופט
![Page 47: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/47.jpg)
Windows phone 7
![Page 48: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/48.jpg)
Windows 8 OS
![Page 49: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/49.jpg)
http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/02/16/from-transportation-to-pixels.aspx
![Page 50: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/50.jpg)
http://www.xbox.com/en-GB
![Page 51: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/51.jpg)
http://itunes.apple.com/us/app/mercedes-benz-magazine-04/id386312307?mt=8
![Page 52: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/52.jpg)
http://www.wpcentral.com/klm-airlines-lifts-page-metro-ui-design-book
![Page 53: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/53.jpg)
http://www.wpcentral.com/klm-airlines-lifts-page-metro-ui-design-book
, ליצירת ממשק פשוט
גמיש וטרנדי
![Page 54: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/54.jpg)
8. UI
Mashup
![Page 55: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/55.jpg)
UI Mashup פרסונליזציה באמצעות אגרגציה
![Page 56: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/56.jpg)
![Page 57: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/57.jpg)
http://www.pulse.me
![Page 58: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/58.jpg)
http://flipboard.com
![Page 59: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/59.jpg)
http://flipboard.com
![Page 60: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/60.jpg)
http://flipboard.com
![Page 61: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/61.jpg)
http://flipboard.com
האם הממשק המקורי
?יהפוך מיותר
![Page 62: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/62.jpg)
9. Login
![Page 63: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/63.jpg)
9. Login
login פתרונות חדשים
לקשיי התחברות
![Page 64: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/64.jpg)
![Page 65: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/65.jpg)
Cross Platform
![Page 66: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/66.jpg)
http://bagcheck.com
![Page 67: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/67.jpg)
http://bagcheck.com
![Page 68: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/68.jpg)
www.facebook.com
![Page 69: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/69.jpg)
www.facebook.com
למנוע תסכולים
בלוגאין שעלולים לגרום
לנטישה
![Page 70: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/70.jpg)
10. AxShare
![Page 71: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/71.jpg)
AxShare כלי להעברת האיפיון ללקוח
![Page 72: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/72.jpg)
http://axure.com
![Page 73: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/73.jpg)
http://share.axure.com
![Page 74: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/74.jpg)
http://share.axure.com
![Page 75: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/75.jpg)
http://share.axure.com
![Page 76: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/76.jpg)
http://share.axure.com
![Page 77: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/77.jpg)
http://share.axure.com
להפצה ולניהול פידבק
על האפיונים
![Page 78: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/78.jpg)
לסיכום
Story Telling
Mobile First
Html 5 Web Fonts
Gamifi-cation
Metro Style
UI Mashup
Login One
Pager AxShare
![Page 79: 2012 trensd](https://reader033.vdocuments.net/reader033/viewer/2022052700/55a2d5ad1a28abd0278b4839/html5/thumbnails/79.jpg)
(:תודה
בנטקרפאטחווית משתמש ראש צוות | נטלי ורטר