Sari la conținut
  • [Aplicație iOS și Android]
  • [Aplicație web]

Peace Nest

Aplicație smart home

An 2025

Peace Nest: ecranele aplicației mobile pentru casa inteligentă, cu termostat, lumini, boxe și consumul de energie.
Client
Peace by Hampton
Rol
UX & UI Designer
Rezultate livrate
  • [Design system]
  • [Aplicație iOS și Android]
  • [Aplicație web]
  • [Document de design]
Servicii
  • Design de interfață (UI)
  • Design de experiență (UX)
  • Wireframing și prototipare
  • Design system
  • Cercetare cu utilizatori
  • Fluxuri de utilizare și journey mapping
  • Interviuri, A/B testing și UAT
  • Documentație de design și dezvoltare
  • Urmărirea KPI-urilor
Instrumente
  • Figma
  • Adobe Photoshop
  • Adobe After Effects
  • Framer
  • Zeplin
  • Maze
  • Hotjar
  • Miro
  • Google Analytics

Și dacă locuința ta ți‑ar putea spune exact unde se risipește energie și te‑ar ajuta să faci ceva în privința asta?

Introducere

Aplicația Peace Nest îi ajută pe utilizatori să răspundă la întrebarea „Și dacă locuința ta ți‑ar putea spune exact unde se risipește energie și te‑ar ajuta să faci ceva în privința asta?”, transformând experiența smart home într‑un mod care nu era posibil până acum. Soluția îi ajută pe utilizatori să‑și monitorizeze și să‑și gestioneze fără efort consumul de zi cu zi.

Pentru că am condus partea de UX și UI, m‑am concentrat pe simplificarea proceselor complexe și pe informații în timp real, utile și ușor de înțeles. Scopul a fost ca oamenii să preia controlul asupra casei lor, să reducă risipa de energie și să economisească bani, păstrând confortul pe care îl așteaptă de la dispozitivele lor inteligente.

  • [Ton cald]
  • [Smart home]
  • [Adaptabil]
  • [Facturi mai mici]
  • [Înregistrare mai rapidă]
  • [Mai mult control asupra dispozitivelor]
  • [Configurare mai ușoară a dispozitivelor]

Discovery: înțelegerea contextului

Provocarea

Proiectul a început cu refacerea unei aplicații învechite de control smart home, care primea constant plângeri de la utilizatori din cauza designului slab și a uzabilității reduse.

Principalele probleme:

  • O interfață greoaie și o gestionare inconsecventă a dispozitivelor.
  • Un onboarding prea complicat, cu prea mulți pași înainte ca utilizatorii să poată accesa aplicația.
  • Lipsa feedback-ului în timp real despre consumul de energie al dispozitivelor.
  • Fără dashboard-uri și fără un design adaptabil.
  • Utilizatorii nu înțelegeau bine ce valoare le aduce aplicația.

Problemele utilizatorilor identificate în versiunea veche:

  • Onboarding prea complicat, fără beneficiu sau context imediat.
  • Feedback neclar despre energia consumată de dispozitive. Interfețe prea complexe, cu foarte puțină îndrumare pentru utilizatorii noi.

Activitățile din planul de cercetare:

  • Workshop-uri cu stakeholderii, pentru a identifica principalele probleme și obiectivele de business.
  • Interviuri cu 20 de participanți (50% utilizatori actuali și 50% potențiali).
  • Audituri competitive care au comparat aplicația cu alte platforme smart home, precum Nest și Apple HomeKit.
  • User Acceptance Testing (UAT) pe aplicația veche, pentru a documenta punctele de fricțiune și dificultățile utilizatorilor.
Tabla de lucru „Peace Nest App – Discovery & Product Strategy Framework”, cu coloane de notițe pe probleme, obiective, idei UX și constrângeri.

Fig. 1/ Înțelegerea imaginii complete a aplicației, a obiectivelor companiei și a problemelor ei, ca să pot contura o imagine nouă a ceea ce trebuie planificat pentru ca utilizatorii să obțină ce le trebuie de la o aplicație smart home ca aceasta.

Schiță de mână a fluxului: login, înregistrare, date personale, termeni, abonament, plată, dispozitive și ecranul principal.
Schiță de mână „Listings / Preferences”, cu filtre și un flux de salvare a preferințelor.
Schiță de mână „User registration”, cu ecranele de start, cont nou și alegerea preferințelor.
Pagină cu zeci de schițe de ecrane și note scrise de mână pentru fluxurile aplicației.

Fig. 2/ Crearea diferitelor fluxuri de la care a pornit wireframing-ul, folosit apoi pentru prototipurile de testare și pentru înțelegerea utilizatorilor.

