ui/ux for group chat mobile app
TRANSCRIPT
www.zoharstudio.com
אפליקציית צ׳אט ומשחקיםhoozin
נטע-לי זוהר
www.zoharstudio.com
ב-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
ילידי שנות ה-80, 90
www.zoharstudio.com
מאפיינים:
אנשים שנולדו לטכנולוגיהאנשים חברתייםמודעים לסביבהיזמים באופיים
מערכות יחסים חשובותתוצאות מידיות כל הזמן
משתעממים מהרמדלגים מדבר לדבר
www.zoharstudio.com
בעיצוב לא מעניין אותיהעבודה שלי
www.zoharstudio.com
או שלכם
www.zoharstudio.com
מעניינת אותיהעבודה שלנו
www.zoharstudio.com
מחמח
בשביל זה כדאי להשתמשבמשאבים חיצוניים כמו:
דברים שאנחנו יודעים ומכיריםשמשפיעים עלינו לגבי
התפיסות שלנו ודברים שאנחנו רוצים לראות ומקבלים אותם
כמו פילוספיה, אנתרפולוגיה, היסטוריה
cssחווית משתמששימוש בתוכנה
www.zoharstudio.com
מה המאפיינים שגורמים לנולחבב עיצוב ולהשתמש בו שוב?
www.zoharstudio.com
זכירותאסתטיקה
חידושבידול ושוני
קל לתפעול
www.zoharstudio.com
?wtfhoozin-איך זה קשור ל
www.zoharstudio.com
www.zoharstudio.com
להפוך את העיצוב לשטוחליצר אינטראקציה כמה שיותר גדולה
במהלך הצ׳אטלהשאיר את המשתמש כמה שיותר זמן
בצ׳אטקל לתפעול
www.zoharstudio.com
לפני שיצאה מערכת ההפעלה החדשההחל כבר הטרנד של עיצוב שטוח להכנס לאופנה
windows 8/metro
לפני שיצאה מערכת ההפעלה החדשה
החוקים הלא כתובים של העיצוב השטוח:1.אל תשתמש בגרדיאנט וצל
2.תשתמש בטיפוגרפיה נקייה צורות פשוטותוצבעים עזים
www.zoharstudio.com
זה בעצם תגובה לטרנד עיצוב שהיה נהוג לפניSkeuomorphs
זה בעצם עיצוב שמדמה דברים מהעולם הפיזיui -ומשתמש בצורה שלהם לעיצוב ה
www.zoharstudio.com
כל האפליקציות שלא יעברו לטרנד השטוח נראות מיושנות ולא בסטנדרט במערכת ההפעלה ios7 הכוונה להיבט החזותי ולא הפונקציונאלי של התוכנה
www.zoharstudio.com
בסגנון הזה מוציאים מהעיצוב כל דבר שהוא לא פונקציונלי ושמים את המינימליזם בפרונטכדי שיהיה לעין יותר קל לעכל את הפרטים
www.zoharstudio.com
השראה
www.zoharstudio.com
ניתן להשתמש בצ׳אט בקלות אפשר לראות את כל המשתתפים
וליצר אינטראקציות ביניהם
כפתור הצבעה שמאפשר לכולם להצביע על החלטות משותפות
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.com
hoozin
www.zoharstudio.com
איורים מגניבים אנימציות נזרקות
כפתור משחקים מודגש עיצוב שטוח ונקי
ממשק בהשראת פרח הרבה אינטראקציה
אז מה היה לנו?
www.zoharstudio.com
הורדות מגוגל פליי- 100,000
font: gotham rounded
