Показаны сообщения с ярлыком прототип. Показать все сообщения
Показаны сообщения с ярлыком прототип. Показать все сообщения

Подборка онлайн сервисов для UX-тестов и быстрых прототипов

UX Project Checklist
uxchecklist.github.io
Чек-лист для проверки UX-составляющей проекта перед сдачей. 27 пунктов с описанием и ссылкой на подробное объясение.
Они делятся на несколько категорий, каждая задача помечается выполненной. Если авторизоваться в сервисе через аккаунт Google, список синхронизируется между устройствами.
Five Second Test
fivesecondtest.com
Проверьте свой лендинг на вменяемость с помощью других специалистов. Вы создаете тест: загружаете изображение и задает вопрос. Пользователь смотрит пять секунд на картинку и отвечает на вопрос.
Пока вы ждете результатов, помогите другим и сами пройдите тест.
Good UI
goodui.org
Коллекция умных и интересных паттернов и идей для дизайнеров UI и UX. Постоянно пополняется, сейчас содержит 72 пункта.
UX Check
uxcheck.co
Расширение для Google Chrome, чтобы создавать аннотации и рекомендации по UX-дизайну страницы.
Заходите на сайт, активируете UX Check, выбираете элемент и одно из 10 эвристических правил Nielsen, пишете замечание и рекомендацию. Система сохраняет скриншот, который можно отправить создателю сайта или коллеге.
Вы также можете создавать собственные списки эвристических правил.
UX Archive
uxarchive.com
Архив интерфейсов приложений под iOS. С его помощью вы сможете посмотреть, как реализовали ту или иную задачу другие разработчики.
Flinto
flinto.com
Сервис для создания прототипов iOS-приложений. Вы загружаете PNG-файлы с дизайном, связываете между собой, указываете ссылки и действия. Проект сохраняется, вы получаете ссылку на собственное веб-приложение с прототипом. Если его сохранить на домашнем экране iPhone, можно посмотреть, как будет выглядеть программа вживую.

Form


Form — идеальна для создания нативных интерактивных прототипов мобильных приложений, точно имитирующих анимацию и взаимодействие для iOS приложений. Макеты создаются при помощи библиотек компонентов, разбитых по разным категориям, а за обновлениями возможно следить при помощи смартфона. Поддерживается функция drag-and-drop.

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

А/В тесты в Google
обзор инструментов, которые доступны в Google. В основном построены на API Google и Google Analytics
Usabilla
Онлайн UX-тестирование пользователей. Позволяет показывать интерфейсы, выдавать задачи и наблюдать записи того, как пользователь выполняет задания, что при этом говорит.
Инструмент для тестирования архитектуры сайта (навигации и прочее)

Еще полезные страницы:
Источники:
Ярлыки: , , , , ,

Создаем быстрый прототип мобильного приложения: решения, обзор

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

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

Скетчпад (SketchPad, Скетчбук, sketchbook)


это блокнот разлинованый макетами телефонов разных платформ. Имеет точечную сетку на «экране». 
Вы можете распечатать аналог скетчпада самостоятельно по шаблонам: habrahabr.ru/post/152075/



Программные решения для создания быстрых прототипов


Keynotopia
keynotopia.com/
Позволяет быстро создавать макеты с помощью базы шаблонов, добавлять ссылки на кнопки, комментировать и делиться с коллегами для тестирования результатов прототипирования. Приложение платное, стоимость зависит от ваших запросов.

POP
popapp.in
Инструмент для любителей рисовать руками. Рисуете, качаете приложение на iPhone, фоткаете, создаете раскадровку, тестируете и делитесь с коллегами. Все очень просто.

RATCHET
maker.github.io/ratchet/
habrahabr.ru/post/157819/
Создается прототип, максимально приближенный к реальному приложению. Может загружаться на компьютер или телефон, но без навыков HTML, CSS и JS не обойтись. 

Proto.io
proto.io/
SaaS решение для прототипирования. Сервис нам очень понравился, но в бесплатный пакет входит очень скудный набор функций, поэтому он фактически бесполезен. За действительно рабочий инструмент придется заплатить не менее 24$.

Codiqa
codiqa.com
Еще одно облачное решение. Та же модель монетизации, как и в proto.io. Кому-то этот сервис может показаться удобнее. 

Mockingbird
gomockingbird.com/
Ситуация противоположна Invision: имеется конструктор, но демонстрировать не очень удобно. Да и под мобильную разработку подходит плохо.

Lumzy
www.lumzy.com/
Прошлый век. Под смартфоны тоже не удастся ничего создать. 

iPhone Mockup Web App
iphonemockup.lkmc.ch/
Отличительной особенностью является имитация рисунка приложения и самого телефона от руки, но это не оправдывает отсутствия возможности создавать связи между макетами.

