Nowe podejście, nowy układ, nowe AhaSlides!

Ogłoszenia

Lawrence’a Haywooda 10 lutego 2022 7 czytaj min

W AhaSlides naszym celem jest uczynienie prezentacji przyjemniejszymi, bardziej angażującymi i bardziej satysfakcjonującymi dla Ciebie i Twojej publiczności. Dzisiaj robimy ogromny krok w tym kierunku dzięki naszym zupełnie nowy projekt!

Nowy AhaSlides to nowych in so many ways. We’ve made things more organised, more flexible, and more us niż kiedykolwiek wcześniej.

Mózgiem i rękami stojącymi za tym wszystkim był nasz projektant, Trang:


I took the AhaSlides’ accumulated vision and added bits of my own. We’ve ended up with something that’s great for new users, but also a fitting and heartfelt ‘thank you’ to those that have been with us since day one.

Trang Tran – Designer

Let’s take a look at what changes we’ve made and exactly how they can help you make presentations that are smarter and better for your audience.

Masz ochotę to sprawdzić? Go discover what’s new by clicking on the button below:

Co nowego?

  1. Ulepszony wygląd i styl
  2. Lepsza organizacja, płynniejsza nawigacja
  3. Edytuj w dowolnym miejscu, na dowolnym urządzeniu

Ulepszony wygląd i styl 🤩

This time around, we decided to go with something a bit more… us.

Tożsamość marki was a big focus point of the new design. While in the past we may have been a little reserved, we’re now ready to be .

Podejście do naszej nowej tożsamości jest podzielone na 3 części:

#1 – Illustration

When we started in 2019, cute, colourful imagery wasn’t really high up on the ‘to-do list’. We opted for functionality rather than appearance.

Teraz, gdy solidny zespół programistów ciężko pracuje nad tworzeniem i ulepszaniem funkcji, nasz główny projektant Trang może skupić się na udoskonalaniu AhaSlides bardziej atrakcyjny. Stworzenie nowej tożsamości marki wokół ilustracji i animacji było gigantycznym zadaniem, ale zaowocowało to ogromną biblioteką uroczych projektów:

AhaSlides’ new illustration library, used throughout the dashboard and editor.

Zapoznaj się z innymi przykładami nowych ilustracji w witrynie Panel moich prezentacji i strona rejestracji:

Each illustration has its own place and role. We think it’s a warmer welcome to our new and current users, who can see the playful spirit of AhaSlides as soon as they’re logging in.


After talking with Dave [CEO of AhaSlides], we decided that we wanted to make things more vibrant and more playful. As you can see, the imagery now is more rounded, more cute, but we didn’t want to make it too childish. I think what we have now is a dobra równowaga zabawy i funkcjonalności.

Trang Tran – Designer

#2 – Kolor

Żywość really was the keyword with the new design. We wanted something that wasn’t shy of its own vivacity, and something that reflected the joy of creating an exciting presentation to share with a live audience.

That’s why we doubled down on mocne, odważne kolory.

Odchodziliśmy od charakterystycznego niebieskiego i żółtego naszego logo i rozszerzyliśmy paletę kolorów o odcienie czerwieni, pomarańczy, zieleni i fioletu:


Liczyliśmy, że ten kolorowy interfejs zainspiruje naszych użytkowników zacząć coś kolorowy.

Trang Tran – Designer

Wkrótce! ⭐ Of course, we wanted to extend our new focus on colour to our users as well. That’s why presenters will soon have the option of selecting any colour under the sun za ich tekst:

#3 – Information Architecture

Nie trzeba dodawać, że nowy wygląd i styl muszą mieć rozszerzenie funkcjonować.

That’s why we made a big change to the IA (Architektura informacji) of AhaSlides. This basically means that we re-arranged and re-imagined parts of our software to better help users understand what they’re doing.

Here’s one example of what we mean – the old and new present buttons:

Jak cała kolekcja przyciski w nowym projekcie, te powyżej mają to, co możemy opisać tylko jako jeszcze czucie guzika. We’ve added a similar shadow and glow to many selection options not just to give them a real feel, but also to improve the IA, so that users better understand what’s selected and where their focus should be.

Co jeszcze? Na tym obrazku widać kilka zmian w IA:

Aside from the button, we’ve made more improvements in the following ways:

  • Pojedyncze pudełka aby pomóc w segregacji każdego elementu.
  • Pogrubiony tekst odróżnia wprowadzone informacje od wyblakłego tekstu pustego pola.
  • Ikony i kolory sprawić, by pola informacyjne się wyróżniały.

The changes in the information architecture may be subtle, but that was my intention. I didn’t want our users to have to move to a new house, I simply wanted to decorate, in small ways, the home that they’re already in.

Trang Tran – Designer

Lepsza organizacja, płynniejsza nawigacja 📁

Like we said – what’s the point in making things prettier if the functionality doesn’t improve alongside it?

That’s where our second big change comes in. We’ve bought a load of digital furniture and sorted out the clutter.

Let’s take a look at 4 areas where we’ve made improvements:

#1 – My Presentations Dashboard

Okay, we admit it – it wasn’t always the easiest thing to find and arrange your presentations on the dashboard’s old design.

Luckily, we’ve changed things big time on the new dashboard…

Całkowicie nowy pulpit nawigacyjny Moje prezentacje.
  • Każda prezentacja ma swój własny kontener.
  • Kontenery mają teraz obrazy miniatur (miniatura będzie pierwszym obrazem Twojej prezentacji).
  • Opcje prezentacji (duplikowanie, usuwanie danych, usuwanie itp.) Znajdują się teraz w uporządkowanym menu z kebabem.
  • Istnieje więcej sposobów sortowania i wyszukiwania prezentacji.
  • Your ‘Workspace’ and your ‘Account’ are now separated in the left column.

Wkrótce!⭐ There will be a brand new dashboard view option in the near future – grid View! Ten widok umożliwia wyświetlanie prezentacji w siatkowym formacie skoncentrowanym na obrazie. W dowolnym momencie możesz przełączać się między widokiem siatki a domyślnym widokiem listy.

#2 – Editor Top Bar

We’ve reshuffled a few things with the top bar on the editor screen…

Górny pasek w edytorze.
  • Liczba opcji na górnym pasku została zmniejszona z 4 do 3.
  • Menu rozwijane dla każdej opcji zapewniają lepszą organizację.
  • Szerokość list rozwijanych została zmieniona, aby zapewnić dopasowanie menu do prawej kolumny.

#3 – Editor Left Column

Simpler, slicker design in your presentation contents column. Grid view also has a whole new look…

Lewa kolumna w edytorze.
  • Opcje slajdów są teraz uporządkowane w menu kebaba.
  • Na dole dodano nowy przycisk widoku siatki.
  • Układ i działanie widoku siatki zostały znacznie ulepszone.

Wkrótce! ⭐ The right column is not quite finished yet, but here’s what you can expect to see there shortly!

#4 – Editor Right Column

Small changes to icons, big changes to text colour…

  • Przeprojektowane ikony dla każdego typu slajdu.
  • Ogromna różnorodność opcji kolorów tekstu.
  • Re-ordered elements in the ‘Content’ tab.

Edytuj w dowolnym miejscu, na dowolnym urządzeniu 📱

For those 28% of our users editing their presentations on mobile, we’re sorry for neglecting you for so long ????

With the new design, we wanted to provide our mobile and tablet users with a platform that’s tak samo responsywny jak komputer. Oznaczało to przemyślenie każdego elementu, aby upewnić się, że nasi użytkownicy mogą edytować w dowolnym miejscu.

Oczywiście wszystko zaczyna się od deska rozdzielcza. We’ve made a few changes here…

Pulpit nawigacyjny Moje prezentacje na telefonie komórkowym.

The most important information about your presentations and folders are on display here. There’s also the kebab menu on the right that keeps all presentation settings organised.

On dotychczasowy redaktor, you’re greeted with another more friendly interface.

Znowu wszystko jest schowane w menu kebabów. Takie postępowanie usuwa czynniki rozpraszające i pozostawia o wiele więcej miejsca na przeglądanie całej prezentacji.

Is it becoming obvious we love kebabs? We’ve replaced the overcrowded top bar of old with, yep, another kebab menu! It makes for a znacznie mniej przytłaczający interfejs i pozwala skupić się na jakości prezentacji.


Naprawdę chciałem usunąć niektóre ograniczenia that stop our mobile users from creating the presentations they want. We went with something more sleek and simple than before, but we’ve still got wielkie plany for AhaSlides’ mobile capabilities in the future!

Trang Tran – Designer

alternatywny tekst

Próbowałeś już?

Po prostu kliknij przycisk poniżej, aby zobaczyć
AhaSlides’ revamped design!

Sprawdź to!