Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Стенсилы для проектирования интерфейсов

Интерфейсы
Продолжая выкладывать на блоге Amazing Development всё, что может понадобиться компаниям или специалистам начать заниматься проектированием и работами над повышением юзабилити своих продуктов и проектов, опубликовал коллекцию стенсилов. Стенсилы – примитивы используемые для графического представления чего-либо. Ниже представлены стенсилы для программ Microsoft Visio, Adobe InDesign и OmniGraffle. Если Вы знаете ссылки на другие стенсилы, которые можно использовать в проектировании, то сообщите о них в комментариях.

Microsoft Visio


Стенсилы Nick Finck


Читать дальше →
Всего голосов 72: ↑69 и ↓3 +66
Просмотры14.6K
Комментарии 30

CMS будущего

Блог компании Студия дизайна GenueВеб-дизайнИнтерфейсы
Перевод

Покончим с устаревшим подходом к контенту


На протяжении всей истории интернета мы работали с контентом двумя способами:
  1. Создавали «один шаблон на все случаи жизни»
  2. Создавали для каждого случая свой уникальный шаблон

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

image
Читать дальше →
Всего голосов 68: ↑58 и ↓10 +48
Просмотры75.2K
Комментарии 73

Три универсальных фильтра для проектирования user friendly структуры каталога

Usability
Из песочницы
Логичная структура сайта – карта, по которой пользователи прокладывают маршруты к достижению своих целей.

В литературе по проектированию взаимодействия уделяется много внимания визуальной составляющей проекта и практически не рассматривается процесс создания информационной архитектуры. В данной статье я предлагаю вашему вниманию несложный алгоритм создания user friendly структуры каталога товаров.

Читать дальше →
Всего голосов 8: ↑7 и ↓1 +6
Просмотры7.3K
Комментарии 1

Проектируем информационную архитектуру для e-commerce. Часть 1

Блог компании AstoundCommerceИнтерфейсыUsability
image

Пришла пора подумать о роли информации в проектировании взаимодействия и ее архитектуре, особенностях и о том, как над ней работать.
Большую часть времени мы проектируем интерфейсы и исследуем их восприятие пользователями. Но при этом приходится учитывать, что большинство интерфейсов – не самоцель, а всего лишь посредники во взаимодействии между человеком и информацией. Поэтому самой информации, ее архитектуре, и восприятии человеком информации справедливо уделять существенное внимание. Сегодня мы поговорим об информационной архитектуре (далее — ИА).
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Просмотры36.2K
Комментарии 3

Проектируем информационную архитектуру для e-commerce. Часть 2

Блог компании AstoundCommerceUsability
image
Продолжим наше изучение информационной архитектуры и ее значение для электронной коммерции. В первой главе мы вкратце ознакомились с понятием информационной архитектуры (далее — ИА), значением и подходами к работе над ней в рамках проектирования взаимодействия.
Теперь от вопроса «Зачем проектировать информационную архитектуру» перейдем к вопросу «Какие есть особенности ее проектирования?»

Итак: особенности работы с ИА в e-commerce и три аспекта ее проектирования:

  • Принципы построения качественной ИА. Их применение в e-commerce;
  • Шаблонные схемы ИА. Какие шаблоны лучше использовать;
  • Процесс исследований ИА в e-commerce и их рентабельность.

Как водится, краткие итоги главы в конце поста.
Читать дальше →
Всего голосов 8: ↑8 и ↓0 +8
Просмотры19.6K
Комментарии 6

Чем отличается ворона от письменного стола Или разница между «ихними» модулями и «нашими» компонентами

Блог компании UltimaПрограммированиеАнализ и проектирование системПромышленное программирование
Собственно, настоящий текст служит развитием темы про сравнительные достоинства модульных и монолитных систем.

Обучательная практика в очередной раз родила интересный вопрос. «Вот вы почем зря бичуете недостатки модульных систем, а сами продаете компоненты. Собственно, в чем разница?»
Читать дальше →
Всего голосов 10: ↑5 и ↓5 0
Просмотры5.3K
Комментарии 0

Евангелие информационной архитектуры сайта

Веб-дизайнUsability
Recovery mode
Цель данной статьи — создать повод для обсуждения и формирования по итогам споров общепринятого всеми гайда для оформления схемы информационной архитектуры сайта или иной информационной системы.

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

Читать дальше →
Всего голосов 19: ↑4 и ↓15 -11
Просмотры5.4K
Комментарии 6

Информационная архитектура в Интернет

Блог компании SimbirSoftАнализ и проектирование систем
The beginning of all understanding is classification.
Hayden White

О чем эта статья?