Axure RP
www.axure.com/
habrahabr.ru/post/101938/ 
Программа достаточно функциональная, считается одним из лидеров на рынке. Подходит для прототипирования сайтов и приложений под iPhone и iPad. 
Бесплатные библиотеки виджетов и шаблонов можно посмотреть здесь http://axureland.com/

AppGyver
www.appgyver.com/
На выбор даются шаблоны Android, iPhone и iPad. Протестировать здесь вы сможете только логику приложения без дизайна, поскольку работа ведется с уже готовыми набросками приложений. В бесплатном статусе вы сможете протестировать сервис с 3 скриншотами. На мобильное устройство можно будет установить приложение, с помощью которого возможно оценить результат работы.

Fluid Ui
www.fluidui.com
Удивительно, но этот сервис обладает всеми необходимыми функциями. Может быть, он не так изящен, как другие, зато позволяет и самостоятельно собрать прототип в конструкторе, и залить уже готовые макеты, проставить связи между страницами приложения, отправить получившийся макет для просмотра друзьям и коллегам и протестировать его на телефоне. Сервис также поддерживает Windows Phone!

MockFlow
www.mockflow.com
Имеет десктопное приложение и онлайн сервис, что, несомненно, является преимуществом, но простой настолько, что даже скучно. 

Mockingbot
www.mockingbot.com
Еще один очень неплохой инструмент, содержащий все необходимые функции, но, к сожалению, поддерживает только iPhone.

Prototypr
prototypr.com/
Софт исключительно для владельцев яблочных девайсов. Пользоваться очень легко — просто перетаскиваем нужные элементы на макет и одним нажатием клавиши смотрим результат на телефоне.

Balsamiq Mockups for Desktop
www.balsamiq.com
Можно создать как простой схематичный прототип, так и очень детальный с точностью до пикселя. Рисованая стилистика делает серьезный инструмент веселой игрушкой.

iMockups for iPad
www.endloop.ca/imockups/
Рисовать прототипы прямо на iPad? Легко! Для него самого и iPhone, конечно. Качаем приложение и получаем удовольствие от простоты и неплохого результата.

Interface 2
interface2.lesscode.co.nz/
Создание динамических прототипов для iPhone и iPad непосредственно на самих устройствах всего за 10 долларов каждое.
Демонстрация дизайна на устройстве без программирования

Justinmind Prototyper
www.justinmind.com/
Инструмент, позволяющий создавать интерактивные прототипы сайтов и приложений для iPhone, Android и iPad. Поддерживает множество возможностей, включая работу с жестами ( в прототипах можно реализовать Drag&Drop и т.д.). К сожалению, бесплатная версия ограничена только перелинковкой между шаблонами и 10 МБ места в облаке. Но есть триал на 30 дней

Mockko
www.mockko.com/
Бесплатный on-line инструмент для создания прототипов. Поддерживается перелинковка между экранами, просмотр прототипов на iPhone. Собственно, создавать прототипы можно только для iPhone, сайт работает только в Chrome или Safari. Обещают в будущем поддержку также iPad.

Microsoft Expression Blend
msdn.microsoft.com/ru-ru/library/windows/apps/jj129478.aspx
Используя Blend + SketchFlow, вы можете создавать интерактивные прототипы приложений под любые платформы.
Подробнее:
Прототипирование в Expression Blend + SketchFlow. Часть 1. Немного истории
Прототипирование в Expression Blend + SketchFlow. Часть 2. Основы

App Cooker
www.appcooker.com/
Предлагает создать иконку, простенький прототип приложения и, как киллер-фича, предлагается встроенный инструментпомощи при ценообразовании. 
Отдельного небольшого обзора заслуживают инструменты, которые вообще не позволяют сделать прототип, зато дают возможность продемонстрировать нарисованный дизайн на реальном устройстве.

Mockabilly 
www.mockabilly.com/
Уже готовые макеты заливаете на iPhone (поддерживается только эта платформа) и тестируете непосредственно на самом устройстве.

Invision
www.invisionapp.com/
Бесплатно доступен только один проект, но если нет необходимости одновременно демонстрировать более одного проекта, то он должен вам понравится, поскольку никаких других ограничений нет. Плата взимается только за увеличение количества проектов. 

LiveView
zambetti.com/projects/liveview/
Приложение для удаленного просмотра на экране iPhone и iPad прототипа, разработанного и запущенного на Mac. 

Вывод


Инструментов для создания прототипирования огромное количество, здесь описаны лишь некоторые из них. Для себя мы остановились на следующем наборе: скетчпад для первоначального прототипирования, и Proto.IO/Fluid UI для создания интерактивных прототипов.

Взято с Хабры: http://habrahabr.ru/post/189524/

Комментариев нет:
Ярлыки: , ,
Подписаться на: Сообщения (Atom)