Successfully reported this slideshow.
‫אפליקציית צ׳אט ומשחקים‬
‫‪hoozin‬‬
‫נטע-לי זוהר‬

‫‪www.zoharstudio.com‬‬
www.zoharstudio.com

NETALIE ZOHAR
zoharnet@yahoo.com
0523-261966
www.zoharstudio.com

HI
‫ב-9 השנים האחרונות‬

www.zoharstudio.com
www.zoharstudio.com
www.zoharstudio.com
www.zoharstudio.com
www.zoharstudio.com
www.zoharstudio.com
www.zoharstudio.com
www.zoharstudio.com
www.zoharstudio.com
89
www.zoharstudio.com
www.zoharstudio.com
?‫מה המטרה‬

www.zoharstudio.com
?‫מי קהל היעד‬

www.zoharstudio.com
90 ,80-‫ילידי שנות ה‬

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

‫‪www.zoharstudio.com‬‬
‫או שלכם‬

www.zoharstudio.com
‫מעניינת אותי‬
‫העבודה שלנו‬

‫‪www.zoharstudio.com‬‬
‫בשביל זה כדאי להשתמש‬
‫במשאבים חיצוניים כמו:‬
‫מח‬
‫‪css‬‬
‫חווית משתמש‬
‫שימוש בתוכנה‬

‫דברים שאנחנו יודעים ומכירים‬
‫ש...
‫מה המאפיינים שגורמים לנו‬
‫לחבב עיצוב ולהשתמש בו שוב?‬

‫‪www.zoharstudio.com‬‬
‫זכירות‬
‫אסתטיקה‬
‫חידוש‬
‫בידול ושוני‬
‫קל לתפעול‬

‫‪www.zoharstudio.com‬‬
?wtf
hoozin-‫איך זה קשור ל‬

www.zoharstudio.com
www.zoharstudio.com
‫להפוך את העיצוב לשטוח‬
‫ליצר אינטראקציה כמה שיותר גדולה‬
‫במהלך הצ׳אט‬
‫להשאיר את המשתמש כמה שיותר זמן‬
‫בצ׳אט‬
‫קל לתפעו...
‫לפני שיצאה מערכת ההפעלה החדשה‬
‫החל כבר הטרנד של עיצוב שטוח להכנס לאופנה‬
‫‪windows 8/metro‬‬

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

www.zoharstudio.com
‫ניתן להשתמש בצ׳אט בקלות‬
‫אפשר לראות את כל המשתתפים‬
‫וליצר אינטראקציות ביניהם‬
‫כפתור הצבעה שמאפשר‬
‫לכולם להצביע על החל...
‫כפתור המשחקים שינה צורה‬
‫תפריט המשחקים יורד מלמעלה למטה‬
‫האני הכי קרוב למקלדת‬

‫‪www.zoharstudio.com‬‬
‫לכל קבוצה יש צבעוניות שמאוזכרת‬
‫בכותרת למעלה‬

‫‪www.zoharstudio.com‬‬
https://www.youtube.com/watch?v=maxW2UdSnIw

www.zoharstudio.com
‫בוא נזכר על מה דיברנו‬
‫לפני חמש דקות.....‬

‫‪www.zoharstudio.com‬‬
‫מה גורם לנו לחבב עיצוב‬
‫ולהשתמש בו שוב?‬
‫זכירות‬
‫אסתטיקה‬
‫חידוש‬
‫בידול ושוני‬
‫קל לתפעול‬

‫‪www.zoharstudio.com‬‬
‫איך יוצרים איזון בעומס של פיצ׳רים‬

‫‪www.zoharstudio.com‬‬
‫רובד ההפתעה נוצר‬
‫דרך תפריטים תחתונים ועיליים‬
‫שמכילים פונקציות נוספות‬
‫שמרוכזות במקום אחד‬

‫‪www.zoharstudio.com‬‬
‫חלק מהעיניין‬
‫לגלות סוגים חדשים‬
‫של פריסת מידע ואינטראקציות‬
‫ע״י פיתרון עיצובי‬

