Nový postoj, nové usporiadanie, nové snímky AhaSlides!

oznámenia

Lawrence Haywood 10. februára 2022 7 minút čítania

V AhaSlides je naším cieľom urobiť prezentácie zábavnejšími, pútavejšími a obohacujúcejšími pre vás a vaše publikum. Dnes k tomu robíme obrovský krok s naším úplne novým dizajnom!

Nový AhaSlides je v mnohých ohľadoch nový . Urobili sme veci organizovanejšími, flexibilnejšími a viac našími ako kedykoľvek predtým.

Mozgom a rukami, ktoré stál za všetkým, bol náš dizajnér Trang :


Zobral som nahromadené videnie AhaSlides a pridal som vlastné kúsky. Skončili sme s niečím, čo je skvelé pre nových používateľov, ale zároveň s vhodným a srdečným „poďakovaním“ tým, ktorí sú s nami od prvého dňa.

Trang Tran - Dizajnér

Poďme sa pozrieť na to, aké zmeny sme vykonali, a na to, ako konkrétne vám môžu pomôcť pri prezentáciách, ktoré sú inteligentnejšie a lepšie pre vaše publikum.

Máte chuť si to pozrieť? Kliknutím na tlačidlo nižšie zistite, čo je nové:

Č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 ... nami.

Identita značky bola hlavným bodom záujmu nového dizajnu. Zatiaľ čo v minulosti sme boli možno trochu zdržanliví, teraz sme pripravení byť odvážni.

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

# 1 - Ilustrácia

Keď sme v roku 2019 začínali, roztomilé a farebné obrázky neboli na našom zozname priorít práve najvyššie. Uprednostnili sme funkčnosť pred vzhľadom.

Teraz, s pevným 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 to, aby bol AhaSlides atraktívnejší . Bola to mamutia úloha vytvoriť novú identitu značky okolo ilustrácií a animácií, ale viedla k skvelej knižnici roztomilých dizajnov:

Nová knižnica ilustrácií AhaSlides, ktorá sa používa na celom paneli a editore.

Pozrite si tieto ďalšie príklady nových ilustrácií na paneli Moje prezentácie a na stránke registrácie :

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


Po rozhovore s Daveom [generálnym riaditeľom spoločnosti AhaSlides] sme sa rozhodli, že chceme veci urobiť živšími a hravejšími. Ako vidíte, obrázky sú teraz zaoblenejšie, roztomilejšie, ale nechceli sme, aby boli príliš detinské. Myslím si, že teraz máme dobrú rovnováhu medzi zábavou a funkčnosťou.

Trang Tran - Dizajnér

# 2 - Farba

Živosť bola skutočne kľúčovým slovom nového dizajnu. Chceli sme niečo, čo sa nehanbí svojej vlastnej živosti a niečo, čo odráža radosť z vytvorenia vzrušujúcej prezentácie, o ktorú sa môžu podeliť so živým publikom.

Preto sme zdvojnásobili úsilie o výrazné a 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 k tomu, aby začali s niečím farebným.

Trang Tran - Dizajnér

Čoskoro! ⭐ Samozrejme, chceli sme rozšíriť naše nové zameranie na farby aj na našich používateľov. Preto budú mať prezentujúci čoskoro možnosť vybrať si pre svoj text akúkoľvek farbu pod slnkom :

# 3 - Informačná architektúra

Je samozrejmé, že nový vzhľad a dojem musí mať svoju funkciu.

Preto sme urobili veľkú zmenu v IA ( informačnej architektúre ) AhaSlides. V podstate to znamená, že sme preusporiadali a prepracovali č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á:

Rovnako ako všetky tlačidlá v novom dizajne, aj tie vyššie majú to, čo môžeme opísať len ako pocit pripomínajúci tlačidlá . Pridali sme podobný tieň a žiaru k mnohým možnostiam výberu nielen preto, aby sme im dodali realistický pocit, ale aj preto, aby sme vylepšili IA, aby používatelia lepšie pochopili, čo je vybrané a na čo by sa mali zamerať.

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

Okrem tlačidla sme vykonali ď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 používatelia museli sťahovať do nového domu, iba som chcel malými spôsobmi vyzdobiť domov, v ktorom sa už nachádzajú.

Trang Tran - Dizajnér

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

Ako sme už povedali - aký má zmysel robiť veci krajšími, ak sa popri nich nezlepší aj funkčnosť?

To je miesto, kde prichádza naša druhá veľká zmena. Nakúpili sme množstvo digitálneho nábytku a vyriešili sme neporiadok.

Pozrime sa na 4 oblasti, v ktorých sme dosiahli zlepšenia :

# 1 - Panel mojich prezentácií

Dobre, pripúšťame - nebolo vždy najjednoduchšie nájsť a usporiadať svoje prezentácie na starom dizajne palubnej dosky.

Našťastie sme na novej palubnej doske veľa zmenili veci ...

Ú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 váš účet sú teraz v ľavom stĺpci oddelené.

Čoskoro! ⭐ V blízkej budúcnosti bude k dispozícii úplne nová možnosť zobrazenia ovládacieho panela – Mriežkové zobrazenie ! Toto zobrazenie vám umožní zobraziť prezentácie vo formáte mriežky zameranej na obrázky. Medzi zobrazením mriežky a predvoleným zobrazením zoznamu môžete kedykoľvek prepínať.

# 2 - Horná lišta editora

S hornou lištou na obrazovke editora sme prerobili niekoľko vecí ...

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 - Editor v ľavom stĺpci

Jednoduchší a úhľadnejší dizajn v stĺpci obsahu prezentácie. Mriežka 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á.

Čoskoro! ⭐ Pravý stĺpec ešte nie je úplne dokončený, ale toto tam môžete čoskoro očakávať!

# 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.
  • Znovu zoradené prvky na karte „Obsah“.

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

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

S novým dizajnom sme chceli poskytnúť našim používateľom mobilných telefónov a tabletov platformu, ktorá je rovnako responzívna ako desktopová verzia . To znamenalo prehodnotenie každého prvku, aby naši používatelia mohli upravovať na cestách.

Samozrejme, všetko to začína palubnou doskou . Urobili sme tu niekoľko 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. Napravo je tiež ponuka kebabu, ktorá udržuje všetky nastavenia prezentácie usporiadané.

V editore vás privíta ď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.

Začína byť jasné, že milujeme kebab? Nahradili sme starý preplnený horný panel, áno, ďalším menu kebabov! Vďaka tomu je rozhranie oveľa menej zahlcujúce a môžete sa sústrediť na kvalitu svojej prezentácie.


Naozaj som chcel odstrániť niektoré obmedzenia , ktoré bránia našim mobilným používateľom vo vytváraní prezentácií, ktoré chcú. Zvolili sme niečo elegantnejšie a jednoduchšie ako predtým, ale stále máme veľké plány s mobilnými funkciami AhaSlides do 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
Prepracovaný dizajn AhaSlides!

Skontrolovať to!