Инструменты | Usability.by

Категория ‘Инструменты’

Balsamic Mockups

Balsamic Mockups

Влад Головач в блоге компании Usethics опубликовал рецензию на Balsamic Mockups:
“В комментариях к моим стенаниям про средства прототипирования один из читателей признался, что пользуется Balsamic Mockups. Примерно год назад я рассматривал этот вариант и он мне не показался; но время идет, так что дай, думаю, попробую снова, более внимательно. Специально для таких случаев Balsamiq раздает бесплатную лицензию в обмен на публичную рецензию, так что вот, пишу.

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

Прочитать всю рецензию

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Создание прототипа в Serena Prototype Composer

Создание прототипа в Serena Prototype Composer

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

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

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

Возможна более сложная динамика по сравнению с Axure Pro, но в ней соответственно сложнее разобраться.

До 2008 года продукт был платным, в 2008 году компания Serena сделала подарок разработчикам.

Читайте описание работы в Serena Prototype Composer в блоге mobilelive.

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Ещё один UI Design Wireframe Kit для Photoshop

Ещё один UI Design Wireframe Kit

Когда перед вами не стоит задача создать интерактивный прототип, то вы можете открыть Photoshop, которому на днях исполнилось 20 лет и нарисовать wireframe там. Именно для этого создан UI Design Wireframe Kit, все объекты которого полностью масштабируемые, а некоторые выполнены как SmartObjects.

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Шаблоны для рисования прототипов

Шаблоны для рисования прототипов
Прежде чем создавать прототип, используя один из инструментов для прототипирования, удобно продумать и набросать его от руки на бумаге. Приступать к рисованию с чистого листа психологически труднее. Рисовать на специальном шаблоне гораздо продуктивнее, чем на обычном листе бумаги. В подборке “A Collection of Printable Sketch Templates and Sketch Books for Wireframing” Ивана Юрчич, автор подборки I ♥ wireframes, собрала около 20 шаблонов для рисования прототипов на бумаге.

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

21 инструмент для создания прототипов и wireframes для iPhone

21 инструмент для создания прототипов и wireframes для iPhone

Мы уже не раз писали об инструментах и способах прототипирования для iPhone. Даже сделали собственную подборку стенсилов для для Axure RP, Fireworks, Illustrator, OmniGraffle, Powerpoint и Keynote.

Сегодня мы публикуем ссылку на статью “21 Prototyping, Mockup, and Wireframing Tools for iPhone App Development” на случай, если какой-то инструмент мы всё же упустили.

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Cтенсилы для проектирования UI под iPhone от сообщества Usability.by

Стенсилы интерфейсных элементов под iPhone для многих инструментов проектирования

Мы уже много раз писали о различных инструментах проектирования и о проектировании для iPhone. По случаю проведения в Минске открытой конференции WUD (Всемирного дня юзабилити) участники сообщества Usability.by собрали для вас в одном наборе стенсилы для проектирования интерфейсов под iPhone для Axure RP, Fireworks, Illustrator, OmniGraffle, Powerpoint, Keynote, шаблоны для бумажного прототипирования и html/css+jquery для динамических прототипов. Скачать стенсилы можно на сайте конференции

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Рисуем User Experience

Рисуем User Experience

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

В статье “Tools for Sketching User Experiences” Джейсон Робб делится своим богатым опытом работы с бумагой и маркерами, которые он использует каждый день при разработке интерфейсов. Кстати автором упомянутой в статье книги является Билл Бакстон, о котором мы уже писали сегодня и который выступит с докладом на конференции User Experience 2009 в Москве.

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Сервис для демонстрации результатов A/B тестирования

Сервис для A/B тестирования

Не так давно появился отличный инструмент для A/B тестирования — Google Web Optimizer. Чтобы наилучшим образом представить результаты такого тестирования был создан сервис Abtests.com. Он позволяет представить результаты в виде кейса, где описано чем отличались варианты дизайна, каких показателей удалось достигнуть и какие инструменты были использованы.

По ощущениям Abtests.com пока находиться в стадии бета-версии, но посмотреть примеры результатов можно уже сейчас.

via 90 Percent of Everything

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Проектирование по дешевке

Проектирование по дешевке

Способы организовать юзабилити-деятельность по дешёвке интересует не только отечественных специалистов. “Мы не будем проводить юзабилити-тестирование для этого проекта. У нас просто нет на это бюджета и времени”. Часто приходиться слышать такое? Нам особенно, ведь мы работаем в Ирландии - небольшой стране с такими же небольшими компаниями и бюджетами. Однако мы считаем анализ и исследования слишком важными, чтобы быстро сдаться. Часто мы вынуждены проводить тесты для наших клиентов быстро и недорого. Чтобы заинтересовать клиента нам необходимо четко показать, как тестирование помогает повысить прибыльность его бизнеса. Вот почему мы разработали методику и подобрали набор инструментов для быстрого и дешевого исследования UX.

Vodafone Ирландия

В статье “Low-budget Prototyping Techniques” рассказывается о технологии, известной как быстрое прототипирование, и каким образом авторы смогли эффективно использовать его в проекте Vodafone Ireland.

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Дызайн пад iPhone: Падсумоўка прыладаў

Дызайн пад iPhone: Падсумоўка прыладаў

