13 заметок с тегом

дизайн

Ещё одна проверка

Как-то раз я проверял гипотезы на макетах кассы.
Теперь, для тестов и интервью, собрал прототип сервиса оплаты коммунальных услуг. Протестировать разные варианты юзкейсов нужно с минимальной тратой времени на отрисовку, поэтому собирал макеты в стоковом стиле гайда эплов, без дополнительного визуального украшательства и привязки к существующему продукту.

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

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

Стартовый экран выглядит так


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

Альтернативный вид стартового экрана


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

Например, можно так


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

Пошагово

Возможно когда-нибудь потребуется оплатить несколько услуг одной транзакцией. Для этих случаев предусмотрена функция «запросить квитанцию».

Таким образом можно собрать данные из разных организаций, добавить их к оплате и провести единым платежом. В отчете, который дублируется на эл. почту, будет указано отдельными этажами подитог по каждой организации + общая сумма транзакции.
А если совсем не хочется тратить время на эти операции, то можно настроить автоплатеж или воспользоваться этой функцией в истории последних операций.

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

Есть ещё много «узких» мест и сценариев, решение которых нужно показывать на дополнительных картинках.

Но не смотря на это, уже можно запускать тестирование прототипа и собирать комментарии пользователей.

Ещё
Прочитать про концепт кассы для проверки множества разных идей.


Untitled Document

Батл в Контуре

Так было в Контуре, на дизайн апдейте 1.2 (третьем по счету)

Ребята рассказали про то как уже почти 9 лет пилят иконочный шрифт и очень хотят перестать это делать

Все присутствующие узнали кто такой Михаил Череда и какие проекты он дизайнит для Екатеринбурга

Показали Льва Либермана, а Лев показал других ребят, каллиграфов и леттеристов

Ещё, Контуровцы решили разнообразить митапчик, и провели Батл.
Дизайнерам, Максиму (Джетстаил) и Саше (Контур) дали задание — задизайнить этикетку для вина. Раздали библиотеку элементов в Фигме и дали попробовать вино.
Такие этикетки получились в результате

Пока ребята рисовали, все остальные поедали пиццулю

Остальные фото в альбоме Контура

Приходите на следующий дизайн апдейт, предлагайте свои темы и участвуйте в батлах.

Untitled Document

Книга

Сделал книгу проектного бюро «R1»

Задача: разработать книгу и дополнить фирменный стиль.

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

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


Композиция на листе

R1 — архитектурное бюро полного цикла. Специфику проектов можно разделить на несколько общих направлений: бизнес-центры, жилые комплексы, торговые центры, аэропорты, уникальные и объекты медицины. Каждое направление выделено цветом, пиктограммой и иллюстрацией.

Каждый раздел в книге выделяет специальный разворот

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

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

География объектов бюро на стилизованной карте.

Эта стилизация сначала была принята в качестве фирменного паттерна. Было решено использовать его в оформления интерьеров, предметов мебели и на различных носителях фирменного стиля.

Книга получилась хорошей, ребята остались довольны.

Спасибо Валерии Белкиной, Дмитрию Реуту и всем сотрудникам бюро за доверие и оргподдержку.

Untitled Document

Пиктограммы

Почти скоро здесь будет рассказ о том какой набор пиктограмм я сделал для рабочей документации и интерьеров бюро

Статью скоро (или не скоро) напишу.

2018   Бюро   Графический дизайн   дизайн
Untitled Document

Хороший дизайнер не спорит

Одно из отличий хорошего дизайнера — умение обоснованно защищать свою работу. Уметь донести, почему именно этот, один вариант, он показывает вместо нескольких на выбор. Профессионал всегда сумеет аргументированно рассказать почему в дизайне нет случайных вещей. Ещё хороший дизайнер умеет получать критику и стремиться вывести такой разговор в конструктивное русло.

2018   дизайн
Untitled Document

Дизайнеры

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

2016   дизайн
Untitled Document

Два в одном или лайф-правка

«Лайф-правка» — это своего рода девиз комфортного проживания в компактном пространстве.
Ребята из «Treehugger» собрали прототип компакт-квартиры и приклеили к нему дурацкий слоган: «Задизайни свою жизнь и добавь в неё больше денег, здоровья и счастья с меньшим количеством вещей и с большим количеством пространства и энергии».
2012   дизайн   идеи   интерьеры
Untitled Document
2012   дизайн   Память
Untitled Document

Блеск

Дизайнеры из Миланской конторы «en&is» сделали очень хорошие стулья. Идеальное сочетание материалов, натурального дерева и различных видов пластиков высокого качества, придает предметам особый шик и целостность формы.

А ещё они придумали мегафон для айфон или айпод и сделали его своими руками

вот такие они молодцы-умельцы из Италии.
Untitled Document
2012   видео   дизайн   интерьеры
Untitled Document

«Ярмарка дефицита» фестиваль хороших людей

Вот так всё прошло


Фото и видео — HTC Sensation / Cлова и музыка — Chew Lips

«Ярмарка дефицита» фестиваль хороших людей
браслет 2012 года

«Ярмарка дефицита» фестиваль хороших людей
афиша 2012 года

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

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей

«Ярмарка дефицита» фестиваль хороших людей
Untitled Document

Frog + Sharp

Компания Sharp представила новый интерфейс для Android — Feel UX, разработанный дизайн студией Frog, который предустановлен на новой линейке смартфонов «Aquos».

Хорошее начало.
2012   дизайн   интерфейс
Untitled Document
Ранее Ctrl + ↓