Futó mobilalkalmazás · Mobiltermék
Bizalmas együttműködés
Amikor egy mobilalkalmazásnak tartania kell a tempót.
Privát együttműködés egy meglévő React Native futóalkalmazáson. Kiválasztott részeket terveztünk újra, kódot javítottunk, finomítottuk a működést, és hibákat szüntettünk meg iOS-en és Androidon.
Információk
- Projekt típusa
- Mobilalkalmazás
- Platform
- iOS és Android
- A mi szerepünk
- Nem új terméket építettünk a nulláról. Egy meglévő React Native alkalmazásban rajzoltunk át kiválasztott képernyőket, és igazítottuk a viselkedésüket iOS-en és Androidon.
- Állapot
- Bizalmas együttműködés
Technológia
- React Native
- iOS
- Android
Amit megtud
- 01Hogyan tartható gördülékeny a mobilos folyamat ismételt használat mellett.
- 02Hogyan tartható áttekinthető a felület iOS-en és Androidon.
- 03Hogyan fejleszthető egyetlen termékélmény React Native-ben.
Termékritmus
Egy látogatás előkészíti a következő lépést.
Az alkalmazás az előkészületet, magát az edzést és a fejlődés áttekintését egyetlen ismételhető folyamatba kapcsolta. Ez az ábra egyszerűsített és anonimizált.
- 01
Felkészülés
A felhasználó látja, mi következik, és érti a soron következő edzést.
- 02
Mozgás
Tevékenység közben a figyelem az egyértelmű lépéseken marad, nem a kezelőfelületen.
- 03
Áttekintés
Befejezés után az eredmény nyugodt, jól olvasható összegzésben jelenik meg.
- 04
Folytatás
Az állapot és a fejlődés világos folytatást ad a következő látogatáshoz.
01
Bekapcsolódás egy már mozgásban lévő termékbe
Nem üres pályán indultunk. Az alkalmazásnak már megvolt a saját logikája, felhasználói szokásai és technikai döntései, amelyeket először meg kellett értenünk.
A privát együttműködés ezért a kiválasztott folyamatok és azon pontok feltérképezésével kezdődött, ahol az újratervezés vagy a kód módosítása a legtöbbet segíthetett a megszokott használat mellett.
02
Újratervezés ott, ahol a felhasználó megtorpant
A kiválasztott képernyőkön finomítottuk a vizuális hierarchiát, az elrendezést és az érintési célokat, hogy a következő lépés természetesebb legyen, a fontos információk pedig gyorsan áttekinthetők.
Nem a teljes termék újrarajzolása volt a cél. Az újratervezés célzottan megőrizte, ami már működött, és tisztázta azokat a pontokat, ahol a felület felesleges súrlódást okozott.
“A jó újratervezés nem változtat irányt. Megszünteti az útközbeni bizonytalanságot.”
Egyszerűsített architektúra
Egy élmény, közös mobil alapok.
Még egy célzott képernyőmódosítás is több réteget érintett. A felületnek, a közös logikának, a szolgáltatásoknak és mindkét platformnak azonos ritmusban kellett működnie.
- 01
Termékélmény
- Terv
- Aktív edzés
- Fejlődés
- 02
Közös React Native-mag
- Navigáció
- Kiszámítható állapot
- Újrahasznosítható UI
- 03
Alkalmazásszolgáltatások
- Fiókhatár
- Adatcsere
- Működési visszajelzés
- 04
Natív kiadás
- iOS
- Android
Egyszerűsített, anonimizált nézet. Nem mutat belső rendszereket vagy valódi termékadatokat.
03
Javítások a felszín alatt
A felület mellett konkrét kódjavításokkal, szélső esetekkel és hibajavításokkal is foglalkoztunk. Minden problémát először reprodukálni, majd javítani és a teljes folyamatban ellenőrizni kellett.
Egy gyakran használt mobilalkalmazás minőségét a részletek adják. A képernyőre visszatérés helyes reakciója, a kiszámítható állapot és az, hogy egy javítás ne törjön el mást.
“A legjobb javítás az, amit a felhasználónak észre sem kell vennie.”
04
Egy ritmus iOS-en és Androidon
A React Native az élmény nagy részét közösen tartotta, de mindkét platformnak megvolt a saját részlete. Ellenőriztük az elrendezést, az érintési viselkedést és a szélső eseteket iOS-en és Androidon.
Nem az volt a cél, hogy a két verzió mechanikusan azonos legyen. Ugyanazt a logikát, magabiztosságot és természetes használati érzetet kellett adniuk az adott eszközön.
Így dolgoztunk
Pontosan változtatni, nem mindent újraírni.
A terméket már használták. Ezért megőriztük, ami működött, és azokra a helyekre összpontosítottunk, ahol az élmény világosabbá és megbízhatóbbá válhatott.
- 01
A folyamat megértése
A kiválasztott utak és a jelenlegi működés feltérképezése.
- 02
A súrlódás feltárása
Annak azonosítása, hol csökkentette a biztonságérzetet a hierarchia, az interakció vagy a kód.
- 03
Célzott újratervezés
Az ismerős működés megőrzése és csak a szükséges pontok tisztázása.
- 04
Reprodukálás és javítás
A hiba megbízható előidézése, az ok javítása és a kapcsolódó állapotok ellenőrzése.
- 05
Mindkét platform ellenőrzése
Az elrendezés, az érintési viselkedés és a szélső esetek vizsgálata iOS-en és Androidon.
05
Jobb alap a következő verziókhoz
Az eredmény nem nulláról újraépített termék lett, hanem a meglévő alkalmazás rendezettebb része. Tisztább képernyők, javított kód és kevesebb hiba a mindennapi használatban.
“Nem minden jó együttműködéshez kell nagy gesztus. Néha elég, ha a termék biztosabban fut.”
Hasonló cél, az Ön igényeire szabva
