проектирование — Антон Григорьев

Функциональная спецификация интерфейса: что это, зачем нужна, как её писать

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

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

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

Надеюсь, это поможет вам в написании спецификаций для своих интерфейсов.

Фак юикс

Конспект одноимённого доклада Ильи Бирмана с Дизайн-просмотра 2020 года в Санкт-Петербурге (видео).

Чем занимаются дизайнеры интерфейсов

Для Epic Skills написал, как объяснить пятилетке, чем занимаются веб-дизайнеры (или дизайнеры интерфейсов)?

Управление поведением пользователей

На конференции «Чипец-3» я рассказал об экспериментах в области поведенческой психологии, которые проводили и упоминали в своих работах Дэн Ариели, Шина Айенгар, нобелевский лауреат Даниэль Канеман и их коллеги.

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

Пара историй про истечение сессии

Заполняем с Викой форму на Госуслугах. Потребовалось фото. Пока его делали, кадрировали, уменьшали вес, прошло несколько дней.

Возвращаемся к форме, загружаем фото. Форма показывает его в своём редакторе, вроде бы всё окей. Нажимаем «Прикрепить» — «Ошибка в процессе обработки фото».

В требованиях указаны форматы JPEG или PNG, а у нас JPG. Пробуем сохранить в PNG. Ошибка.

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

Читать далее Пара историй про истечение сессии

VR для бизнеса

Конспект доклада Александра Брагина из продакшена VR2GO на тему «Виртуальная реальность для бизнеса. Особенности проектирования взаимодействия» с UX-марафона о взаимодействии в будущем.

Нельзя сказать, что сейчас VR — полноценное медиа-пространство. Есть данные о количестве проданных устройств (презентация Unity, 2016 год), но непонятно, сколько из них используется:

Голосовой интерфейс

Конспект доклада Константина Самойлова «Голосовые интерфейсы и проектирование виртуальных ассистентов». Константин был исследователем пользовательского опыта в Google и занимался речевыми интерфейсами (система OK Google и голосовой поиск).

Доклад рассказан на UX-марафоне «Взаимодействие будущего» 6 июля 2017 года, когда голосового помощника «Яндекса» ещё не было.

Adaptive Tables

What to do with tables on adaptive websites? Here are solutions.

Текст в прототипе — 2

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

Егор Камелев даёт проектированию такое определение: «Это процесс визуализации хотелок заказчика с учётом переменных, о которых он узнает лишь во время этого процесса».

Одна из таких переменных — принятый в компании стиль общения, общий подход к тому, как сайт разговаривает с пользователем.

Текст в прототипе

Проектировщик не должен писать?

В докладе на ITGM #10 Ольга Павлова из КБ «Собака Павлова» сказала, что проектировщик не должен писать текст в своих проектах вплоть до микротекста. При этом контент в прототипе должен быть реалистичным — никакой рыбы или lorem ipsum.

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

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

Виды текста

Я выделяю следующие:

Постоянно меняющийся: анонсы и текст новостей, имена сотрудников, UGC (user generated content);
Справочный: о компании, политика конфиденциальности;
Решающий определённые задачи: преимущества компании, порядок работы, способы оплаты и доставки, список наград;
Микротекст: подписи к полям, надписи на кнопках, пункты меню, служебные сообщения.