Naujas požiūris, nauja tvarka, nauja AhaSlides!

Pranešimai

Lawrence'as Haywoodas 10 vasario, 2022 7 min perskaityti

At AhaSlides, mūsų tikslas – padaryti pristatymus įdomesnius, patrauklesnius ir naudingesnius jums ir jūsų auditorijai. Šiandien mes žengiame didžiulį žingsnį link to visiškai naujas dizainas!

Nauja AhaSlides is Naujas produktas tiek daug būdų. Mes padarėme dalykus labiau organizuotus, lankstesnius ir dar daugiau us nei kada nors.

Smegenys ir rankos už viso to buvo mūsų dizaineris, Trangas:


Aš paėmiau AhaSlides“ sukaupiau viziją ir pridėjau savo dalelių. Gavome kažką, kas puikiai tinka naujiems naudotojams, bet taip pat tinka ir nuoširdus „ačiū“ tiems, kurie buvo su mumis nuo pat pirmos dienos.

Trang Tran - Dizaineris

Pažiūrėkime, kokius pakeitimus atlikome ir kaip jie gali padėti jums sukurti išmanesnius ir geresnius pristatymus auditorijai.

Niežti tai patikrinti? Eikite ir sužinokite, kas naujo, spustelėję toliau esantį mygtuką:

Kas naujo?

  1. Patobulinta išvaizda ir jausmas
  2. Geresnė organizacija, sklandesnė navigacija
  3. Redaguoti bet kur, bet kuriame įrenginyje

Patobulinta išvaizda ir savijauta 🤩

Šį kartą mes nusprendėme pasirinkti šiek tiek daugiau... mes.

Gamintojo tapatybė buvo pagrindinis naujo dizaino akcentas. Nors anksčiau buvome šiek tiek santūrūs, dabar esame pasiruošę būti drąsus.

Požiūris į mūsų naują tapatybę yra padalintas į 3 dalis:

#1 – iliustracija

Kai pradėjome 2019 m., mieli, spalvingi vaizdai nebuvo labai svarbūs darbų sąraše. Pasirinkome funkcionalumą, o ne išvaizdą.

Dabar, kai tvirta kūrėjų komanda sunkiai dirba kurdama ir tobulindama funkcijas, mūsų vyriausiasis dizaineris Trangas galėtų sutelkti dėmesį į kūrimą AhaSlides patrauklesnis. Tai buvo mamuto užduotis suformuoti naują prekės ženklo tapatumą aplink iliustracijas ir animacijas, tačiau tai sukėlė puikią mielų dizainų biblioteką:

AhaSlidesNauja iliustracijų biblioteka, naudojama visame prietaisų skydelyje ir redaktoriuje.

Peržiūrėkite šiuos kitus naujų iliustracijų pavyzdžius „Mano pristatymų“ informacijos suvestinė ir prisiregistravimo puslapis:

Kiekviena iliustracija turi savo vietą ir vaidmenį. Manome, kad tai šiltesnis sutikimas naujiems ir esamiems naudotojams, kurie mato žaismingą dvasią AhaSlides kai tik jie prisijungs.


Po pokalbio su Dave [generalinis direktorius AhaSlides], nusprendėme, kad norime, kad viskas būtų gyvesnė ir žaismingesnė. Kaip matote, dabar vaizdas yra labiau apvalus, mielesnis, bet nenorėjome, kad tai būtų per daug vaikiška. Manau, kad tai, ką turime dabar, yra a geras linksmybių ir funkcijų balansas.

Trang Tran - Dizaineris

#2 – spalva

Vibracija iš tikrųjų buvo naujo dizaino raktinis žodis. Norėjome kažko, kas nevengtų savo gyvybingumo ir atspindėtų džiaugsmą kuriant jaudinantį pristatymą, kuriuo būtų galima pasidalinti su gyva auditorija.

Štai kodėl mes padvigubėjome stiprios, drąsios spalvos.

Mes išsišakojome nuo savo logotipo mėlynos ir geltonos spalvos parašo ir išplėtėme spalvų paletę iki raudonos, oranžinės, žalios ir violetinės atspalvių:


Mes tikėjomės, kad ši spalvinga sąsaja įkvėps mūsų vartotojus pradėti ką nors spalvingas.

Trang Tran - Dizaineris

Netrukus! ⭐ Žinoma, norėjome išplėsti savo naują dėmesį spalvoms ir mūsų vartotojams. Štai kodėl laidų vedėjai netrukus turės galimybę pasirinkti bet kokią spalvą po saule už jų tekstą:

#3 – informacijos architektūra

Savaime suprantama, kad nauja išvaizda ir jausmas turi turėti funkcija.

Štai kodėl mes padarėme didelį pakeitimą IA (Informacija Architektūra) apie AhaSlides. Tai iš esmės reiškia, kad mes pertvarkėme ir pergalvojome savo programinės įrangos dalis, kad padėtume vartotojams geriau suprasti, ką jie daro.

Štai vienas pavyzdys, ką turime omenyje – senus ir naujus dabarties mygtukus:

Kaip visi naujo dizaino mygtukai, aukščiau pateikti, kuriuos galime apibūdinti tik kaip daugiau mygtukas-jauti. Prie daugelio pasirinkimo parinkčių pridėjome panašų šešėlį ir švytėjimą ne tik norėdami suteikti jiems tikrą pojūtį, bet ir patobulinti IA, kad vartotojai geriau suprastų, kas pasirinkta ir kur turėtų būti sutelktas dėmesys.

Kas dar? Na, šiame paveikslėlyje galite pamatyti keletą poveikio pokyčių:

Be mygtuko, atlikome daugiau patobulinimų šiais būdais:

  • Atskiros dėžutės padėti atskirti kiekvieną elementą.
  • Paryškintas tekstas atskiria įvestą informaciją nuo išblukusio tuščio langelio teksto.
  • Piktogramos ir spalvos leisti informaciniams langeliams išsiskirti.

Informacinės architektūros pokyčiai gali būti subtilūs, bet tai buvo mano ketinimas. Nenorėjau, kad mūsų vartotojai persikeltų į naują namą, tiesiog norėjau šiek tiek papuošti namus, kuriuose jie jau yra.

Trang Tran - Dizaineris

Geresnė organizacija, sklandesnė navigacija 📁

Kaip jau minėjome – kokia prasmė gražinti daiktus, jei kartu negerėja ir funkcionalumas?

Štai čia mūsų antrasis didelis pokytis. Nusipirkome daugybę skaitmeninių baldų ir sutvarkėme netvarką.

Pažvelkime į 4 sritis, kuriose padarėme patobulinimų:

Nr. 1 – Mano pristatymų prietaisų skydelis

Gerai, pripažįstame – ne visada buvo lengviausia rasti ir sutvarkyti pristatymus pagal seną prietaisų skydelio dizainą.

Laimei, naujajame prietaisų skydelyje daug ką pakeitėme...

Visiškai nauja „Mano pristatymų“ informacijos suvestinė.
  • Kiekvienas pristatymas turi savo indą.
  • Dabar konteineriuose yra miniatiūrų vaizdai (miniatiūra bus pirmasis jūsų pristatymo vaizdas).
  • Pateikimo parinktys (dublikatas, duomenų ištrynimas, ištrynimas ir kt.) Dabar yra tvarkingame kebabų meniu.
  • Yra daugiau būdų, kaip rūšiuoti ir ieškoti pristatymų.
  • Jūsų „Darbo sritis“ ir „Paskyra“ dabar yra atskirti kairiajame stulpelyje.

Netrukus!⭐ Netolimoje ateityje bus visiškai nauja prietaisų skydelio rodinio parinktis – Tinklelis Rodinys! Šis rodinys leidžia peržiūrėti pristatymus tinkleliu, orientuotu į vaizdą. Bet kada galite pakeisti tinklelio rodinį ir numatytąjį sąrašo rodinį.

2 – redaktoriaus viršutinė juosta

Pertvarkėme keletą dalykų naudodami viršutinę redaktoriaus ekrano juostą...

Viršutinė redaktoriaus juosta.
  • Viršutinės juostos parinkčių skaičius sumažėjo nuo 4 iki 3.
  • Kiekvienos parinkties išskleidžiamieji meniu siūlo geresnę organizaciją.
  • Pakeistas išskleidžiamųjų meniu plotis, siekiant užtikrinti, kad meniu tilptų į dešinįjį stulpelį.

#3 – redaktoriaus kairysis stulpelis

Paprastesnis, gražesnis pristatymo turinio stulpelio dizainas. Tinklelio vaizdas taip pat turi visiškai naują išvaizdą...

Kairysis redaktoriaus stulpelis.
  • Dabar skaidrės parinktys atsisakomos kebabų meniu.
  • Apačioje pridėtas naujas mygtuko „Tinklelio rodinys“ mygtukas.
  • „Grid View“ išdėstymas ir veikimas yra labai patobulintas.

Netrukus! ⭐ Dešinysis stulpelis dar nebaigtas, bet štai ką galite netrukus pamatyti!

#4 – dešinysis redaktoriaus stulpelis

Maži piktogramų pakeitimai, dideli teksto spalvos pakeitimai...

  • Pertvarkytos kiekvieno skaidrės tipo piktogramos.
  • Didžiulė teksto spalvų parinkčių įvairovė.
  • Pertvarkyti elementai skirtuke „Turinys“.

Redaguoti bet kur, bet kuriame įrenginyje 📱

Atsiprašome, kad 28 % mūsų naudotojų, redaguojančių savo pristatymus mobiliuosiuose įrenginiuose, taip ilgai jūsų nepaisėme 😞

Su nauju dizainu norėjome savo mobiliųjų ir planšetinių kompiuterių naudotojams suteikti platformą, kuri yra toks pat jautrus kaip ir darbalaukis. Tai reiškė permąstyti kiekvieną elementą, kad vartotojai galėtų redaguoti kelyje.

Žinoma, viskas prasideda prietaisų skydelis. Čia atlikome keletą pakeitimų...

„Mano pristatymų“ informacijos suvestinė mobiliajame telefone.

Čia rodoma svarbiausia informacija apie jūsų pristatymus ir aplankus. Dešinėje taip pat yra kebabų meniu, kuriame tvarkomi visi pristatymo nustatymai.

On As redaktorius, jus pasveikina dar viena draugiškesnė sąsaja.

Vėlgi, viskas sutalpinta kebabų meniu. Tai išvalo trukdžius ir palieka tiek daug daugiau vietos, kad galėtumėte peržiūrėti bendrą pristatymą.

Ar tampa akivaizdu, kad mėgstame kebabus? Perpildytą viršutinę senovinę juostą pakeitėme, taip, kitu kebabų meniu! Tai leidžia a daug mažiau didžiulės sąsajos ir leidžia sutelkti dėmesį į savo pristatymo kokybę.


Aš labai norėjau pašalinti kai kuriuos apribojimus kurios neleidžia mūsų mobiliųjų įrenginių naudotojams kurti norimų pristatymų. Mes pasirinkome kažką elegantiškesnio ir paprastesnio nei anksčiau, bet vis tiek turime dideli planai forumas AhaSlides' mobiliųjų galimybių ateityje!

Trang Tran - Dizaineris

Alternatyvus tekstas

Pabandei dar?

Norėdami pamatyti, tiesiog spustelėkite mygtuką žemiau
AhaSlides'atnaujintas dizainas!

Pasižiūrėk!