Сознательное использование шрифта

Упражнение для команды дизайнеров, которое стоит попробовать - <a href="http://t.me/ilyak_ru" rel="nofollow noreferrer noopener" target="_blank">Больше про дизайн</a> "<a href="https://medium.design/getting-intentional-with-type-b141396628dc" rel="nofollow noreferrer noopener" target="_blank">статья</a>"
Упражнение для команды дизайнеров, которое стоит попробовать - Больше про дизайн "статья"

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

На последнем выездном мероприятии нашей компании мы восхищались исследованием дизайна, когда кто-то спросил: а что, если мы будем использовать только шрифт?

Ооо.

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

Итак, мы восприняли это как нашу первую подсказку:

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

Изображение: коллаж из шрифтов и вдохновляющих ссылок.
Изображение: коллаж из шрифтов и вдохновляющих ссылок.

На упражнение мы выделили 90 минут, сначала работая самостоятельно, а затем приступая к обсуждению. Было интересно посмотреть, куда все это взяли и где мы сошлись.

Вот несколько тем.

Более высокая контрастность на главном экране

Мы играли более крупным шрифтом на нашей первой полосе. Иерархию здесь можно улучшить. Что, если мы поприветствуем читателей большим приветственным посланием?

Изображение: Чистая домашняя страница, приветствующая вас большими буквами.
Изображение: Чистая домашняя страница, приветствующая вас большими буквами.

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

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

Изображение: два макета с большой надписью и большими кавычками.
Изображение: два макета с большой надписью и большими кавычками.

Альтернативное рассмотрение тем

У нас есть бесчисленное множество тем на Medium. Как мы можем сделать их более полезными, яркими и взаимосвязанными?

Недолго думая, мы набросали способы навигации по темам. Возможно, вы могли бы пролистать окно выбора или выбрать из раскрывающегося списка.

Изображение: два способа навигации по темам: средство выбора, которое можно пролистнуть, и раскрывающееся меню с выбранным пунктом «беспилотные автомобили».
Изображение: два способа навигации по темам: средство выбора, которое можно пролистнуть, и раскрывающееся меню с выбранным пунктом «беспилотные автомобили».

Что, если в каждой теме была другая тема? Будет ли это захватывающе или отвлекающе?

Изображение: три мобильных экрана, каждый с разной темой и цветовой схемой: «Беспилотные автомобили» фиолетового цвета, «Инклюзивный дизайн» желтого цвета, «Стрит-арт» синего цвета.
Изображение: три мобильных экрана, каждый с разной темой и цветовой схемой: «Беспилотные автомобили» фиолетового цвета, «Инклюзивный дизайн» желтого цвета, «Стрит-арт» синего цвета.

В этой идее обратите внимание на детали, связанные с показом живой активности по теме ( 1256 прочтений ) и способы категоризации историй ( технические , содержательные , всеобъемлющие , вдохновляющие ).

Более продуманная упаковка нашего ежедневного дайджеста

Daily Digest — это наш ежедневный обзор персональных рекомендаций по историям. Три миллиона читателей открывают это письмо каждый день.

Какими способами мы могли бы внедрить это непосредственно в наш продукт? Сколько историй мы должны представить? Пять? Десять? Один? Как нам их представить и облегчить… переваривание ?

Изображение: прототип Daily Digest, переход от светлого режима к темному.

Некоторые из нас применяли цифры. Нумерация историй облегчает анализ списка, обеспечивая пространственную привязку и ощущение конечности.

Изображение: два макета, в которых к дайджесту применяются номера.
Изображение: два макета, в которых к дайджесту применяются номера.

Что, если «Дайджест» представляет собой обратный отсчет пяти историй?

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

Обучение

Подготовьте контент для такого упражнения.

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

Трудно подойти к созданию собственного продукта с умом новичка.

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

Время команды имеет значение.

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

Начать дискуссию