בסוף כל שנה אנחנו עושים חשבון נפש, מסכמים את מה שהיה ומסתכלים קדימה על מה שיהיה בשנה החדשה. בהרצאה שלי אסקור 10 כלים וטרנדים מגניבים ל-2012. מה הכי חם, שימושי ומדובר היום בעולם ה-UX.

1. UX 2012

2. ‫דקה‬ ‫=‬ ‫01‬
‫:‬ ‫01‬
‫לטרנד..‬ ‫טרנדים‬ ‫דקות‬

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

4. 1.
Html 5

5. ‫.1‬
‫5 ‪Html‬‬
‫אנימציה ואינטראקציה‬
‫5 ‪Html‬‬
‫עשירה ללא פלאש‬

6. ‫5 ‪Html‬‬
‫• אינטראקציה עשירה‬
‫• גרפיקה ואנימציה‬
‫• תמיכה במובייל‬
‫‪http://2011.beercamp.com‬‬

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

8. ‫חשוב להיזהר‬
"‫מ"שימוש יתר‬
http://www.hevaweb.com/heva.php#/house

9. 2.
Web
Fonts

10. ‫‪Web Fonts‬‬
‫שימוש במגוון פונטים‬
‫כפונטים חיים‬

11. http://2011.beercamp.com

12. http://www.ashfalldesign.com

13. http://loveat.co.il

14. ‫אם אפשר – אז תמיד‬
‫(אבל במידה...)‬
‫‪http://loveat.co.il‬‬

15. 3.
Mobile
First

16. 3.
Mobile First
Mobile
‫שיטה לתכנון חווית משתמש‬
‫ממוקדת‬
First
Cross Platform

17. Cross Platform

18. Windows phone 7

19. Windows 8 Desktop

20. http://pinterest.com

21. http://pinterest.com

22. ‫כשמתכננים מוצר המיועד‬
cross platform-‫ל‬
http://pinterest.com

23. 4.
Story
Telling

24. ‫‪Story Telling‬‬
‫שיטה להעברת מסרים בממשק‬

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

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

27. https://path.com

28. https://path.com

29. https://path.com

30. https://path.com

31. https://path.com

32. ‫לממשק חוויתי‬
‫ולמעורבות רגשית‬
‫‪https://path.com‬‬

33. 5.
Gamification

34. ‫‪Gamification‬‬
‫שימוש בעקרונות משחקיים‬
‫בממשק‬

35. https://foursquare.com

36. http://www.waze.co.il

37. http://teamtreehouse.com

38. http://teamtreehouse.com

39. ‫ליצירת מעורבות‬
‫ותמריצים לפעולה‬
‫‪http://teamtreehouse.com‬‬

40. 6.
One
Pager

41. ‫‪One Pager‬‬
‫כל האתר בעמוד אחד‬

42. http://uxonbeer.co.il

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

44. ‫כשיש מעט תוכן‬
‫ומוצר/מסר אחד‬
http://atanaiplus.cz/index_en.html#

45. 7.
Metro
Style

46. ‫‪Metro Style‬‬
‫שפה ממשקית וגרפית של‬
‫מיקרוסופט‬

47. Windows phone 7

48. Windows 8 OS

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

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

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

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

53. ,‫ליצירת ממשק פשוט‬
‫גמיש וטרנדי‬
http://www.wpcentral.com/klm-airlines-lifts-page-metro-ui-design-book

54. 8.
UI
Mashup

55. ‫‪UI Mashup‬‬
‫פרסונליזציה באמצעות אגרגציה‬

57. http://www.pulse.me

58. http://flipboard.com

59. http://flipboard.com

60. http://flipboard.com

61. ‫האם הממשק המקורי‬
‫יהפוך מיותר?‬
‫‪http://flipboard.com‬‬

62. 9.
Login

63. ‫.9‬
‫‪login‬‬
‫פתרונות חדשים‬
‫‪Login‬‬
‫לקשיי התחברות‬

65. Cross Platform

66. http://bagcheck.com

67. http://bagcheck.com

68. www.facebook.com

69. ‫למנוע תסכולים‬
‫בלוגאין שעלולים לגרום‬
‫לנטישה‬
‫‪www.facebook.com‬‬

70. 10.
AxShare

71. ‫‪AxShare‬‬
‫כלי להעברת האיפיון ללקוח‬

72. http://axure.com

73. http://share.axure.com

74. http://share.axure.com

75. http://share.axure.com

76. http://share.axure.com

77. ‫להפצה ולניהול פידבק‬
‫על האפיונים‬
‫‪http://share.axure.com‬‬

78. ‫לסיכום‬
Gamifi- Story Mobile Web
Html 5
cation Telling First Fonts
UI Metro One
AxShare Login
Mashup Style Pager

79. ‫תודה ):‬
‫נטלי ורטר | ראש צוות חווית משתמש בנטקרפאט‬