Есть множество определений информационной архитектуры. В этой статье мы попробуем рассмотреть один из ее аспектов, а именно структурирование и классификацию информации на сайте, имеющие своей целью облегчение процесса поиска информации для посетителей ресурса.
Среди владельцев сайта бытует мнение, что чем больше время, проведенное посетителем на сайте, тем лучше. Есть даже статьи, посвященные тому, как увеличить среднее время пребывания посетителей на сайте. Но так ли это? Что важнее для бизнеса – чтобы пользователь 10 минут проблуждал по сайту в поисках нужной информации и ушел, так ничего и не найдя? Или чтобы он все-таки нашел нужную ему информацию, будь то контакты организации или инструкция по самостоятельному монтажу сантехники, порадовался и впоследствии вернулся на сайт или пришел в компанию как покупатель? Предположим, что второе.
Тому, как облегчить посетителю жизнь, и будет посвящена эта статья.
Читать дальше →
Всего голосов 9: ↑7 и ↓2 +5
Просмотры4.6K
Комментарии 0

Информационная архитектура и технология DITA. По мотивам лекции в Яндексе

Блог компании ЯндексXML
Darwin Information Typing Architecture (DITA) — XML-технология для автоматизации процессов, связанных с технической документацией. За время существования DITA накопилось большое количество разнообразных возможностей, подходов к организации контента, а также конкретных механизмов их реализации. Запутаться в них немудрено, и это часто приводит к появлению непонятных, неэффективных и просто неудобных решений по автоматизации документирования. Директор по проектам компании «Философт» Михаил Острогорский раскладывает всё по полочкам.


Предисловие


Предлагаемая статья написана по мотивам небольшого доклада, сделанного автором на одном из «Гипербатонов», которые время от времени бывают в Яндексе. Не то что бы я был слишком недоволен собой как оратором, но в этом случае публиковать дословную расшифровку устной речи — не лучшая идея, на мой взгляд.
Читать дальше →
Всего голосов 27: ↑27 и ↓0 +27
Просмотры7.1K
Комментарии 0

Информационная архитектура в Интернете часть 1

ИнтерфейсыUsabilityПрофессиональная литератураЧитальный зал


Очень часто вижу вопросы от начинающих проектировщиков, похожих один на другой: «Посоветуйте что прочитать…».

Часто в ответ кидают А. Купера «Об интерфейсе. Основы проектирования взаимодействия», Д. Раскина «Интерфейс: новые направления в проектировании компьютерных систем», С. Круга «Не заставляйте меня думать», Д. Нормана «Дизайн привычных вещей». Это основа, все понятно.

Реже видела упоминания о такой замечательной книге, как «Информационная архитектура в Интернете» (авторы П.Морвиль и Л.Розенфельд).

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

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

P.S.: Чтобы пополнять Хабр интересной информацией, в конце статьи прикрутила опрос: будет ли интересно читать весь цикл статей или на первой можно и остановиться.
Читать дальше →
Всего голосов 7: ↑7 и ↓0 +7
Просмотры12.3K
Комментарии 1

Информационная архитектура в Интернете часть 2

ИнтерфейсыUsabilityПрофессиональная литератураЧитальный зал


Продолжаю выкладывать конспект книги.

Первая часть

Вторая часть даст советы о том, как продумать систему обозначений сайта, прежде чем браться за ее реализацию.
Читать дальше →
Всего голосов 4: ↑4 и ↓0 +4
Просмотры3.4K
Комментарии 0

Информационная архитектура в Интернете часть 3

ИнтерфейсыUsabilityПрофессиональная литератураЧитальный зал


Конспект книги «Информационная архитектура в Интернете» (авторы П.Морвиль и Л.Розенфельд) продолжается.

Первая часть

Вторая часть

Сегодня на повестке дня у нас навигация.
Читать дальше →
Всего голосов 5: ↑5 и ↓0 +5
Просмотры3.4K
Комментарии 0

Информационная архитектура в Интернете часть 4

ИнтерфейсыUsabilityПрофессиональная литератураЧитальный зал


Последняя статья, посвященная книге «Информационная архитектура в Интернете». О создании метафор и проведении исследований.

Первая часть

Вторая часть

Третья часть
Читать дальше →
Всего голосов 8: ↑8 и ↓0 +8
Просмотры3.2K
Комментарии 1

«Информационная архитектура»: митап в OZON

Блог компании Ozon TechКонференции
image

Отмечаем Всемирный день информационной архитектуры первым митапом о том, как выстроить информацию и документацию внутри цифрового продукта, чтобы команде и пользователям не было мучительно и непонятно. Встречаемся 26 февраля у нас.
Читать дальше →
Всего голосов 9: ↑9 и ↓0 +9
Просмотры1.8K
Комментарии 8

О современных методах проектирования каменных орудий

IT-инфраструктураУправление проектамиУчебный процесс в ITУправление персоналомКарьера в IT-индустрии
image

Это третья в серии моих статей о современном российском общем образовании и месте IT в нём. Тем, кто не сделал этого ранее, рекомендую сначала прочесть первую и вторую статьи серии. А та, начало которой вы читаете, — об IT-инфраструктуре школы и диссоциативных расстройствах некоторых концепций.
Читать дальше →
Всего голосов 13: ↑5 и ↓8 -3
Просмотры3K
Комментарии 83