Ответ
Инструменты для создания дружеского UX/UI Опции темы
Старый 11.05.2014, 01:39
  #1
Viper
 
Регистрация: 24.02.2014
Сообщений: 25

Инструменты для создания дружеского UX/UI
Пользовательский интерфейс (UI) и пользовательский опыт (UX) - два связанных между собой термина, которые отыгрывают одну из главных ролей в построении отношений между вашим сайтом и его посетителями.





Хотя эти два термина и описывают различные концепции, но UI в паре с UX определяют образ сайта, его юзабилити. Дизайнерские агентства имеют большой выбор инструментов для улучшения UI/UX. Я хочу рассказать вам о некоторых бесплатных онлайн инструментах, которые помогут улучшению или зарождению UX/UI ваших сайтов.

1. Five Second Test





Five Second Test это инструмент для бесплатного тестирования сайтов.

В газетах самые важные истории дня всегда идут в верхней части страницы А-1, чаще всего в колонке справа. Этот макет остается таким уже на протяжении веков, из-за того простого факта, что глаза читателей попадают туда в первую очередь.

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

Five Second Test является инструментом оценки интерфейса, который измеряет, насколько эффективно вы установили связь с клиентом. Вы представляете свою страницу, Five Second Test тестирует ее, и сообщает что пользователи запомнят о вашем сайте после пяти секунд его просмотра. Сайт также предлагает простое сравнение, чтобы увидеть как ваш сайт выглядит на фоне других. У вас есть только один шанс, чтобы произвести первое положительное впечатление, поэтому надо дать пользователю запомнить ваш сайт с наилучшей стороны.

2. Axure





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

Каркасы являются основным костяком для сайтового интерфейса. В Интернете есть много доступных wireframing инструментов, и многие из них предлагают бесплатные пробные версии.

Тем не менее, если вы должны были выбрать один, то Axure является наилучшей отправной точкой для такого выбора. Чаще всего то, что вы ищете в инструментах прототипирования - это функционал, который позволяет сделать основной макеты веб-сайта с минимальным кодированием. Axure имеет преимущество, заключающееся в простоте и ясности управления. Простой click-and-drag интерфейс и широкий спектр функций позволяют с легкостью построить демо-сайт.

Эту программу часто превозносят как "наиболее полный инструмент на рынке для создания wireframing и прототипов". Вы можете скачать бесплатную пробную версию Axure и убедится, что эта всеобъемлющая программа можете сделать для вашего сайта.

3. Bootstrap





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

Bootstrap позволяет легко создать полностью функциональный веб-сайт. Построенный инженерами Twitter, он является отличным инструментом для front-end разработок. К услугам пользователей отзывчивая сетка, типография и управление формами, а также многочисленные другие компоненты. Если вы имеете хоть небольшие знания в области HTML и CSS, то Bootstrap предлагает для вас большой контроль над веб-дизайном.

Сообщество Bootstrap имеет очень много последователей, поскольку это бесплатный продукт, что предлагает так много возможностей. Онлайн Bootstrap может похвастаться тем, что более 1500 сайтов были построены с использованием этого framework, и многие из создателей сайтов регулярно активны и дают онлайн советы о том, как лучше использовать этот инструмент.

4. Webalys User Interface Design Framework





Для top-of-the-line иллюстратора, UI Design Framework Webalys является просто находкой, тем более что он бесплатный. Инструмент поставляется с элементами библиотеки графического интерфейса пользователей (GUI), наполненные сотнями элементами дизайна. Она также имеет обширную библиотеку графических стилей, так что вы можете настроить кнопки, заголовки и другие функции всего одним щелчком мыши.

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

5. Coblis





Coblis’s CVD Simulator предлагает множество вариантов, чтобы проверить свой дизайн.

Цвет это такая часть конструкции дизайна, которая всеми принимается как должное. Тем не менее, более 10% людей имеют некоторую форму дальтонизма. Учитывая это, ваш сайт должен иметь простую навигацию удобную для существующего меньшинства потребителей с такими отклонениями. Coblis это бесплатный симулятор дальтонизма, который показывает, как ваш сайт будет выглядеть для пользователей, которые имеют различные нарушения зрения.

Многие дизайнеры полагаться на цветовые сигналы для того, чтобы направлять пользователей в навигации по сайту. Например, сообщение с красной или зеленой галочкой имеют общие признаки, но указывают на разные ситуации. Будет ли пользователь, который не может видеть эти цвета, так же легко действовать, как и другие пользователи? Это вам покажет Coblis
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна программа для создания постера 2х2 miraida Файлообмен 9 04.10.2013 09:18
Инструменты для увеличения уровня конверсии StrannikK Аналитика 2 28.06.2013 17:34
Основные инструменты видеомаркетинга Alsu Магазины 0 27.03.2013 21:51
Фан-сайт звезды от создания до $ Артем Партнёрки 0 28.02.2013 23:54
10 инструментов для создания инфографики 0pium Хостинг 2 07.02.2013 22:31

Метки
ux/ui, инструменты, интерфейс


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 20:29. Часовой пояс GMT +3.