Nový postoj, nové usporiadanie, nové AhaSlides!

oznámenia

Lawrence Haywood 10 Február, 2022 7 min

At AhaSlides, naším cieľom je urobiť prezentácie zábavnejšie, pútavejšie a odmeňujúce pre vás a vaše publikum. Dnes k tomu robíme obrovský krok s našimi úplne nový dizajn!

Nový AhaSlides is nový toľkými spôsobmi. Urobili sme veci organizovanejšie, flexibilnejšie a ďalšie us ako kedykoľvek predtým.

Mozog a ruky za tým všetkým bol náš návrhár, trang:


Vzal som si AhaSlides“ nahromadil víziu a pridal svoje vlastné kúsky. Skončili sme s niečím, čo je skvelé pre nových používateľov, ale aj vhodné a srdečné „ďakujem“ tým, ktorí sú s nami od prvého dňa.

Trang Tran - Dizajnér

Poďme sa pozrieť na to, aké zmeny sme urobili a ako presne vám môžu pomôcť vytvoriť inteligentnejšie a lepšie prezentácie pre vaše publikum.

Svrbenie na kontrolu? Choďte zistiť, čo je nové, kliknutím na tlačidlo nižšie:

Čo je nové?

  1. Vylepšený vzhľad a dojem
  2. Lepšia organizácia, plynulejšia navigácia
  3. Upravovať kdekoľvek a na akomkoľvek zariadení

Vylepšený vzhľad a dojem 🤩

Tentokrát sme sa rozhodli ísť s niečím trochu viac... my.

Identita značky bol hlavným zameraním nového dizajnu. Zatiaľ čo v minulosti sme boli možno trochu rezervovaní, teraz sme na to pripravení kolík.

Prístup k našej novej identite je rozdelený do 3 častí:

#1 - Ilustrácia

Keď sme v roku 2019 začínali, roztomilé farebné snímky neboli naozaj vysoko na zozname úloh. Rozhodli sme sa skôr pre funkčnosť ako pre vzhľad.

Teraz, so solídnym vývojovým tímom, ktorý tvrdo pracuje na vytváraní a vylepšovaní funkcií, sa náš hlavný dizajnér Trang mohol sústrediť na tvorbu AhaSlides atraktívnejší. Bolo mamutou úlohou vytvoriť novú identitu značky okolo ilustrácií a animácií, ale výsledkom bola veľká knižnica roztomilých vzorov:

AhaSlides“ nová knižnica ilustrácií, ktorá sa používa na palubnej doske a editore.

Pozrite sa na tieto ďalšie príklady nových ilustrácií na webe Informačný panel Moje prezentácie a prihláste sa:

Každá ilustrácia má svoje miesto a úlohu. Myslíme si, že je to srdečnejšie privítanie pre našich nových a súčasných používateľov, ktorí môžu vidieť hravého ducha AhaSlides hneď ako sa prihlásia.


Po rozhovore s Daveom [CEO of AhaSlides], rozhodli sme sa, že chceme, aby boli veci živšie a hravejšie. Ako môžete vidieť, obrázky sú teraz viac zaoblené, roztomilejšie, ale nechceli sme to urobiť príliš detinskými. Myslím, že to, čo máme teraz, je a dobrá rovnováha medzi zábavou a funkciou.

Trang Tran - Dizajnér

#2 - Farba

živosť naozaj to bolo kľúčové slovo s novým dizajnom. Chceli sme niečo, čo by sa neostýchalo vlastnej živosti, a niečo, čo odrážalo radosť z vytvárania vzrušujúcej prezentácie, ktorú by sme mohli zdieľať so živým publikom.

Preto sme zdvojnásobili výrazné, výrazné farby.

Rozvetvili sme sa z podpisovej modrej a žltej farby nášho loga a rozšírili sme farebnú paletu o odtiene červenej, oranžovej, zelenej a fialovej:


Dúfali sme, že toto farebné rozhranie inšpiruje našich používateľov niečo začať pestrý.

Trang Tran - Dizajnér

Už čoskoro! ⭐ Naše nové zameranie na farby sme samozrejme chceli rozšíriť aj na našich používateľov. Preto budú mať moderátorky čoskoro možnosť vybrať si akúkoľvek farbu pod slnkom za ich text:

#3 - Informačná architektúra

Je samozrejmé, že nový vzhľad a dojem musia mať funkcie.

Preto sme urobili veľkú zmenu IA (Informačná architektúra) z AhaSlides. To v podstate znamená, že sme preusporiadali a pretvorili časti nášho softvéru, aby sme používateľom lepšie pomohli pochopiť, čo robia.

Tu je jeden príklad toho, čo máme na mysli – staré a nové súčasné tlačidlá:

Ako všetko tlačidlá v novom dizajne, tie vyššie majú to, čo môžeme iba opísať ako a viac gombík-y pocit. Podobný tieň a žiaru sme pridali k mnohým možnostiam výberu nielen preto, aby sme im poskytli skutočný pocit, ale aj aby sme zlepšili IA, aby používatelia lepšie pochopili, čo je vybraté a kam by sa mali zamerať.

Čo ešte? Na tomto obrázku môžete vidieť niekoľko zmien IA:

Okrem tlačidla sme urobili ďalšie vylepšenia nasledujúcimi spôsobmi:

  • Jednotlivé políčka pomôcť oddeliť každý prvok.
  • Tučný text rozlišuje zadané informácie od vyblednutého textu prázdneho poľa.
  • Ikony a farby umožniť vyniknutie informačných polí.

