Nov odnos, nova ureditev, novo AhaSlides!

Obvestila

Lawrence Haywood 10 februar, 2022 7 min branja

At AhaSlides, je naš cilj narediti predstavitve zabavnejše, privlačnejše in bolj nagrajujoče za vas in vaše občinstvo. Danes naredimo velik korak k temu z našimi popolnoma nov dizajn!

Novi AhaSlides is novo na toliko načinov. Stvari smo naredili bolj organizirane, bolj prilagodljive in še več us kot kdajkoli prej.

Možgani in roke za vsem je bil naš oblikovalec, Domov:


Vzel sem AhaSlides' nakopičil vizijo in dodal delčke svojega. Končali smo z nečim, kar je super za nove uporabnike, a tudi primerno in iskreno 'hvala' tistim, ki so z nami od prvega dne.

Trang Tran - Oblikovalec

Oglejmo si, katere spremembe smo naredili in kako natančno vam lahko pomagajo narediti predstavitve, ki so pametnejše in boljše za vaše občinstvo.

Srbež, da ga preverite? Odkrijte novosti s klikom na spodnji gumb:

Kaj je novega?

  1. Izboljšan videz in občutek
  2. Boljša organizacija, bolj gladka navigacija
  3. Urejajte kjer koli in v kateri koli napravi

Izboljšan videz in občutek 🤩

Tokrat smo se odločili, da gremo z nečim bolj...mi.

Identiteta blagovne znamke je bil velik poudarek novega dizajna. Medtem ko smo bili v preteklosti morda nekoliko zadržani, smo zdaj pripravljeni biti krepko.

Pristop k naši novi identiteti je razdeljen na 3 dele:

#1 - Ilustracija

Ko smo začeli leta 2019, ljubki, barviti posnetki niso bili ravno visoko na seznamu opravkov. Odločili smo se za funkcionalnost in ne za videz.

Zdaj, ko trdna razvojna ekipa trdo dela na ustvarjanju in izboljšanju funkcij, se lahko naš glavni oblikovalec Trang osredotoči na izdelavo AhaSlides privlačnejši. Oblikovati novo identiteto blagovne znamke okoli ilustracij in animacij je bila mamuta naloga, ki pa je ustvarila veliko knjižnico prikupnih modelov:

AhaSlides' nova knjižnica ilustracij, ki se uporablja na celotni nadzorni plošči in urejevalniku.

Oglejte si te druge primere novih ilustracij na Nadzorna plošča za moje predstavitve in se prijavite:

Vsaka ilustracija ima svoje mesto in vlogo. Menimo, da je to toplejša dobrodošlica našim novim in sedanjim uporabnikom, ki vidijo igriv duh AhaSlides takoj, ko se prijavijo.


Po pogovoru z Davom [izvršnim direktorjem AhaSlides], smo se odločili, da želimo narediti stvari bolj živahne in igrive. Kot lahko vidite, je podoba zdaj bolj zaobljena, bolj ljubka, a nismo želeli, da bi bila preveč otročja. Mislim, da je to, kar imamo zdaj, a dobro razmerje med zabavo in funkcijo.

Trang Tran - Oblikovalec

#2 - Barva

Živahnost res je bila ključna beseda pri novem dizajnu. Želeli smo nekaj, kar se ne sramuje svoje lastne živahnosti, in nekaj, kar odraža veselje ob ustvarjanju vznemirljive predstavitve, ki jo lahko delite z občinstvom v živo.

Zato smo podvojili močne, drzne barve.

Iz modre in rumene barve našega logotipa smo se razvejali in barvno paleto razširili na rdeče, oranžne, zelene in vijolične odtenke:


Upali smo, da bo ta barvit vmesnik navdihnil naše uporabnike začeti nekaj barvita.

Trang Tran - Oblikovalec

Prihaja kmalu! ⭐ Seveda smo želeli našo novo osredotočenost na barve razširiti tudi na naše uporabnike. Zato bodo voditelji kmalu imeli možnost izbrati katero koli barvo pod soncem za njihovo besedilo:

#3 – Informacijska arhitektura

Samoumevno je, da mora imeti nov videz in občutek funkcija.

Zato smo naredili veliko spremembo v IA (Informacijska arhitektura) AhaSlides. To v bistvu pomeni, da smo prerazporedili in na novo zamislili dele naše programske opreme, da bi uporabnikom bolje pomagali razumeti, kaj počnejo.

Tukaj je en primer tega, kar mislimo - stari in novi trenutni gumbi:

Kot vse gumbi v novi zasnovi, imajo zgornji tisto, kar lahko označimo le kot a več gumb-y občutek. Podobno senco in sijaj smo dodali številnim izbirnim možnostim, ne le zato, da bi jim dali resničen občutek, ampak tudi za izboljšanje IA, tako da uporabniki bolje razumejo, kaj je izbrano in na kaj naj se osredotočijo.

Kaj drugega? No, na tej sliki lahko vidite nekaj sprememb v oceni učinka:

Poleg gumba smo naredili več izboljšav na naslednje načine:

  • Posamezne škatle za pomoč pri ločevanju vsakega elementa.
  • Krepko besedilo razlikuje vnesene informacije od bledega besedila praznega polja.
  • Ikone in barv dovolite, da informacijska polja izstopajo.

