Your SlideShare is downloading. ×
ui/ux for group chat mobile app
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

ui/ux for group chat mobile app

376
views

Published on

design presentation for new chat mobile app - hoozin …

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

Published in: Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
376
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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