Smart House
SMART HOME · IoT · UX/UI · 2023מערכת שליטה ל-Smart Home — redesign מלא של UX + UI לאפליקציית Tablet. שליטה על AC, תאורה, סצנות, מוזיקה ומכשירים חכמים — הכל ממסך אחד.
30 שניות, אם אתה ממהר.
קיבלתי 2 מסכי UX לא גמורים של מערכת Smart Home — הפריסה לא הגיונית, ה-hierarchy לא ברורה, ושליטה על מכשירים מרובים גורמת לתחושת אובדן בסיסי. המשימה: לשפר את ה-UX ולעצב UI ברמת product.
ניתוח flow בעיות ב-UX הקיים → הגדרת Mental Models של משתמש smart home → עיצוב מחדש של navigation ← control panels מודולריים ← Scene Management ← Favorites panel.
אפליקציית Tablet עם Dashboard ראשי, control panels לכל מכשיר (AC, תאורה, מוזיקה), Scene Management, Favorites, ו-Monitoring. Teal + כהה = tech שמרגיש חם.
איך מעצבים שליטה על 20 מכשירים בלי לאבד את המשתמש.
Smart Home הוא paradox עיצובי: המטרה היא "פשטות" אבל המציאות היא "20 מכשירים, 4 חדרים, אינסוף שילובים". הפתרון חייב להסתיר את המורכבות מבלי לאבד את השליטה.
Mental Models וארגון מחדש
הבעיה המרכזית ב-UX שקיבלתי: הכל מוצג בבת אחת. AC, תאורה, מוזיקה, favorites — בדף אחד שטוח. לא היה hierarchy. ניתחתי איך אנשים חושבים על "בית חכם": (1) "מה אני רוצה לעשות עכשיו?" — Scene. (2) "מה פועל עכשיו?" — Dashboard. (3) "שנה X במכשיר Y" — Control.
בנוי את ה-navigation על 3 רמות: Sidebar (Home, Dashboard, Scenes, Monitoring, Users, Settings) → Room Selector (dropdown בראש) → Control Panel (בגוף הדף). המשתמש תמיד יודע איפה הוא ומה הוא שולט.
Scenes הם ה-killer feature: "Good Morning" מדליק AC, פותח תריסים, מפעיל playlist מוגדר. "Good Night" מכבה הכל. "Party Vibes" מפעיל תאורה צבעונית ומוזיקה. Scene אחד = 10 פעולות. המשתמש מרגיש שהבית עושה מה שהוא רוצה בקליק.
ה-Favorites Panel בצד ימין מציג את המכשירים הנפוצים ביותר (Kettle, Boiler, TV, ועוד). זה מבטל הרבה מהניווט — 80% מהפעולות נעשות ממקום אחד.
Teal + כהה = Smart ולא קר
בחרתי Teal (#14B8A6) כ-accent כי הוא unique לתחום: Smart Home apps נוטים לכחול גנרי. Teal מביא חיות ו"smartness" בלי להיות אגרסיבי. הרקע כהה (Dark Mode) מתאים לשימוש בלילה ומשדר tech-premium.
Control elements עוצבו כ-dial controls עגולים לAC (18°) ולתאורה (20% intensity) — זה מחקה את physical knobs שאנשים מכירים. Mental Model של "כפתור פיזי" מוריד למידה. הדיאל מרגיש intuitive מיד.
Color-coding לסטטוסים: teal = פועל/active, אפור = כבוי, צהוב = warning. The user knows in 1 second what is on.
מהווירפריים לעיצוב הסופי.
כל מסך עצוב פעמיים — פעם כ-UX ופעם כ-UI.
דשבורד ראשי
סצנת בוקר
חדר שינה
המוצר עצמו.
Dashboard ראשי — Smart Home Control Center
Home Dashboard: Sidebar ניווט (Home/Devices/Security/Scenes/Monitoring/Users), AC Dial Control (18°C), Lights Intensity Dial (20%), Scene buttons (Good Morning/Good Night/Party Vibes/Kids At Home), Favorites Panel (Kettle/Boiler/TV), Music Player (Russia on Ice). Teal #14B8A6 + White.
"Good Morning Scenario" — 4 מכשירים, קליק אחד
Scene Editor: Sequence/Schedule/Energy Log tabs. Master TV (Turn on, Volume 75%, open Netflix), Shades Bedroom (Open 0%), Stereo (Radio 99FM), Espresso Machine (Double). Split view: רשימת מכשירים שמאל + הגדרות ימין עם Netflix/YouTube/Disney+/Apple TV.
Bedroom — Camera Live + Device Controls
Mobile view of Bedroom room: LIVE camera feed בראש המסך (Real bedroom photo), Devices grid: Bed Light (teal on), Turbo AC (off), Smart Cam (on), Add Device. Dark background עם teal accents. Status color-coding מיידי — teal = פועל, אפור = כבוי.
Home Dashboard UX — לפני ה-UI
Wireframe של ה-Dashboard: Temperature + Lights sliders, Favorites grid (Good Morning/Boiler/Party Vibes/TV/Kettle/Good Night/Coffee Mac), Stereo panel ימין (Main Stereo, Bedroom TV, Kids TV). ניתוח Mental Models + Flow Analysis של UX קיים → 3 רמות ניווט מחודשות.
"Good Morning Scene" — UX Wireframe
Wireframe של Scene Editor: Sequence view עם Master TV (Power toggle, Volume 75%), Shades/Stereo/Espresso. ימין: TV Controls עם Live TV/Netflix/YouTube/Kodi. Tab navigation: Sequence / Schedule / Energy Log. מבנה IA שנוצר מ-Mental Model: Scene = sequence = שליטה.
איך ניגשנו לפרויקט.
העקרונות שהובילו אותי
Scenes = Magic
"Good Morning" מפעיל 10 מכשירים בקליק אחד. המשתמש מרגיש שהבית מבין אותו.
Dial Controls = Intuitive
Knobs עגולים לAC ולתאורה — מחקים physical controls. אין צורך בהסבר.
Favorites Panel = 80/20
80% מהפעולות נעשות על 20% מהמכשירים. Favorites מבטל את רוב הניווט.
Dark Mode = Context
Smart Home נשלט בבית, לרוב בערב. Dark Mode = נוח לעיניים + פרמיום.
תהליך עבודה
תהליך מקיף שכלל מחקר משתמשים, הגדרת אסטרטגיה, יצירת מערכת עיצוב מקיפה, פיתוח ויישום סופי.
מה נמסר ללקוח.
Tablet Dashboard
Dashboard ראשי: AC, תאורה, מוזיקה, Favorites. Control panels לכל מכשיר.
Scene Management
Good Morning, Good Night, Party Vibes — Sequences מרובי מכשירים בקליק.
UX מחדש
ניתוח 2 מסכי UX קיימים, flow analysis, Mental Models, wireframes מעודכנים.