Spremembe v informacijski arhitekturi so morda subtilne, a to je bil moj namen. Nisem želel, da bi se morali naši uporabniki preseliti v novo hišo, preprosto sem želel na malenkosti okrasiti dom, v katerem so že.

Trang Tran - Oblikovalec

Boljša organizacija, bolj gladka navigacija 📁

Kot smo rekli – kakšen smisel ima stvari lepšati, če se poleg tega ne izboljša funkcionalnost?

Tu nastopi naša druga velika sprememba. Kupili smo kup digitalnega pohištva in uredili nered.

Oglejmo si 4 področja, kjer smo naredili izboljšave:

#1 - Nadzorna plošča za moje predstavitve

V redu, priznamo – ni bilo vedno najlažje najti in urediti svojih predstavitev na stari zasnovi armaturne plošče.

Na srečo smo na novi armaturni plošči precej spremenili stvari ...

Popolnoma nova nadzorna plošča Moje predstavitve.
  • Vsaka predstavitev ima svoj vsebnik.
  • V vsebnikih so zdaj sličice (sličica bo prva slika vaše predstavitve).
  • Možnosti predstavitve (podvojitev, brisanje podatkov, brisanje itd.) So zdaj v urejenem kebab meniju.
  • Obstaja več načinov za razvrščanje in iskanje predstavitev.
  • Vaš 'Delovni prostor' in vaš 'Račun' sta zdaj ločena v levem stolpcu.

Prihaja kmalu!⭐ V bližnji prihodnosti bo na voljo povsem nova možnost pogleda na nadzorno ploščo - Grid View! Ta pogled vam omogoča, da si predstavitve ogledate v slikovno usmerjeni mreži. Kadar koli lahko zamenjate pogled mreže in privzeti pogled seznama.

#2 - Zgornja vrstica urejevalnika

Z zgornjo vrstico na zaslonu urejevalnika smo premešali nekaj stvari ...

Zgornja vrstica urejevalnika.
  • Število možnosti v zgornji vrstici se je zmanjšalo s 4 na 3.
  • Spustni meniji za vsako možnost ponujajo boljšo organizacijo.
  • Širina spustnih menijev se je spremenila, da je meni ustrezal desnemu stolpcu.

#3 - Levi stolpec urejevalnika

Enostavnejša in elegantnejša zasnova v stolpcu z vsebino predstavitve. Mrežni pogled ima tudi povsem nov videz ...

Levi stolpec urejevalnika.
  • Možnosti diapozitivov so zdaj preoblikovane v meniju za kebab.
  • Na dnu je dodan nov gumb gumba Grid View.
  • Postavitev in delovanje mreže Grid View se močno izboljšata.

Prihaja kmalu! ⭐ Desni stolpec še ni povsem dokončan, toda tukaj je tisto, kar lahko kmalu pričakujete tam!

#4 - Desni stolpec urejevalnika

Majhne spremembe ikon, velike spremembe barve besedila ...

  • Preoblikovane ikone za vsako vrsto diapozitiva.
  • Veliko različnih barvnih možnosti besedila.
  • Prerazporejeni elementi v zavihku »Vsebina«.

Uredi kjer koli, na kateri koli napravi 📱

Za tistih 28 % naših uporabnikov, ki urejajo svoje predstavitve na mobilnih napravah, se opravičujemo, ker smo vas tako dolgo zanemarjali (I.e.

Z novo zasnovo smo želeli našim uporabnikom mobilnih in tabličnih računalnikov ponuditi platformo, ki je prav tako odziven kot namizje. To je pomenilo, da je treba ponovno razmisliti o vseh elementih, da bodo uporabniki lahko urejali na poti.

Seveda se vse začne armaturno ploščo. Tukaj smo naredili nekaj sprememb ...

Nadzorna plošča Moje predstavitve v mobilni napravi.

Tukaj so prikazane najpomembnejše informacije o vaših predstavitvah in mapah. Na desni je tudi meni za kebab, v katerem so organizirane vse nastavitve predstavitve.

On o urednik, vas pozdravi še en bolj prijazen vmesnik.

Spet je vse pospravljeno v kebab menije. S tem boste odstranili moteče dejavnike in vam pustil toliko več prostora za ogled celotne predstavitve.

Ali postaja očitno, da imamo radi kebab? Staro prenatrpano zgornjo vrstico smo zamenjali z, ja, še enim kebab menijem! Naredi za a precej manj izjemen vmesnik in vam omogoča, da se osredotočite na kakovost vaše predstavitve.


Resnično sem želel odstraniti nekatere omejitve ki našim mobilnim uporabnikom preprečujejo ustvarjanje predstavitev, ki jih želijo. Odločili smo se za nekaj bolj elegantnega in preprostega kot prej, vendar ga še vedno imamo veliki načrti za AhaSlides' mobilne zmogljivosti v prihodnosti!

Trang Tran - Oblikovalec

Nadomestno besedilo

Še poskusili?

Preprosto kliknite spodnji gumb za ogled
AhaSlides'prenovljen dizajn!

Preverite!