Почему Важно Делать Эскизы Перед Прототипированием

Все начинается с идеи, но эту идею еще нужно воплотить в пользовательский интерфейс.

Недостаточно просто сказать: «Мне нужно приложение, которое выполняет X, Y и Z».

Вам нужно знать, что пользователь увидит на каждом экране приложения, чтобы сделать X, Y и Z. Создание эскиза спустит вас с земли и позволит наконец задуматься о пресловутом пользовательском опыте.

Вы уже знаете, ЧТО вы хотите от своего приложения, но создание эскиза поможет вам понять, КАК приложение приведет пользователей к желаемому результату.

Скимминг позволит визуализировать поведение пользователей.

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

Хотя в чем-то они действительно похожи, по большому счету это «три большие разницы».

Все они преследуют одну цель — проиллюстрировать концепцию интерфейса и его поведение.

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

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

Существует множество вариантов интерфейса для реализации идеи.

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

Детали и особенности пользовательского интерфейса здесь не столь важны.

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

Проектирование схема интерфейса (каркасная) , необходимо «вылизать» концепцию приложения.

Обычно для этого используется специальное программное обеспечение.

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

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

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

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

Ключевой особенностью прототипа является его интерактивность.

Те.

оно полностью повторяет поведение будущего приложения.

Отличие от финальной версии — упрощение графики и контента и, конечно же, полное отсутствие бэкенда.

Не все команды используют этот этап.

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

Другие могут пропустить эскиз и сразу перейти к созданию диаграммы интерфейса.

Другие могут пропустить схему и сразу перейти к прототипированию.

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

Проект страдает, потому что преждевременно переходит на новую стадию и из-за этого теряет некоторые ключевые элементы или продуманную логику.

Что произойдет, если заложить основу проекта на этапе эскизного проектирования или проработать детали на этапе макетирования? Это контрпродуктивно , так как эскиз является основой всего проекта.

Схема интерфейса представляет собой законченную концепцию.

Макет — это готовый визуальный дизайн и контент. Если вы пропустите этап создания эскизов и/или схематического проектирования, у вас в голове будет слишком много вещей одновременно, и вам будет сложно сосредоточиться на том, что важно.

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

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

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

Для этого вы можете даже попросить клиента или всю команду нарисовать эскизы.

Помимо очевидных преимуществ, это укрепит командный дух и улучшит взаимопонимание.

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

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

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

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

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

Всегда есть несколько способов реализовать это.

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

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

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

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

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

Эскизы позволяют показать другим свою точку зрения.

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

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

Это означает, что вам не нужно иметь никаких навыков для рисования.

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

Вы можете подумать, что эскиз вам не нужен, потому что.

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

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

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

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

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

Обновлять: По просьбе знающих людей подправил терминологию в соответствии с нашей общепринятой нормой.

Например, вот хорошая статья , который раскладывает все термины по полочкам.