Új hozzáállás, új elrendezés, új AhaSlides!

Közlemények

Lawrence Haywood • 2022. február 10. • 7 perc olvasási idő

Az AhaSlides-nél célunk, hogy a prezentációkat szórakoztatóbbá, lebilincselőbbé és kifizetődőbbé tegyük számodra és közönséged számára. Ma hatalmas lépést teszünk ebbe a irányba vadonatúj dizájnunkkal!

Az új AhaSlides sok szempontból új . Mindent szervezettebbé, rugalmasabbá és a sajátunkká tettünk, mint valaha.

Az ötletgazda és a kezek mögött a tervezőnk, Trang állt :


Vettem az AhaSlides összesített látásmódját, és hozzáadtam saját darabokat. Olyan dologgal végeztünk, amely nagyszerű az új felhasználók számára, de egy megfelelő és szívből jövő „köszönöm” azoknak is, akik az első nap óta velünk vannak.

Trang Tran - Tervező

Vessünk egy pillantást arra, hogy milyen változtatásokat hajtottunk végre, és pontosan miként segíthetnek a közönség számára okosabb és jobb előadások elkészítésében.

Kíváncsi vagy, mi újság? Kattints az alábbi gombra, és fedezd fel az újdonságokat:

Mi újság?

  1. Jobb megjelenés és hangulat
  2. Jobb szervezés, simább navigáció
  3. Szerkesztés bárhol, bármilyen eszközön

Továbbfejlesztett megjelenés 🤩

Ezúttal úgy döntöttünk, hogy valamivel többet folytatunk ... velünk.

A márkaidentitás az új dizájn egyik fő fókuszpontja volt. Míg a múltban talán kissé visszafogottak voltunk, most készen állunk a merészségre.

Új identitásunk megközelítése 3 részre oszlik:

# 1 - Illusztráció

Amikor 2019-ben elindultunk, az aranyos, színes képek nem igazán voltak a „tennivalók listáján”. A megjelenés helyett a funkcionalitást választottuk.

Most, hogy egy szilárd fejlesztőcsapat keményen dolgozik a funkciók létrehozásán és fejlesztésén, Trang vezető tervezőnk arra koncentrálhatott, hogy az AhaSlides vonzóbbá váljon . Hatalmas feladat volt egy új márkaidentitást kialakítani az illusztrációk és animációk köré, aminek eredményeként egy nagyszerű, aranyos mintákból álló könyvtár jött létre:

Az AhaSlides új illusztrációkönyvtára, amelyet az irányítópulton és a szerkesztőben használnak.

Tekintse meg ezeket a további új illusztrációkat a Saját prezentációk irányítópulton és a regisztrációs oldalon :

Minden illusztrációnak megvan a maga helye és szerepe. Úgy gondoljuk, hogy melegebb üdvözletet jelent új és jelenlegi felhasználóink ​​számára, akik már bejelentkezéskor láthatják az AhaSlides játékos szellemét.


Miután beszéltünk Dave-vel [az AhaSlides vezérigazgatójával], úgy döntöttünk, hogy élénkebbé és játékosabbá szeretnénk tenni a dolgokat. Amint láthatjátok, a képek most kerekebbek, aranyosabbak, de nem akartuk túl gyerekessé tenni őket. Azt hiszem, amivel most rendelkezünk, az a szórakozás és a funkció jó egyensúlya.

Trang Tran - Tervező

# 2 - Szín

Az új dizájn kulcsszava valóban az élénkség volt. Olyasmit szerettünk volna, ami nem szégyenlős a saját élénkségétől, és ami tükrözi azt az örömöt, hogy izgalmas prezentációkat készíthetünk, amelyeket élőben is megoszthatunk a közönséggel.

Ezért dupláztuk meg az erős, merész színeket.

Logóink kék és sárga aláírásával elágaztunk, és színpalettánkat vörös, narancssárga, zöld és lila árnyalatokra bővítettük:


Reméltük, hogy ez a színes felület arra ösztönzi majd a felhasználóinkat, hogy valami színesbe kezdjenek.

Trang Tran - Tervező

⭐ Hamarosan! ⭐ Természetesen szerettük volna kiterjeszteni a színekre összpontosító új hangsúlyt a felhasználóinkra is. Ezért az előadóknak hamarosan lehetőségük lesz bármilyen színt kiválasztani a szövegükhöz :

# 3 - Információs építészet

Magától értetődik, hogy egy új megjelenésnek és hangulatnak funkcióval kell rendelkeznie.

Ezért hajtottunk végre nagy változtatást az AhaSlides IA- jában ( információs architektúra ). Ez alapvetően azt jelenti, hogy átrendeztük és újragondoltuk szoftverünk egyes részeit, hogy jobban segítsük a felhasználókat megérteni, mit csinálnak.

Itt van egy példa arra, amire gondolunk - a régi és az új jelen gombokra:

Mint az új dizájn összes gombja, a fentiek is olyanok, amiket csak gombszerűbb érzetként tudnánk leírni . Hasonló árnyékot és ragyogást adtunk számos kijelölési lehetőséghez, nemcsak azért, hogy valódi érzetet adjunk nekik, hanem a vizuális megjelenítés javítása érdekében is, hogy a felhasználók jobban megértsék, mi van kiválasztva, és mire kell összpontosítaniuk.

Mi más? Nos, ezen a képen látható néhány IA-változás:

A gombon kívül további javításokat hajtottunk végre a következő módszerekkel:

  • Külön dobozok hogy segítsen az egyes elemek elkülönítésében.
  • Félkövér szöveg megkülönbözteti a beírt információkat az üres doboz elhalványult szövegétől.
  • ikonok és a színek az információs dobozok kiemelkedhetnek.

Lehet, hogy az információs architektúra változásai finomak, de ez volt a szándékom. Nem szerettem volna, ha felhasználóinknak új házba kell költözniük, egyszerűen apró módon szerettem volna díszíteni azt az otthont, amelyben már vannak.

Trang Tran - Tervező

Jobb szervezés, simább navigáció 📁

Mint mondtuk - mi értelme a szebbé tételnek, ha a funkcionalitás nem javul mellette?

Itt jön a második nagy változásunk. Vettünk egy rakás digitális bútorot, és rendeztük a rendetlenséget.

Nézzük meg 4 területet, ahol fejlesztéseket értünk el :

#1 ��� My Presentations Dashboard

Oké, elismerjük - nem mindig volt a legegyszerűbb megtalálni és elrendezni a prezentációkat a műszerfal régi kivitelén.

Szerencsére nagyot változtattunk a dolgokon az új műszerfalon ...

A vadonatúj Saját prezentációk irányítópult.
  • Minden előadásnak megvan a maga tárolója.
  • A konténerek mostantól miniatűr képekkel rendelkeznek (az indexkép lesz a prezentáció első képe).
  • A prezentációs lehetőségek (másolat, adatok törlése, törlés stb.) Most egy rendezett kebab menüben találhatók.
  • Többféle módszer van a prezentációk rendezésére és keresésére.
  • A „Munkaterület” és a „Fiók” mostantól el van választva a bal oldali oszlopban.

⭐ Hamarosan! ⭐ Hamarosan egy vadonatúj irányítópult nézet opció lesz elérhető – Rács nézet ! Ebben a nézetben képközpontú rács formátumban tekintheti meg prezentációit. Bármikor válthat a Rács nézet és az alapértelmezett Lista nézet között.

# 2 - Szerkesztő felső sávja

A szerkesztő képernyő felső sávjával átalakítottunk néhány dolgot ...

A szerkesztő felső sávja.
  • A felső sávban található opciók száma 4-ről 3-ra csökkent.
  • Az egyes opciók legördülő menüi jobb szervezést kínálnak.
  • A legördülő menü szélessége megváltozott annak biztosítása érdekében, hogy a menü illeszkedjen a jobb oldali oszlopba.

# 3 - Szerkesztő bal oldali oszlopa

Egyszerűbb, karcsúbb kivitel a prezentáció tartalmának oszlopában. A rácsnézetnek is teljesen új megjelenése van…

A szerkesztő bal oldali oszlopa.
  • A diák opciói most már nem szerepelnek a kebab menüben.
  • Alul egy új Rácsnézet gomb gombra került.
  • A Grid View elrendezése és működése jelentősen javult.

⭐ Hamarosan! ⭐ A jobb oldali oszlop még nincs teljesen kész, de íme, mire számíthattok ott hamarosan!

# 4 - Szerkesztő jobb oldali oszlopa

Kis változtatások az ikonokban, nagy változások a szöveg színében…

  • Újra megtervezett ikonok minden diatípushoz.
  • A szöveg színválasztékának sokféle változata.
  • Elemek újrarendezése a „Tartalom” fülön.

Szerkesztés bárhol, bármilyen eszközön 📱

Elnézést kérünk a felhasználóink ​​azon 28%-ától, akik mobilon szerkesztik prezentációikat, hogy ilyen sokáig elhanyagoltuk titeket 😞

Az új dizájnnal egy olyan platformot szerettünk volna biztosítani mobil- és tabletfelhasználóinknak, amely ugyanolyan reszponzív, mint az asztali számítógépek . Ez azt jelentette, hogy minden elemet újragondoltunk, hogy felhasználóink ​​útközben is szerkeszthessenek.

Természetesen minden a műszerfallal kezdődik . Végrehajtottunk itt néhány változtatást…

A Saját prezentációk irányítópult mobilon.

A bemutatókkal és mappákkal kapcsolatos legfontosabb információk itt láthatók. A jobb oldalon található a kebab menü is, amely rendezi az összes prezentációs beállítást.

A szerkesztőben egy másik , felhasználóbarátabb felület fogad.

Ismét minden el van rejtve a kebab menükben. Ezzel megtisztítja a zavaró tényezőket, és sokkal több helyet hagy az általános prezentáció megtekintésére.

Egyre nyilvánvalóbb, hogy imádjuk a kebabot? A régi túlzsúfolt felső sávot egy újabb kebabmenüvel helyettesítettük! Így sokkal kevésbé túlterhelő a felület , és a prezentáció minőségére koncentrálhatsz.


Nagyon szerettem volna eltávolítani néhány korlátozást , amelyek megakadályozzák a mobilfelhasználóinkat abban, hogy a kívánt prezentációkat készítsék. Valami elegánsabb és egyszerűbb megoldást választottunk, mint korábban, de a jövőben még mindig nagy terveink vannak az AhaSlides mobil képességeivel kapcsolatban!

Trang Tran - Tervező

Alternatív szöveg

Mégis megpróbálta?

Egyszerűen kattintson az alábbi gombra a megtekintéshez
Az AhaSlides megújult dizájnja!

Nézd meg!