More Related Content
Viewers also liked
Viewers also liked (12)
More from sshpack
Recently uploaded
Recently uploaded (20)
Mobile applications prototypes visualization
- 2. Проблемы
Editor's Notes
- Привет, мне хотелось бы сегодня рассказать о прототипировании для мобильных проектов. Что это дает, зачем это нужно и какие инструменты можно использовать.
- Давайте кототко поговорим о тех проблемах, которые могут возникнуть, если вы не хотите прототипировать. Если у вас некому это делать и вы не хотите инвестировать в это время и средства. По крайней мере вы будете знать, чего опасаться.
- Первая проблема с которой вы столкнетесь - качество интерфейсов. Чем больше усилий будет инвестировано в разработку и дизайн, тем труднее вам будет что-то менять с течением проекта. Поэтому не удивительно, что в итоге может получится продукт, вроде бы “понятный”, который как-то “работает”.
- Например, такой.
- Или такой.
- Это те люди благодаря которым мы получаем деньги. Да, иногда нам хочется их убить или хотя бы немножко покалечить, но постоянно сообщать на что сейчас тратятся их деньги - мы обязаны. Если ваши клиенты видят результат только в середине проекта или в конце - для вас это все равно что искать клад на краю пропасти. Вот так, приблизительно.
- Даже если вы работаете только над продуктами, которые вы потом продаете - обратная связь от человека, который будет принимать финальное решение или пользоваться программой критически важна.
- Несколько слов о проблемах внутреннего характера. Даже если в вашей компании есть четко устоявшаяся культура написания функциональных спецификаций иногда под влиянием внешних факторов вам придется выйти за эту “зону комфорта”.
- К сожалению, люди не умеют создавать ментальное поле и передавать идеи напрямую. Поэтому то, что подразумевал тот, кто писал техническое задание - может человеку, который его читает оказаться совсем не очевидно. Да, есть техники, но от ошибок не застрахован никто.
- Человеческий мозг всегда упрощает, искажает и обощает информацию. Иначе мы бы утонули в хаосе. Поэтому всегда учитывайте то, что спецификацию могут плохо написать, сделать логические и технические ошибки или вообще оставить без внимания. Именно поэтому прототипирование и проектирование интерфейсов так важны.
- Чтобы понять, что оно дает нужно уточнить что же это такое. Итак, прототипирование — это быстрая «черновая» реализация базовой функциональности для анализа работы системы в целом. Это канал коммуникации по которому передаются идеи и отзывы, что позволяет вносить изменения в проект еще на раннем этапе разработки.
- Начать. Команда видит интерфейс приложения и если он лаконичен и эффективен, то это помогает каждому. Менеджеру легче планировать, дизайнеру создавать, программисту кодить, а клиенту представить что же это будет на самом деле. Уже на этом этапе в проект вносятся серьезные правки, затребуются многие фичи и происходят те процессы, которые обычно на более поздних стадиях превращаются в мучительную головную боль.
- Помогают проверить ничего ли не забылось, весь ли функционал покрыт и нужно ли что-то еще добавить. Своей наглядностью они обеспечивают скорость, ведь когда человек сидит и визуализирует себе что-то, а потом пытается это описать, то времени у него тратится значительно больше, чем если бы он уже видел перед собой реальный интерфейс.
- Чем быстрее выйдет первый релиз, тем больше шансов получить ценную ифнормацию о реальном положении дел. Даже используя прототипы в приложениях иногда возникают ошибки, которые были не очевидны. Мелкие недочеты юзабилити, осознание необходимости до-включить какую-то фичу.
- Быстрые релизы и короткие итерации благоприятно влияют с психологической точки зрения как на клиентов так и на разработчиков. Как говорит Питер Друкер то, что поддается измерению - поддается управлению. Измерение прогресса равно мотивации. Клиент мотивирован платить, а команда - работать.
- Что же нужно помнить и знать, чтобы создавать эффективные прототипы.
- Для создания четкой структуры приложения очень удобно пользоватся mind-maps и другие схематические виды записи. ММ - инструмент использующий принцип «радиантного мышления», позволяютщим ассоциативно развивать связи отправной точкой которых является центральный объект. Такой записи позволяет диаграмме связей неограниченно расти и дополняться.
- В любой момент времени человек может сосредоточить свое внимание только на одном предмете. При периодическом переключении внимания, например, с рабочей области на уведомления или рекламу, эффективность работы снижается. Поэтому важно не начинать делать дизайн не продумав максимально лаконичную структуру интерфейса.
- Вот например, Xmind, кросс-платформенный редактор майнд мапов.
- 20 % усилий дают 80 % результата, а остальные 80 % усилий — лишь 20 % результата. Правильно выбрав минимум самых важных действий, можно быстро получить значительную часть от планируемого полного результата. Очень часто этого бывает достаточно.
- Обычно пользователи привязываются к первому, изученному ими дизайну, и судят остальные по тому, насколько они на него похожи. Поэтому, если вы сделаете первый прототип слишком детальным и не удачно выберете концепцию реализации, то клиенты, могут привыкнуть к ней и отвергнуть более технически чистые и продуманные версии. *История комбанка.
- Самый простой способ сделать скетч интерфейса это взять лист бумаги, карандаш и нарисовать все не придавая особого внимания мелким деталям.
- Вот так это обычно выглядит.
- Это очень удобно тем, что это можно делать где угодно. Такие наброски лучше всего использовать только для личных целей и потом превращать их в о что-то более масштабируемое. Мое личное мнение, что деальные рисованные прототипы - сложно воспринимать и использовать.
- Предлагаю двигаться от простого к сложному, следующий интсрумент о котором я хочу вам расказать называется Mockingbird. Для чего он удобен. Например, для того, чтобы в режиме реального времени набросать скетч приложения которое вы обсуждаете. Еще можно попросить клиента визуализировать какие-то свои идеи.
- Для других целей его использовать нецелесообразно по нескольким очевидным причинам
- Он имеет очень ограниченный выбор графических элементов и не предполагает хоть сколько-нибудь заметный уровень детализации.
- В целом это простое и доступное решение для обсуждений, быстрой фиксации идей и для того, чтобы клиент мог что-то нарисовать для вас.
- В iPlotz пространства для реалзиации ваших идей уже гораздо больше. Тут и множество продуманных элементов прототипирования и специальные библиотеки для мобильных девайсов и возможность сохранить прототип в сети с последующей возможностью редактирования.
- Этот инструмент также доступен через веб, однако есть опция скачивания устанавливаемой версии. Честно говоря, я ее не скачивал, но думаю, что скорее всего она реализована на Adobe Air.
- В целом, очень приятная замена другим десктопным програмам выигрывающая за счет кросс-платформенности, скорости доступа к информации и достаточно широких возможностей.
- Проблема в том, что этот сервис достаточно медленно работает и не позволяет использовать все графические элементы iPhone или того же Android, однако как замена догоростоящим профессиональным пакетам - вполне достойное решение. Опять же очень удобно дать попользоваться клиентам, учитывая то, что есть бесплатный план использования.
- Всем известные монстры от компании Adobe.
- Выглядит это приблизительно так. Если вы никогда не пользовались этими программами то у вас уйдет минимум 1-2 недели чтобы иметь возможность хоть что-то сделать в плане интерфейсов. Хотя с другой стороны при высоком уровне владения можно сделать практически все что угодно.
- Так, к примеру, может выглядеть вариант прототипа реализованный в фотошопе.
- Или так, вот как раз прототип того самого приложения к которому клиент потом привязался и не хотел ничего менять.
- В целом эти инструменты хороши тем, что потом позволяют использовать структуру групп и слоев для реального дизайна, а также тем что фокусируясь на главном в виду скорости реализации опытные специалисты могут сделать почти все. Из минусов скорость внесения изменений, высокий порог входа и отсутствие интерактивности
- Один из наиболее мощных кросс-платформенных проектов специализирующихся именно на прототипировании интерфейсов.
- Выглядит приблизительно так и несмотря на неказистый внешний вид обладает рядом неоспоримых преимуществ. Сайтмап, виждеты, мастеры, ивеэнты, динамик панели и имадж мап регионы.
- Вот так выглядит библиотека для айфона. Согласен, не идеальная графика и не для всех мобильных устройств такие библиотеки можно найти, однако все равно преимущества данного пакета (например, в комбинации с другим графическим редактором) - огромны.
- Итак, в сухом остатке, отличный функционал. События, библиотеки, интерактивные прототипы. Из минусов необходимость работать “вторым номером” и скорость работы под Мак. К сожалению, работает под маком эта программа далеко не идеально.
- Мой фаворит, которым я пользуюсь в ежедневной работе. В многом благодаря тому, что программа легкая, очень функциональная и написана специально под мак.
- Обладает простым понятным интерфейсом, который при желании можно знать вообще по минимуму. Слева иерархия экранов. У каждого экрана может быть дополнительное кол-во слоев как в фотошопе. В середине рабочее поле, которое позволяет делать все что нужно для удобного прототипирования: группировка, выравнивания, порядок объектов итп.
- Основная фишка этого приложения это возможность подключать внешние модули и скачивать их напрямую с сайта http://graffletopia.com / Именно это делает эту программу самой удобной из всех перечисленных. Вы сможете найти библиотеки или “stencils” почти для любой мобильной платформы, а при желании создать собственную что делается очень легко.
- Если особо не подключать голову, то чисто технически такое в Omnigraffle можно сделать за 10 минут. И это правильно ведь основное время в проектировании должно уходить на мыслительный процесс и удовлетворение потребностей целевой аудитории, а не на попытки укротить сложные и загадочные инструменты.
- Шаблоны, библиотеки, удобство использования, базовые элементы рисования, легкость применения стилей. Едиственный минус это не вполне реализованная интерактивность, которую я легко решаю связкой с Axure. Я пытался использовать встроенные возможности, но их реалзиация пока не идеальна, однако этот маленький минус не помешает вам получить огромное удовольствие от работы с этой программой.
- Всем спасибо за внимание, если есть вопросы - задавайте.