Definirea strategiei: obiective și abordare redefinite

Obiectivele UX actualizate:

Pe baza cercetării și a concluziilor strânse, am decis să reformulez obiectivele, ca să răspundă așteptărilor utilizatorilor și să îmbunătățească experiența în ansamblu.

Principalele schimbări:

  • Acces fără fricțiune:
    Utilizatorii pot explora funcționalitățile aplicației înainte să li se ceară un abonament plătit, ceea ce crește implicarea și încrederea.
  • Model de abonament:
    Un sistem de abonament bazat pe valoare, nu pe restricționarea accesului.
  • Informații generate de AI:
    AI-ul oferă recomandări personalizate și valoare pe termen lung, ajutându‑i pe utilizatori să‑și gestioneze consumul de energie și să reducă costurile.
Tabla „UX Insights & Opportunities for Goals Update”, cu idei noi de funcții și observații despre comportamentul utilizatorilor.

Fig. 3/ Rafinarea obiectivelor cu noi concepte, pornind de la observații-cheie despre comportamentul utilizatorilor.

*Concluzia-cheie:

Utilizatorii voiau să înțeleagă de la început valoarea aplicației și preferau s‑o încerce fără să se angajeze la un abonament sau la pașii de configurare inițială.

Brief-ul de design:

Scopul a fost un design intuitiv și adaptiv, care să îmbine căldura și familiaritatea unei locuințe cu sofisticarea tehnică a tehnologiei smart home.

Soluția trebuia:

  • Să simplifice onboarding-ul și configurarea dispozitivelor.
  • Să le dea utilizatorilor informații ușor de înțeles despre consumul de energie.
  • Să‑i ajute pe utilizatori să‑și reducă facturile la energie și stresul de a gestiona mai multe dispozitive.

Design și prototipare: o experiență intuitivă

Design system:

Design system-ul Peace Nest a fost creat special pentru acest proiect, ca să asigure coerență, accesibilitate și scalabilitate pe mobil și pe web. A inclus definirea unui limbaj vizual unitar, a unei biblioteci de componente și a layout-urilor responsive.

Sistemul de design Peace Nest: componente pentru termostat, lumini, boxe, grafice de consum și abonament.
Ecranul principal pe telefon: salut personalizat, boxă cu muzica redată și telecomanda televizorului.
Panoul pe tabletă cu termostatul, televizorul, lampa din sufragerie și boxa.
Trei ecrane de pornire: creare cont, „Put your feet up!” cu adăugarea camerelor și trecerea la contul plătit.
Ecranul de autentificare pe tabletă, „Welcome to an Easy Day”, lângă fotografii din case.
Ecranul termostatului pe telefon, la 30°C, cu imaginea camerei și controalele televizorului și lămpii.

Fluxurile principale de design:

  • Mai multe puncte de intrare:
    Am introdus opțiunea ca utilizatorii fie să parcurgă onboarding-ul complet, fie să exploreze aplicația în modul „Încearcă acum”, ca să experimenteze imediat funcționalitățile principale.
  • Fluxuri simplificate de control al dispozitivelor:
    Am redus pașii pentru controlul dispozitivelor inteligente de la șase la doar doi, simplificând cele mai frecvente acțiuni, precum reglarea temperaturii sau aprinderea și stingerea luminilor.
  • Dashboard cu AI:
    Am proiectat un dashboard zilnic cu AI, cu recomandări personalizate, acțiuni sugerate și estimări ale consumului de energie.
Două versiuni ale fluxului de înregistrare, puse una sub alta pentru comparație.
Widgetul „Living Room Today”: graficul consumului pe ore, 0,45 kWh și 40% luminozitate medie.
Control simplificat pentru lampa din sufragerie: luminozitate 40% și consum de 0,45 kWh în această săptămână.

Componentele-cheie proiectate:

  • Carduri de control pentru dispozitive:
    Comenzi clare, pe care utilizatorii le pot folosi imediat.
  • Modulul de sugestii AI:
    Mesaje inteligente integrate, bazate pe comportamentul utilizatorului.
  • Punctele de contact pentru utilizatorii cu cont gratuit și pentru abonați:
    Drumuri clare prin care ambele categorii descoperă valoarea aplicației.

Instrumente folosite:

  • Figma: pentru designul și prototiparea întregului parcurs al utilizatorului.
  • FigJam și Miro: pentru journey mapping și brainstorming în echipă.
  • Stark: pentru a asigura conformitatea cu ghidurile de accesibilitate WCAG 2.1.

Validare și iterare: testarea cu utilizatori și rafinarea designului

Metodologia de testare:

Am iterat designul folosind A/B testing, testare de uzabilitate la distanță și sondaje în aplicație.

  • A/B testing:
    Am comparat diferite puncte de intrare în onboarding (Explorează vs. Înregistrează-te), ca să vedem care aduce implicare și retenție mai mari.
  • Testare de uzabilitate la distanță:
    Teste cu 10 utilizatori prin Maze, ca să observăm în timp real cum folosesc aplicația.
  • Sondaje în aplicație:
    Feedback calitativ de la utilizatori după șapte zile de folosire, ca să evaluăm problemele și satisfacția.
Tabele cu rezultatele testelor de utilizare: sarcină, traseu, observații, succes și finalizare.

Fig. 2/ Date de la diferiți utilizatori, strânse prin UAT și A/B testing, pentru a înțelege problemele reale din fluxurile vechi și din cele noi și cum le pot itera pentru o uzabilitate și mai mare.

Metrici măsurate:

  • Timpul până la prima interacțiune de la înregistrare:
    Redus de la 12,5 minute la doar 2 minute.
  • Rata de abandon la onboarding:
    Redusă cu 40% după simplificarea fluxurilor și accesul mai ușor.
  • Valoarea percepută a abonamentului:
    Crescută de la 2,1 la 4,6 (din 5), după ce utilizatorii au văzut valoarea sugestiilor AI.

Concluzii-cheie:

  • Valoarea reală vine înaintea înregistrării:
    Utilizatorii au preferat să vadă valoarea aplicației înainte să‑și facă un cont.
  • Claritate în informațiile AI:
    Limbajul despre economia de energie și control trebuia simplificat.
  • Îndemnuri eficiente:
    Utilizatorii au reacționat bine la îndemnurile în timp real; cel mai bun exemplu a fost memento-ul de a opri dispozitivele nefolosite, cu efect imediat asupra consumului de energie.

Livrare, lansare și rezultate

Procesul de predare:

  • Am livrat fișiere Figma adnotate pentru dezvoltatorii web și fișiere Zeplin pentru dezvoltatorii de aplicații native, pentru o integrare fără sincope.
  • Am ținut verificări QA săptămânale, ca dezvoltarea să fie de calitate.
  • Am creat o bibliotecă de design cu control al versiunilor, sincronizată cu componentele din dezvoltare.
Predarea către dezvoltare: cardul „Smart TV” inspectat în Figma, cu spațieri, dimensiuni și cod CSS.

Fig. 2/ Date de la diferiți utilizatori, strânse prin UAT și A/B testing, pentru a înțelege problemele reale din fluxurile vechi și din cele noi și cum le pot itera pentru o uzabilitate și mai mare.

Principalele rezultate ale produsului:

Suntem încă la început, dar iată câteva dintre cele mai importante:

O creștere mare a numărului de utilizatori activi zilnic în primele 3 săptămâni ale versiunii beta, care arată eficiența onboarding-ului simplificat și a funcționalităților care implică utilizatorii.

Fluxuri de onboarding și configurare mai rapide și mai ușoare.
40%
Mai puține bătăi de cap și o experiență mai simplă, mai fluidă.
62%
Mai mult control, facturi mai mici și mai puțin stres.
38%

Scorul de satisfacție al utilizatorilor: un scor remarcabil, de 4,8/5, pe baza sondajelor de după lansare.

2 din 4 utilizatori cu cont gratuit au trecut la abonament după ce au primit trei sau mai multe sugestii AI personalizate.

Ce a contribuit la succes?

  • Valoare vizibilă de la început:
    Opțiunea „Explorează întâi” i‑a ajutat pe utilizatori să înțeleagă imediat beneficiile aplicației.
  • Informații din viața reală:
    Sugestiile generate de AI le‑au arătat utilizatorilor cum îi ajută aplicația să economisească timp, bani și energie.
  • Simplitate și personalizare:
    Reducând pașii inutili și concentrându-mă pe acțiunile cu cel mai mare impact, am păstrat experiența intuitivă și aliniată cu nevoile utilizatorilor.

Concluzie: puterea simplității și a designului strategic

Cel mai bun UX e invizibil, dar rezultatele lui sunt mereu clare.

Reconstrucția aplicației Peace Nest a fost mai mult decât un redesign: a fost o schimbare de direcție și de strategie a produsului.

Ajutând echipa să treacă de la o experiență învechită și aglomerată la o platformă simplă și inteligentă, alimentată de informații în timp real, aplicația a avut un impact mai mare decât ne așteptam.

Decizia mea de a prioritiza accesul fără fricțiune, sugestiile generate de AI și interacțiunile simplificate nu doar a crescut implicarea utilizatorilor, ci a construit și încredere și retenție pe termen lung.

Proiectul următor

Toate proiectele