Існуюць розныя школы па дызайну дастасаванняў пад iPhone. Хтосці аддае перавагу дызайну на паперы (я аддаю), хтосці будзе паслугавацца кампутарам, каб стварыць свой чарговы GUI, ад каторага будзе займаць дух.

Вось спіс некаторых прыладаў і шаблонаў для дызайну вашага наступнага аппліку.

Шаблоны:

Адмысловыя прылады:

Для заўзятараў асадкі і паперы:

У кніжцы Pragmatic Thinking and Learning: Refactor Your Wetware аўтар Andy Hunt раіць ужываць асадку і паперу, каб выкарыстоўваць правае паўшар\’е галаўнога мозгу і вызваліць свой творчы патэнцыял. Тым часам пры ўжыванні кампутару, вы будзеце сканцэнтраваныя на дэталях, а не на дасканалым user experience.

Яшчэ адна хіба пры ужыванні кампутару - гэта калі вы пакажаце свой дызайн кліенту, ён таксама сканцэнтруецца на дэталях:

- Калі ласка, ці можна змяніць цень гэтае чырвонае кнопкі, ён надта чырвоны?

Паказваючы дызайн намаляваны ўручную, вы дазволіце кліенту толькі ўявіць, як фінальны продукт можа выглядаць. Так што такая тут справа, што ўлева, што ўправа: вам лепей напэўна ведаць, на што чакае кліент, і ужываць адпаведную тэхніку.

via dev.by (Орыгінал)

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Проектируем интерфейсы для iPhone в PowerPoint и Keynote

Проектируем интерфейс для iPhone в PowerPoint и Keynote

Мы неоднократно писали о различных инструментах проектирования под iPhone. Сегодня мы представляем разработку Mockapp.com, которая доступна для скачивания и позволяет проектировать интерфейсы iPhone в PowerPoint (для Windows) и Keynote (для Mac).

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Интервью с генеральным директором Balsamiq Mockups Джакомо “Пелди” Гуилиццони

Интервью с генеральным директором Balsamiq Mockups Джакомо 'Пелди' Гуилиццони

Основатель и генеральный директор Balsamiq Mockups Джакомо “Пелди” Гуилиццони открывает обзор решений для прототипирования. Пелди, проницательный предприниматель с уникальным бизнес-видением, рассказывает о том, что стоит за успехом Balsamiq: команда всего из 3 человек, антикварный кассовый автомат и уникальный маркетинговый подход.

Прочитать интервью на сайте CIO Happy Hour

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Coutline — система проектирования веб-интерфейсов онлайн

В разделе “Инструменты” на Usability.by постоянно публикуются заметки об инструментах прототипирования. Сегодня мы представляем Вам Coutline — систему проектирования веб-интерфейсов онлайн. Мы решили, что никто не сможет представить инструмент лучше, чем его разработчики и поэтому публикуем описание Михаила Босина, который занимается интерфейсами и логистикой этого приложения.
Читать полностью »

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Обзор современных десктопных и онлайновых средств проектирования интерфейсов

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

Перевод заметки и описания инструментов на Хабрахабре

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Гайдлайны UI Bank Of America

Гайдлайны UI Bank Of America

В настоящее время гайдлайны UI Bank Of America используется различными группами разработчиков для обновления существующих приложений и создания новых, которые не только удобны для пользователей, но и последовательны в дизайне и использовании элементов бренда. Только за первый год своего существования правила из руководства по пользовательскому интерфейсу были применен в более 40 приложениях. HTML-формат руководства, позволяет ему продолжать расти и совершенствоваться.

via SML Wiki

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Готовые паттерны для Axure

Готовые паттерны для Axure

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

В заметке “Free Axure Design Patterns” собраны несколько интересных паттернов, которых нету в стандартном наборе Axure.

Кроме того на сайте Axure есть раздел “Widget Libraries” в котором так же доступны различные библиотеки паттернов, в том числе и для iPhone.

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Android GUI PSD

Android GUI PSD

В след за PSD с элементами интерфейса iPhone на Smashing Magazine опубликован PSD с GUI Android

Скачать Android GUI PSD [zip, 10.8 Mb]
Сайт проекта

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

29 инструментов и расширений для тестирования сайта

29 инструментов и расширений для тестирования сайта

Хотите сделать ваш сайт доступным для различных категорий пользователей? Воспользовавшись инструментами из этого списка, вы сможете проверить различные аспекты вашего сайта, такие как доступность (accessibility), валидность HTML и CSS. В списке присутствуют инструменты веб-аналитики и отслеживания действий пользователей на сайте, такие как Crazy Egg, ClickHeat и Google Analytics

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

OverSite — инструмент прототипирования

OverSite

OverSite — кроссплатформенный (для Mac и PC) инструмент прототипирования. Позволяет создавать динамические HTML прототипы и собственную библиотеку элементов.

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Инструментарий Human-Centered Design

Инструментарий Human-Centered Design

IDEO в партнёрстве с International Development Enterprises (IDE), Heifer International, ICRW и фондом Билла и Мелинды Гейтс разработали инструментарий для применения практик Human-Centered Design для поиска новых решений проблем в сложных условиях и местах, где в них особенно нуждаются.

Инструментарий HCD содержит описания различных методов и инструментов сбора информации, а также рекомендации по проведению исследований. Кроме этого, есть рабочие бланки и материалы. Многое разбирается на примерах (case study)

Twitter Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua