Как сторифреймы помогают проектировать приложения

На раз-два-три

Image for post
Image for post

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

— Что это вообще такое?

Сторифреймы — это диалог между продуктом и пользователем, от онбординга до финального действия (если оно есть).

Выглядят по-разному. Кто-то фиксирует всё на бумаге, кто-то — в майндмэпах или Гугл.Документах.

Image for post
Image for post

— Понятно, это текст. А зачем он нужен?

Сторифреймы экономят время при проектировании приложения.

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

Во-вторых, по ним удобно собирать прототипы. Уже понятно, какие элементы нужны и что с ними делать.

И в-третьих, в сторифреймах можно быстро прописать тон оф войс и термины. (Вот и появилась основа для нормального текста в интерфейсе).

Image for post
Image for post

— Когда пора писать сторифреймы?

После исследований и перед тем, как собирать прототипы.

Сторифреймы займут час-два, а пользы потом — на недели и месяцы работы.

Дизайнер и основатель UX Collective Fabricio Teixeira тоже приступает к сторифреймам до прототипов.

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

— Ну, ок. А кто их пишет: дизайнер, продакт или ещё кто-то?

Зависит от компании. По моему опыту, сторифреймами чаще занимаются дизайнеры и UX-писатели. И лучше, если вместе, а не отдельно. Чтобы не делать одну работу два раза.

Image for post
Image for post

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

Может, вы найдёте свой способ. Если так, поделитесь им в комментариях.

_________________________________________________________________

→ Как и где следить за мной

Редач.Подкаст — первый подкаст для UX-писателей на русском;

Телеграм — о тексте в интерфейсе;

ВКонтакте — советы о работе с текстом и клиентами;

Емейл-рассылка — ну, с этим все ясно.

Нашли опечатку? Отправьте скрин в Телеграм: @redachredach

Written by

UX-writer & Content Strategist, motorina.net

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store