Новое отношение, новая договоренность, новые горки!

Объявления

Лоуренс Хейвуд • 10 февраля 2022 г. • 7 мин чтения

В AhaSlides наша цель — сделать презентации более интересными, увлекательными и полезными как для вас, так и для вашей аудитории. Сегодня мы делаем огромный шаг в этом направлении благодаря нашему совершенно новому дизайну!

Новая система AhaSlides — это нечто совершенно новое во многих отношениях. Мы сделали её более организованной, гибкой и отражающей наши ценности , чем когда-либо прежде.

За всем этим стоял наш дизайнер Транг :


Я взял накопленное видение AhaSlides и добавил свои собственные. В итоге мы получили что-то, что отлично подходит для новых пользователей, но также является подходящим и сердечным «спасибо» тем, кто был с нами с первого дня.

Транг Тран - дизайнер

Давайте посмотрим, какие изменения мы внесли и как именно они могут помочь вам сделать презентации более умными и удобными для вашей аудитории.

Хотите узнать больше? Перейдите по ссылке ниже, чтобы ознакомиться с новинками:

Что нового?

  1. Улучшенный внешний вид и ощущение
  2. Лучшая организация, более плавная навигация
  3. Редактировать где угодно и на любом устройстве

Улучшенный внешний вид и ощущение 🤩

На этот раз мы решили пойти немного дальше… нас.

В основе нового дизайна лежала определенная идентичность бренда . Если раньше мы были несколько сдержанны, то теперь готовы к смелым решениям.

Подход к нашей новой идентичности разделен на 3 части:

# 1 - Иллюстрация

Когда мы начинали в 2019 году, милые, красочные изображения не особо занимали первое место в списке дел. Мы сделали ставку на функциональность, а не на внешний вид.

Теперь, когда сплоченная команда разработчиков усердно работает над созданием и улучшением функций, наш главный дизайнер Транг смог сосредоточиться на том, чтобы сделать AhaSlides более привлекательным . Создание новой фирменной идентичности на основе иллюстраций и анимации было колоссальной задачей, но в результате получилась великолепная библиотека симпатичных дизайнов:

Новая библиотека иллюстраций AhaSlides, используемая на панели инструментов и в редакторе.

Ознакомьтесь с другими примерами новых иллюстраций на панели управления «Мои презентации» и на странице регистрации :

Каждая иллюстрация имеет свое место и роль. Мы думаем, что это более теплый прием для наших новых и нынешних пользователей, которые могут увидеть игривый дух AhaSlides, как только они войдут в систему.


После разговора с Дэйвом [генеральным директором AhaSlides] мы решили сделать всё более ярким и игривым. Как видите, теперь изображения стали более округлыми, более милыми, но мы не хотели делать их слишком детскими. Думаю, сейчас у нас хороший баланс между весельем и функциональностью.

Транг Тран - дизайнер

# 2 - Цвет

Ключевым словом в новом дизайне была именно живость . Мы хотели создать нечто, что не стеснялось бы собственной жизнерадостности и отражало бы радость от создания захватывающей презентации для живой аудитории.

Именно поэтому мы сделали ставку на яркие, смелые цвета.

Мы отошли от фирменного синего и желтого цветов нашего логотипа и расширили цветовую палитру до оттенков красного, оранжевого, зеленого и фиолетового:


Мы надеялись, что этот красочный интерфейс вдохновит наших пользователей на создание чего-нибудь яркого и необычного.

Транг Тран - дизайнер

⭐ Скоро! ⭐ Конечно, мы хотели распространить наше новое внимание к цвету и на наших пользователей. Поэтому у докладчиков скоро появится возможность выбирать любой цвет для текста :

# 3 - Информационная архитектура

Само собой разумеется, что новый внешний вид и стиль должны иметь свою функцию.

Именно поэтому мы внесли существенные изменения в информационную архитектуру ( ИА ) AhaSlides. По сути, это означает, что мы переработали и переосмыслили некоторые части нашего программного обеспечения, чтобы помочь пользователям лучше понимать, что они делают.

Вот один из примеров того, что мы имеем в виду - старые и новые кнопки «Настоящее»:

Как и все кнопки в новом дизайне, кнопки выше имеют то, что мы можем описать только как более «кнопочное» ощущение . Мы добавили аналогичную тень и свечение ко многим вариантам выделения не только для того, чтобы придать им реалистичность, но и для улучшения информационной архитектуры, чтобы пользователи лучше понимали, что выделено и куда следует направить их внимание.

Что ещё? Ну, на этом изображении вы можете увидеть несколько изменений в ИИ:

Помимо кнопки, мы внесли следующие улучшения:

  • Индивидуальные коробки чтобы помочь отделить каждый элемент.
  • Жирный текст отличает введенную информацию от выцветшего текста пустого поля.
  • Иконки и цвета позволяют выделяться информационным блокам.

Изменения в информационной архитектуре могут быть незначительными, но это было моим намерением. Я не хотел, чтобы нашим пользователям приходилось переезжать в новый дом, я просто хотел немного украсить дом, в котором они уже находятся.

Транг Тран - дизайнер

Лучшая организация, более плавная навигация 📁

Как мы уже сказали - какой смысл делать вещи красивее, если вместе с этим не улучшается и функциональность?

Вот тут-то и приходит наше второе большое изменение. Мы купили много цифровой мебели и разобрались в беспорядке.

Давайте рассмотрим 4 области, в которых мы добились улучшений :

#1 ��� My Presentations Dashboard

Хорошо, мы признаем это - не всегда было легко найти и расположить свои презентации на старом дизайне приборной панели.

К счастью, в новой приборной панели мы сильно изменили ситуацию…

Абсолютно новая панель "Мои презентации".
  • У каждой презентации есть свой контейнер.
  • У контейнеров теперь есть эскизы изображений (эскиз будет первым изображением вашей презентации).
  • Параметры презентации (дублировать, стереть данные, удалить и т. Д.) Теперь в аккуратном меню шашлыка.
  • Есть другие способы сортировки и поиска ваших презентаций.
  • Ваша «Рабочая область» и ваша «Учетная запись» теперь разделены в левом столбце.

⭐ Скоро! ⭐ В ближайшем будущем появится совершенно новый вариант отображения панели инструментов — «Сеточный режим» ! Этот режим позволит вам просматривать презентации в виде сетки с упором на изображения. Вы можете в любое время переключаться между «Сеточным режимом» и стандартным «Списочным режимом».

# 2 - Верхняя панель редактора

Мы изменили несколько вещей с верхней панелью на экране редактора…

Верхняя панель редактора.
  • Количество вариантов на верхней панели уменьшилось с 4 до 3.
  • Выпадающие меню для каждого варианта предлагают лучшую организацию.
  • Ширина раскрывающихся списков изменилась, чтобы меню поместилось в правом столбце.

# 3 - Левый столбец редактора

Более простой и привлекательный дизайн в столбце содержания вашей презентации. Представление сетки также имеет совершенно новый вид ...

Левый столбец в редакторе.
  • В меню шашлыка теперь нет лишних вариантов слайдов.
  • Внизу была добавлена ​​новая кнопка Grid View.
  • Макет и работа Grid View значительно улучшены.

⭐ Скоро! ⭐ Правая колонка ещё не совсем готова, но вот что вы сможете там увидеть в ближайшее время!

# 4 - Правая колонка редактора

Небольшие изменения в значках, большие изменения в цвете текста…

  • Обновлены значки для каждого типа слайдов.
  • Огромное разнообразие вариантов цвета текста.
  • Переупорядочение элементов на вкладке "Содержание".

Редактировать где угодно, на любом устройстве 📱

Тем 28% наших пользователей, которые редактируют свои презентации на мобильных устройствах, приносим свои извинения за то, что так долго вас игнорировали 😞

В новом дизайне мы хотели предоставить пользователям мобильных телефонов и планшетов платформу, которая была бы такой же адаптивной, как и на настольных компьютерах . Это означало переосмысление каждого элемента, чтобы наши пользователи могли редактировать контент на ходу.

Конечно, всё начинается с панели управления . Мы внесли здесь несколько изменений…

Панель управления "Мои презентации" на мобильном устройстве.

Здесь отображается самая важная информация о ваших презентациях и папках. Также справа есть меню кебаба, в котором все настройки презентации организованы.

В редакторе вас встречает другой, более удобный интерфейс.

Опять же, все спрятано в меню кебаба. Это убирает отвлекающие факторы и оставляет вам гораздо больше места для просмотра всей презентации.

Уже очевидно, что мы любим кебабы? Мы заменили перегруженную верхнюю панель меню, да-да, еще одним меню для кебабов! Это значительно упрощает интерфейс и позволяет вам сосредоточиться на качестве подачи блюд.


Мне очень хотелось устранить некоторые ограничения , которые мешают нашим мобильным пользователям создавать желаемые презентации. Мы выбрали более изящный и простой вариант, но у нас по-прежнему большие планы по развитию мобильных возможностей AhaSlides в будущем!

Транг Тран - дизайнер

Альтернативный текст

Пробовали еще?

Просто нажмите кнопку ниже, чтобы увидеть
Обновленный дизайн AhaSlides!

Проверьте это!