‫‪www.zoharstudio.com‬‬
‫חלק מתהליך ההצגה‬
‫זה אזורי תוכן‬
‫כמו: הודעה סודית‬
‫קישור לוידאו, ויקפדיה‬
‫אנימציות‬

‫‪www.zoharstudio.com‬‬
‫איך מיצרים ליוזר פלואו עקבי‬

‫‪www.zoharstudio.com‬‬
‫הזמנת החברים‬
‫קורה במסך אחד ומשם‬

‫‪www.zoharstudio.com‬‬
‫דגש על זיהוי קבוצה‬
‫בצבע‬

‫‪www.zoharstudio.com‬‬
‫דגש על כפתור משחקים‬
‫בולט והעברה של כל הפונקציות‬
‫האחרות לאזור אחר‬

‫‪www.zoharstudio.com‬‬
‫נתנו יחודיות וצביון ליוזרים‬

‫‪www.zoharstudio.com‬‬
‫יצרנו דמויות מאוירות‬
‫שאפשר להשתמש בהם בתמונת‬
‫הפרופיל.‬

‫‪www.zoharstudio.com‬‬
‫יצרנו כפתור מוזמן לחברים‬
‫שאנחנו מעוניינים שיכנסו‬
‫לקבוצה שאנחנו יוצרים‬
‫אבל הם לא באפליקציה כרגע‬

‫‪www.zoharstudio....
hoozin

www.zoharstudio.com
‫אז מה היה לנו?‬

‫איורים מגניבים‬
‫אנימציות נזרקות‬
‫כפתור משחקים מודגש‬
‫עיצוב שטוח ונקי‬
‫ממשק בהשראת פרח‬
‫הרבה אינטרא...
100,000 -‫הורדות מגוגל פליי‬
font: gotham rounded

www.zoharstudio.com
! ‫תודה לכם‬
‫נטעלי זוהר‬

zoharnet@yahoo.com
www.zoharstudio.com

0523261966

www.zoharstudio.com
Upcoming SlideShare
Loading in …5
×

ui/ux for group chat mobile app

911 views

Published on

design presentation for new chat mobile app - hoozin
ui/ux netalie zohar- www.zoharstudio.com

Published in: Design
  • Be the first to comment

  • Be the first to like this

ui/ux for group chat mobile app

  1. 1. ‫אפליקציית צ׳אט ומשחקים‬ ‫‪hoozin‬‬ ‫נטע-לי זוהר‬ ‫‪www.zoharstudio.com‬‬
  2. 2. www.zoharstudio.com NETALIE ZOHAR zoharnet@yahoo.com 0523-261966 www.zoharstudio.com HI
  3. 3. ‫ב-9 השנים האחרונות‬ www.zoharstudio.com
  4. 4. www.zoharstudio.com
  5. 5. www.zoharstudio.com
  6. 6. www.zoharstudio.com
  7. 7. www.zoharstudio.com
  8. 8. www.zoharstudio.com
  9. 9. www.zoharstudio.com
  10. 10. www.zoharstudio.com
  11. 11. www.zoharstudio.com
  12. 12. 89 www.zoharstudio.com
  13. 13. www.zoharstudio.com
  14. 14. ?‫מה המטרה‬ www.zoharstudio.com
  15. 15. ?‫מי קהל היעד‬ www.zoharstudio.com
  16. 16. 90 ,80-‫ילידי שנות ה‬ www.zoharstudio.com
  17. 17. ‫מאפיינים:‬ ‫אנשים שנולדו לטכנולוגיה‬ ‫אנשים חברתיים‬ ‫מודעים לסביבה‬ ‫יזמים באופיים‬ ‫מערכות יחסים חשובות‬ ‫תוצאות מידיות כל הזמן‬ ‫משתעממים מהר‬ ‫מדלגים מדבר לדבר‬ ‫‪www.zoharstudio.com‬‬
  18. 18. ‫בעיצוב לא מעניין אותי‬ ‫העבודה שלי‬ ‫‪www.zoharstudio.com‬‬
  19. 19. ‫או שלכם‬ www.zoharstudio.com
  20. 20. ‫מעניינת אותי‬ ‫העבודה שלנו‬ ‫‪www.zoharstudio.com‬‬
  21. 21. ‫בשביל זה כדאי להשתמש‬ ‫במשאבים חיצוניים כמו:‬ ‫מח‬ ‫‪css‬‬ ‫חווית משתמש‬ ‫שימוש בתוכנה‬ ‫דברים שאנחנו יודעים ומכירים‬ ‫שמשפיעים עלינו לגבי‬ ‫התפיסות שלנו ודברים שאנחנו רוצים‬ ‫לראות ומקבלים אותם‬ ‫כמו פילוספיה, אנתרפולוגיה, היסטוריה‬ ‫‪www.zoharstudio.com‬‬
  22. 22. ‫מה המאפיינים שגורמים לנו‬ ‫לחבב עיצוב ולהשתמש בו שוב?‬ ‫‪www.zoharstudio.com‬‬
  23. 23. ‫זכירות‬ ‫אסתטיקה‬ ‫חידוש‬ ‫בידול ושוני‬ ‫קל לתפעול‬ ‫‪www.zoharstudio.com‬‬
  24. 24. ?wtf hoozin-‫איך זה קשור ל‬ www.zoharstudio.com
  25. 25. www.zoharstudio.com
  26. 26. ‫להפוך את העיצוב לשטוח‬ ‫ליצר אינטראקציה כמה שיותר גדולה‬ ‫במהלך הצ׳אט‬ ‫להשאיר את המשתמש כמה שיותר זמן‬ ‫בצ׳אט‬ ‫קל לתפעול‬ ‫‪www.zoharstudio.com‬‬
  27. 27. ‫לפני שיצאה מערכת ההפעלה החדשה‬ ‫החל כבר הטרנד של עיצוב שטוח להכנס לאופנה‬ ‫‪windows 8/metro‬‬ ‫לפני שיצאה מערכת ההפעלה החדשה‬ ‫החוקים הלא כתובים של העיצוב השטוח:‬ ‫1.אל תשתמש בגרדיאנט וצל‬ ‫2.תשתמש בטיפוגרפיה נקייה צורות פשוטות‬ ‫וצבעים עזים‬ ‫‪www.zoharstudio.com‬‬
  28. 28. ‫זה בעצם תגובה לטרנד עיצוב שהיה נהוג לפני‬ ‫‪Skeuomorphs‬‬ ‫זה בעצם עיצוב שמדמה דברים מהעולם הפיזי‬ ‫ומשתמש בצורה שלהם לעיצוב ה- ‪ui‬‬ ‫‪www.zoharstudio.com‬‬
  29. 29. ‫כל האפליקציות שלא יעברו לטרנד השטוח נראות מיושנות ולא בסטנדרט במערכת‬ ‫ההפעלה 7‪ ios‬הכוונה להיבט החזותי ולא הפונקציונאלי של התוכנה‬ ‫‪www.zoharstudio.com‬‬
  30. 30. ‫בסגנון הזה מוציאים מהעיצוב כל דבר שהוא לא‬ ‫פונקציונלי ושמים את המינימליזם בפרונט‬ ‫כדי שיהיה לעין יותר קל לעכל את הפרטים‬ ‫‪www.zoharstudio.com‬‬
  31. 31. ‫השראה‬ www.zoharstudio.com
  32. 32. ‫ניתן להשתמש בצ׳אט בקלות‬ ‫אפשר לראות את כל המשתתפים‬ ‫וליצר אינטראקציות ביניהם‬ ‫כפתור הצבעה שמאפשר‬ ‫לכולם להצביע על החלטות משותפות‬ ‫‪www.zoharstudio.com‬‬
  33. 33. ‫כפתור המשחקים שינה צורה‬ ‫תפריט המשחקים יורד מלמעלה למטה‬ ‫האני הכי קרוב למקלדת‬ ‫‪www.zoharstudio.com‬‬
  34. 34. ‫לכל קבוצה יש צבעוניות שמאוזכרת‬ ‫בכותרת למעלה‬ ‫‪www.zoharstudio.com‬‬
  35. 35. https://www.youtube.com/watch?v=maxW2UdSnIw www.zoharstudio.com
  36. 36. ‫בוא נזכר על מה דיברנו‬ ‫לפני חמש דקות.....‬ ‫‪www.zoharstudio.com‬‬
  37. 37. ‫מה גורם לנו לחבב עיצוב‬ ‫ולהשתמש בו שוב?‬ ‫זכירות‬ ‫אסתטיקה‬ ‫חידוש‬ ‫בידול ושוני‬ ‫קל לתפעול‬ ‫‪www.zoharstudio.com‬‬
  38. 38. ‫איך יוצרים איזון בעומס של פיצ׳רים‬ ‫‪www.zoharstudio.com‬‬
  39. 39. ‫רובד ההפתעה נוצר‬ ‫דרך תפריטים תחתונים ועיליים‬ ‫שמכילים פונקציות נוספות‬ ‫שמרוכזות במקום אחד‬ ‫‪www.zoharstudio.com‬‬
  40. 40. ‫חלק מהעיניין‬ ‫לגלות סוגים חדשים‬ ‫של פריסת מידע ואינטראקציות‬ ‫ע״י פיתרון עיצובי‬ ‫‪www.zoharstudio.com‬‬
  41. 41. ‫חלק מתהליך ההצגה‬ ‫זה אזורי תוכן‬ ‫כמו: הודעה סודית‬ ‫קישור לוידאו, ויקפדיה‬ ‫אנימציות‬ ‫‪www.zoharstudio.com‬‬
  42. 42. ‫איך מיצרים ליוזר פלואו עקבי‬ ‫‪www.zoharstudio.com‬‬
  43. 43. ‫הזמנת החברים‬ ‫קורה במסך אחד ומשם‬ ‫‪www.zoharstudio.com‬‬
  44. 44. ‫דגש על זיהוי קבוצה‬ ‫בצבע‬ ‫‪www.zoharstudio.com‬‬
  45. 45. ‫דגש על כפתור משחקים‬ ‫בולט והעברה של כל הפונקציות‬ ‫האחרות לאזור אחר‬ ‫‪www.zoharstudio.com‬‬
  46. 46. ‫נתנו יחודיות וצביון ליוזרים‬ ‫‪www.zoharstudio.com‬‬
  47. 47. ‫יצרנו דמויות מאוירות‬ ‫שאפשר להשתמש בהם בתמונת‬ ‫הפרופיל.‬ ‫‪www.zoharstudio.com‬‬
  48. 48. ‫יצרנו כפתור מוזמן לחברים‬ ‫שאנחנו מעוניינים שיכנסו‬ ‫לקבוצה שאנחנו יוצרים‬ ‫אבל הם לא באפליקציה כרגע‬ ‫‪www.zoharstudio.com‬‬
  49. 49. hoozin www.zoharstudio.com
  50. 50. ‫אז מה היה לנו?‬ ‫איורים מגניבים‬ ‫אנימציות נזרקות‬ ‫כפתור משחקים מודגש‬ ‫עיצוב שטוח ונקי‬ ‫ממשק בהשראת פרח‬ ‫הרבה אינטראקציה‬ ‫‪www.zoharstudio.com‬‬
  51. 51. 100,000 -‫הורדות מגוגל פליי‬ font: gotham rounded www.zoharstudio.com
  52. 52. ! ‫תודה לכם‬ ‫נטעלי זוהר‬ zoharnet@yahoo.com www.zoharstudio.com 0523261966 www.zoharstudio.com

×