At AhaSlides, наша мета — зробити презентації веселішими, привабливішими та кориснішими для вас і вашої аудиторії. Сьогодні ми робимо величезний крок до цього з нашим абсолютно новий дизайн!
Новий AhaSlides is new багатьма способами. Ми зробили речі більш організованими, гнучкішими тощо us ніж коли-небудь раніше.
Мозок і руки за все це був наш дизайнер, Транг:
Я взяв AhaSlides' накопичив бачення та додав шматочки свого. У підсумку ми знайшли щось чудове для нових користувачів, а також щиру подяку тим, хто був з нами з першого дня.
Транг Тран - Дизайнер
Давайте розглянемо, які зміни ми внесли та як саме вони можуть допомогти вам робити презентації, які будуть розумнішими та кращими для вашої аудиторії.
Свербіж це перевірити? Дізнайтесь, що нового, натиснувши кнопку нижче:
Що нового?
- Покращений вигляд та відчуття
- Краща організація, плавніша навігація
- Редагуйте де завгодно, на будь-якому пристрої
Покращений вигляд та відчуття 🤩
Цього разу ми вирішили піти з чимось більшим... нами.
Фірмовий стиль була головною темою нового дизайну. Хоча раніше ми, можливо, були трохи стриманими, тепер ми готові бути такими жирним шрифтом.
Підхід до нашої нової ідентичності розділений на 3 частини:
#1 - Ілюстрація
Коли ми починали роботу в 2019 році, милі, барвисті зображення не займали високого місця в «списку справ». Ми зробили вибір на користь функціональності, а не зовнішнього вигляду.
Тепер, коли потужна команда розробників наполегливо працює над створенням і вдосконаленням функцій, наш головний дизайнер Транг може зосередитися на створенні AhaSlides більш привабливим. Сформувати нову ідентичність бренду навколо ілюстрацій та анімації було мамонтовим завданням, але результатом чого стала велика бібліотека милих дизайнів:
Ознайомтеся з цими іншими прикладами нових ілюстрацій на Інформаційна панель "Мої презентації" і зареєструвати сторінку:
Кожна ілюстрація має своє місце і роль. Ми вважаємо, що це тепліше вітання для наших нових і поточних користувачів, які бачать грайливий дух AhaSlides як тільки вони входять в систему.
Після розмови з Дейвом [генеральним директором компанії AhaSlides], ми вирішили, що хочемо зробити речі більш яскравими та грайливими. Як бачите, образи тепер більш округлі, миліші, але ми не хотіли робити їх надто дитячими. Я думаю, що ми маємо зараз хороший баланс веселощів та функцій.
Транг Тран - Дизайнер
#2 - Колір
Живість дійсно було ключовим словом у новому дизайні. Ми хотіли щось, що не соромилося б власної жвавості, і щось, що відображало б радість від створення захоплюючої презентації, якою можна було б поділитися з живою аудиторією.
Тому ми подвоїли сильні, сміливі кольори.
Ми виділилися з фірмового синього та жовтого нашого логотипу та розширили кольорову палітру до відтінків червоного, оранжевого, зеленого та фіолетового:
Ми сподівалися, що цей барвистий інтерфейс надихне наших користувачів розпочати щось барвистий.
Транг Тран - Дизайнер
⭐ Незабаром! ⭐ Звичайно, ми хотіли поширити нашу нову увагу на колір також і на наших користувачів. Тому скоро ведучі матимуть можливість обирати будь-який колір під сонцем для їх тексту:
#3 - Інформаційна архітектура
Само собою зрозуміло, що новий вигляд і відчуття повинні мати функція.
Ось чому ми внесли великі зміни в IA (Інформаційна архітектура) з AhaSlides. Це в основному означає, що ми переорганізували та переосмислили частини нашого програмного забезпечення, щоб допомогти користувачам краще зрозуміти, що вони роблять.
Ось один із прикладів того, що ми маємо на увазі - старі та нові поточні кнопки:
Люблю всі кнопки в новому дизайні, наведені вище мають те, що ми можемо описати лише як більше відчуття кнопки. Ми додали подібну тінь і світіння до багатьох варіантів вибору не лише для того, щоб дати їм реальне відчуття, але й щоб покращити IA, щоб користувачі краще розуміли, що вибрано та на чому вони повинні зосередитися.
Що ще? Ну, на цьому зображенні ви можете побачити кілька змін ІА:
Крім кнопки, ми внесли додаткові покращення в такі способи:
- Індивідуальні коробки щоб допомогти розділити кожен елемент.
- Жирний текст диференціює введену інформацію від зниклого тексту порожнього поля.
- іконки та кольори дозволяти інформаційним вікнам виділятися.
Зміни в інформаційній архітектурі можуть бути незначними, але це було моїм наміром. Я не хотів, щоб наші користувачі переїжджали в новий будинок, я просто хотів трохи прикрасити дім, у якому вони вже живуть.
Транг Тран - Дизайнер
Краща організація, плавніша навігація 📁
Як ми вже сказали, який сенс робити речі кращими, якщо разом із цим не покращується функціональність?
Ось тут і відбувається наша друга велика зміна. Ми купили купу цифрових меблів і розібралися з безладом.
Давайте розглянемо 4 сфери, де ми внесли покращення:
- Інформаційна панель моїх презентацій
- Верхня панель редактора
- Ліва колонка редактора
- Права колонка редактора (незабаром!)
№1 – Інформаційна панель моїх презентацій
Гаразд, ми визнаємо це - не завжди було найпростіше знайти та організувати свої презентації на старому дизайні панелі керування.
На щастя, ми суттєво змінили нову інформаційну панель...
- Кожна презентація має свій власний контейнер.
- Тепер контейнери мають ескізи (ескіз буде першим зображенням вашої презентації).
- Параметри презентації (дублювати, стирати дані, видаляти тощо) тепер є в охайному меню шашлику.
- Існує більше способів сортування та пошуку презентацій.
- Ваші «Робоча область» і «Обліковий запис» тепер розділені в лівому стовпці.
⭐Незабаром!⭐ Найближчим часом буде нова опція перегляду інформаційної панелі - Grid View! Цей вигляд дозволяє переглядати ваші презентації у форматі сітки, орієнтованої на зображення. Ви можете будь-коли перемикатись між Grid View та типовим списком.
№2 – верхня панель редактора
Ми переставили кілька речей у верхній панелі на екрані редактора...
- Кількість опцій у верхній панелі зменшено з 4 до 3.
- Спадні меню для кожного варіанту пропонують кращу організацію.
- Ширина випадаючих меню змінилася, щоб забезпечити відповідність меню правому стовпцю.
№3 – Ліва колонка редактора
Простіший, витончений дизайн у колонці вмісту вашої презентації. Сітка також має абсолютно новий вигляд...
- Параметри слайдів тепер розширюються в меню шашлику.
- Внизу додана нова кнопка Grid View.
- Компонування та робота Grid View значно покращено.
⭐ Незабаром! ⭐ Права колонка ще не зовсім закінчена, але ось що ви можете очікувати там незабаром!
#4 - Права колонка редактора
Невеликі зміни в значках, великі зміни в кольорі тексту...
- Перероблені значки для кожного типу слайдів.
- Величезна різноманітність варіантів кольорів тексту.
- Змінено порядок елементів на вкладці «Вміст».
Редагувати де завгодно, на будь-якому пристрої 📱
Для тих 28% наших користувачів, які редагують свої презентації на мобільних пристроях, ми вибачте, що так довго нехтували вами 😞
Завдяки новому дизайну ми хотіли надати користувачам мобільних пристроїв і планшетів платформу, яка є настільки ж чуйний, як і настільний. Це означало переосмислення кожного елемента, щоб наші користувачі могли редагувати в дорозі.
Звичайно, все починається з панель приладів. Ми внесли тут кілька змін...
Тут відображається найважливіша інформація про ваші презентації та папки. Праворуч також є меню кебаб, у якому впорядковано всі налаштування презентації.
On редактор, вас вітає ще один більш дружній інтерфейс.
Знову ж таки, все заправлено в меню шашлику. Це очищає відволікаючі фактори та залишає набагато більше місця для перегляду загальної презентації.
Стало очевидно, що ми любимо шашлик? Ми замінили старий переповнений верхній бар на, так, інше меню з кебабами! Це робить для a набагато менше переважного інтерфейсу і дозволяє зосередитись на якості презентації.
Я дуже хотів зняти деякі обмеження які заважають нашим мобільним користувачам створювати презентації, які вони хочуть. Ми вибрали щось більш елегантне та просте, ніж раніше, але все ще маємо великі плани та цінності AhaSlides' мобільні можливості в майбутньому!
Транг Тран - Дизайнер
