Лого vc.ru

Диаграмма связей, бумажный макет и еще 4 способа проектирования пользовательских интерфейсов

Диаграмма связей, бумажный макет и еще 4 способа проектирования пользовательских интерфейсов

Дизайнер Джонсон Лу в своем блоге рассказал о способах проектирования интерфейсов — от описания проекта на бумаге до создания работающего прототипа.

В рубрике «Интерфейсы» — перевод заметки. 

Поделиться

Сервисы прототипирования

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

Примеры приложений для протипирования: Invision App, Blueprint, Marvel App и Balsamiq Mockups.

Прототипирование на бумаге

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

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

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

Диаграмма связей

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

Метод применяется для определения целей создания интерфейса — таким образом дизайнер может сразу расставить правильные приоритеты.

Стенография переходов

Метод заключается в построении карты переходов, которая поможет дизайнерам наиболее точно определять поведение пользователя на странице. Впервые такой прием описал Раян Сингер в блоге Signal v. Noise.

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

Словесное описание проекта

Идея методики заключается в конспектировании всех мыслей касательно будущего проекта на бумаге. Джонсон Лу считает, что это необходимо делать всегда — еще до начала прототипирования.

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

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

Черновой макет

Один из первых прототипов Wii U Miiverse

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

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


Присылайте свои интерфейсные кейсы на interface@siliconrus.com
Статьи по теме
10 полезных ресурсов для разработчиков интерфейсов11 марта 2015, 17:31
Популярные статьи
Показать еще
Комментарии отсортированы
как обычно по времени по популярности

Про словесное описание говорят везде. Даже Стефан Спенсер, весьма уважаемая личность в мире SEO, говорит, что любую хорошую или плохую идею нужно записывать. Потом идеи сортируются и из вечного хлама Дарвинским путем извлекается самое нужное

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

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

Находил в интернете блокноты с сетками, но жаба задушила покупать и решил сделать себе библиотечку с сетками и печатать их на обычном принтере по мере необходимости. Вот версия на данный момент: gridprint.in

Сайт без коммерческой выгоды, так что не сочтите за рекламу ;)

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

А это уже кому как легче. Все зависит от привычек.

0

В Axure велик соблазн заморочиться на пиксели — все эти отступы, размеры и т.д., когда это совсем не нужно.

А нужно быстро посмотреть и проверить идеи, для чего достаточно максимально общего подхода.

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

0

Ни слова про верстку, маки, скетчи и шрифты? автор лох и не шарит.

0

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

Сейчас обсуждают
Iziah Moscow

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

Неизвестные загрузили в App Store приложения-клоны Gett, Uber и других такси-сервисов
0
Олег Дергилёв

Не ну конечно, для данного продукта эффективен контент-маркетинг. Есть ЦП с большой аудиторией и она во многом ЦА, есть есть спарки,роему,секретыфирмы и прочие косса.ру куда можно писать полезные статьи и они попадут в длительное юзанье потенциальной ЦА.
А вот например взять строительную компанию в провинции,работающую только в своем регионе. Блогеров там нет, ну не считая девочек с шелаком в инстаграме и ВК, контентных порталов тоже там нет.
Писать в тот же ЦП - бессмыслено, его в регионе читают 3,5 айтишника и 2 сектанта из БМ, покупатели даже не узнают.
Ну есть там городской новостной портал, форумок местный, но там и так баннеры висят и журналисты пишут про каждую пролетевшую мимо птицу, включая про стройку-новостей же крайне мало.
И в таких условиях эффективность контент-маркетинга сложно оценить,так как пристроить его некуда:)

Кейс из России: Как увеличить оборот B2B-сервиса с нуля до 14 млн рублей в год с помощью контент-маркетинга
0
ObliQ Brutale

А ведь могли обойтись просто теннисным мячиком ?

: )))))))

Олег Тиньков потребовал от сотрудников есть один раз за рабочий день и «не красть время» акционеров перерывами на кофе
0
Павел Леонидович

Не пытайтесь использовать программы для развития предпринимательства с целью трудовой эмиграции или просто для получения свободы перемещения по шенгенской зоне. Это легко вычисляется и неприятно заканчивается.
Резиденты РФ, начиная трудовую или предпринимательскую деятельность в ЕС, не игнорируйте требования Постановления Правительства РФ от 12.12.2015 N 1365 (не забывайте, в РФ крепостное право ещё не отменили).
Простая, пошаговая инструкция – как начать предпринимательскую деятельность в ЕС через Эстонию, здесь: www.plm.pw/2016/10/E-Estonia.html

Эстония запустила стартап-визы для иностранных предпринимателей и специалистов
0
Дмитрий Трипалюк
hyper weapon

Был когда-то такой ресурс о рекламе - Adme.ru, где публиковались лучшие мировые рекламные кейсы. Теперь это ресурс про котиков и няшечек. Сражение за качество рекламной продукции в России окончательно проиграно, но почему? Сложный вопрос. Коротко - заказчики не любят креативную рекламу, а рекламщики не хотят терять заказчиков. Молодые таланты если и появляются, то им быстро указывают на место. Общая энтропия в России стремительно растет, и как это остановить - пока непонятно.

«Конечно, Нектаринчик»: бренд соков «Любимый» решил привлечь зрелую аудиторию при помощи мини-ситкома
0
Показать еще