Zmeny v informačnej architektúre môžu byť jemné, ale to bol môj zámer. Nechcel som, aby sa naši užívatelia museli presťahovať do nového domu, jednoducho som chcel v malých maličkostiach vyzdobiť domov, v ktorom už sú.

Trang Tran - Dizajnér

Lepšia organizácia, plynulejšia navigácia 📁

Ako sme povedali – aký má zmysel robiť veci krajšími, ak sa popri tom nezlepšujú aj funkcie?

Tu prichádza naša druhá veľká zmena. Kúpili sme kopu digitálneho nábytku a vyriešili sme neporiadok.

Poďme sa pozrieť na 4 oblasti, v ktorých sme urobili vylepšenia:

#1 – Panel mojich prezentácií

Dobre, priznávame – nájsť a usporiadať prezentácie na starom dizajne palubnej dosky nebolo vždy najjednoduchšie.

Našťastie sme výrazne zmenili veci na novom prístrojovom paneli...

Úplne nový informačný panel Moje prezentácie.
  • Každá prezentácia má svoj vlastný kontajner.
  • Kontajnery majú teraz miniatúry (miniatúra bude prvým obrázkom vašej prezentácie).
  • Možnosti prezentácie (duplikát, vymazanie údajov, odstránenie atď.) Sú teraz v upratanej ponuke kebabu.
  • Existuje viac spôsobov, ako usporiadať a vyhľadať svoje prezentácie.
  • Váš „Pracovný priestor“ a „Účet“ sú teraz oddelené v ľavom stĺpci.

Už čoskoro!⭐ V blízkej budúcnosti bude k dispozícii úplne nová možnosť zobrazenia informačného panela - Grid View! Toto zobrazenie vám umožní vidieť vaše prezentácie vo formáte mriežky zameranej na obrázok. Medzi mriežkovým a predvoleným zobrazením zoznamu môžete kedykoľvek prepínať.

#2 – Horná lišta editora

Zmenili sme pár vecí pomocou hornej lišty na obrazovke editora...

Horná lišta v editore.
  • Počet možností v hornej lište sa zmenšil zo 4 na 3.
  • Rozbaľovacie ponuky pre každú možnosť ponúkajú lepšiu organizáciu.
  • Šírka rozbaľovacích ponúk sa zmenila, aby sa zabezpečilo, že sa ponuka zmestí do pravého stĺpca.

#3 - Ľavý stĺpec editora

Jednoduchší a elegantnejší dizajn v stĺpci s obsahom prezentácie. Zobrazenie mriežky má tiež úplne nový vzhľad...

Ľavý stĺpec v editore.
  • Možnosti snímok sú teraz v ponuke kebabu zmenšené.
  • V dolnej časti bolo pridané nové tlačidlo tlačidla Grid View.
  • Usporiadanie a prevádzka funkcie Grid View je výrazne vylepšená.

Už čoskoro! ⭐ Pravý stĺpec ešte nie je úplne dokončený, ale tu je to, čo tam môžete čoskoro vidieť!

#4 - Pravý stĺpec editora

Malé zmeny ikon, veľké zmeny farby textu...

  • Znovu navrhnuté ikony pre každý typ snímky.
  • Široká škála možností farieb textu.
  • Preusporiadané prvky na karte „Obsah“.

Upravovať kdekoľvek, na ľubovoľnom zariadení 📱

Ospravedlňujeme sa za tých 28 % našich používateľov, ktorí si upravujú svoje prezentácie na mobile, že sme vás tak dlho zanedbávali ????

S novým dizajnom sme chceli našim používateľom mobilov a tabletov poskytnúť platformu, ktorá je rovnako citlivý ako desktop. To znamenalo prehodnotiť každý prvok, aby sa zabezpečilo, že naši používatelia budú môcť úpravy vykonávať kdekoľvek.

Všetko samozrejme začína palubnú dosku. Urobili sme tu pár zmien...

Informačný panel Moje prezentácie v mobilných zariadeniach.

Tu sú zobrazené najdôležitejšie informácie o vašich prezentáciách a priečinkoch. K dispozícii je tiež ponuka kebab na pravej strane, ktorá udržuje všetky nastavenia prezentácie usporiadané.

On the,en editor, privíta vás ďalšie priateľskejšie rozhranie.

Opäť je všetko zastrčené v menu kebabu. Týmto spôsobom odstránite rozptýlenie a ponecháte vám oveľa viac priestoru na prezeranie vašej celkovej prezentácie.

Je už zrejmé, že milujeme kebab? Starý preplnený horný bar sme nahradili, áno, iným kebabovým menu! To robí pre a oveľa menej ohromujúce rozhranie a umožní vám sústrediť sa na kvalitu vašej prezentácie.


Naozaj som chcel odstrániť niektoré obmedzenia ktoré bránia našim používateľom mobilných zariadení vytvárať prezentácie, ktoré chcú. Išli sme s niečím elegantnejším a jednoduchším ako predtým, ale stále máme veľké plány pre AhaSlides' mobilné schopnosti v budúcnosti!

Trang Tran - Dizajnér

Alternatívny text

Vyskúšali ste to ešte?

Ak to chcete vidieť, jednoducho kliknite na tlačidlo nižšie
AhaSlides'prepracovaný dizajn!

Skontrolovať to!