2012 trensd

UX 2012

10 דקות

10 טרנדים

דקה : ..לטרנד

=

...טרנדים לא מתאימים לכולם

1. Html 5

1. Html 5

Html 5 אנימציה ואינטראקציה

עשירה ללא פלאש

Html 5 אינטראקציה עשירה•

גרפיקה ואנימציה •

תמיכה במובייל•

http://2011.beercamp.com

http://www.hevaweb.com/heva.php#/house

http://www.hevaweb.com/heva.php#/house

חשוב להיזהר

"שימוש יתר"מ

2. Web Fonts

Web Fonts שימוש במגוון פונטים

כפונטים חיים

http://2011.beercamp.com

http://www.ashfalldesign.com

http://loveat.co.il

http://loveat.co.il

אז תמיד –אם אפשר

...(אבל במידה)

3. Mobile

First

Cross Platform

3. Mobile

First

Mobile First שיטה לתכנון חווית משתמש

ממוקדת

Cross Platform

Windows phone 7

Windows 8 Desktop

http://pinterest.com

http://pinterest.com

http://pinterest.com

כשמתכננים מוצר המיועד

cross platform-ל

4. Story

Telling

Story Telling שיטה להעברת מסרים בממשק

https://www.facebook.com/about/timeline

https://www.facebook.com/about/timeline

https://path.com

https://path.com

https://path.com

https://path.com

https://path.com

https://path.com

לממשק חוויתי

ולמעורבות רגשית

5. Gamification

Gamificationשימוש בעקרונות משחקיים

בממשק

https://foursquare.com

http://www.waze.co.il

http://teamtreehouse.com

http://teamtreehouse.com

http://teamtreehouse.com

ליצירת מעורבות

ותמריצים לפעולה

6. One

Pager

One Pager כל האתר בעמוד אחד

http://uxonbeer.co.il

http://atanaiplus.cz/index_en.html#

http://atanaiplus.cz/index_en.html#

כשיש מעט תוכן

מסר אחד/ומוצר

7. Metro Style

Metro Style שפה ממשקית וגרפית של

מיקרוסופט

Windows phone 7

Windows 8 OS

http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/02/16/from-transportation-to-pixels.aspx

http://www.xbox.com/en-GB

http://itunes.apple.com/us/app/mercedes-benz-magazine-04/id386312307?mt=8

http://www.wpcentral.com/klm-airlines-lifts-page-metro-ui-design-book

http://www.wpcentral.com/klm-airlines-lifts-page-metro-ui-design-book

, ליצירת ממשק פשוט

גמיש וטרנדי

8. UI

Mashup

UI Mashup פרסונליזציה באמצעות אגרגציה

http://www.pulse.me

http://flipboard.com

http://flipboard.com

http://flipboard.com

http://flipboard.com

האם הממשק המקורי

?יהפוך מיותר

9. Login

9. Login

login פתרונות חדשים

לקשיי התחברות

Cross Platform

http://bagcheck.com

http://bagcheck.com

www.facebook.com

www.facebook.com

למנוע תסכולים

בלוגאין שעלולים לגרום

לנטישה

10. AxShare

AxShare כלי להעברת האיפיון ללקוח

http://axure.com

http://share.axure.com

http://share.axure.com

http://share.axure.com

http://share.axure.com

http://share.axure.com

להפצה ולניהול פידבק

על האפיונים

לסיכום

Story Telling

Mobile First

Html 5 Web Fonts

Gamifi-cation

Metro Style

UI Mashup

Login One

Pager AxShare

(:תודה

בנטקרפאטחווית משתמש ראש צוות | נטלי ורטר