Работа с текстом и представлением информации

В статьи пойдет речь о правильном написании и принципах работы с текстом.
Для погружение в материал посмотрим мастер-класс Леонида Бершидского «Структура материала в журнале и онлайн-СМИ: выстраивание текста, визуального ряда и подверсток». В нем рассмотрены вопросы внимания читателя, почему так важен последний абзац и как нельзя заканчивать статью, сколько цитат может быть в материале и как проверить свою работу на предмет наличия в ней логики повествования, о инфографике и заголовках.
Инфографика является мощным инструментом и трендом для представления информации, ее изучение стоит начать с книг признанного гения - Эдварда Тафти (www.edwardtufte.com). Ирина Доброва и Макс Горбачевский — создатели первого в России ресурса по инфографике Infographer.ru и одноимённого агентства в своем вебинаре - «Визуализируй это!», говорят о принципах построения инфографики.
Статья о улучшении читабельности текста, в кот. описаны такие пункты:

1. Не используйте слишком много различных размеров шрифта
2. Используйте рубленые шрифты для основного текста
3. Не используйте много различных гарнитур
4. Акценты
5. Выравнивание
6. Контраст
7. Использование прописных букв
8. Пространство
9. Размеры текстовых блоков

Удобочитаемость («читабельность») — свойство текстового материала, характеризующее лёгкость восприятия его человеком.

Следует различать удобочитаемость текста с точки зрения:

• полиграфического исполнения текста;

• семантических, стилистических и т. п. особенностей текстового материала.

Подробней в Википедии...

- Выбор шрифта для экранного интерфейса краткое описание статьи от gui.fresh, оригинал. статьи.
- 5 ч. видео с UXRussai mail.ru - о текстах и не только.
- Кинетическая типографика (Win8).

- Простые правила сильного текста  и советы  —  Максима Ильяхова — Информационный стиль и редактура текста и «Почему дизайнер должен уметь писать текст?»

Инормационный стиль:

• выбросить лишнее
• добавить нужное
  

Стоп-слова:

1. Междометия и восклицания

В общем, значит, эм, хм, короче, в общем, то есть, ну, пожалуй

2. Усиляющие и обобщенные определения и наречия

Абсолютный, безусловный, в целом, всякий, весьма, общий, около, разнообразный

3. Определения и наречия в принципе

Активный, актуальный, взыскательный, длительный, знаковый, инновационный

4. Очевидные сущности

Вы, мы, посетители, документ, сайт, страница, информация, меню, ссылка, здесь, тут

5. Клише и канцеляризмы

В лучших традициях, как говорится, исстаре, осуществлять, оказывать, принимать

6. Паразиты времени

В настоящий момент, сейчас, сегодня, в наши дни, нынче, на сегодняшний день

7. Неопределенные понятия

Лидирующий, один из первых, в десятке, еще больше, нередко, часто, в основном

8. Модные слова

Хтонический, концептуальный, актуальный, трансцендентный, уютный, знаовый

9. Гиперонимы

Мебель, еда, продукция, товары, изделия

10. Модальность

Нужен может, должен

11. Отглагольные существительные

Осуществлять, продажа, реализация, осуществление, выдача, создание

  — Хорошая подборка инструменты для создания уникальных шрифтов.

  — Перевод статьи Smashing Magazine - «Разработка привлекательного и читабельного сайта»

Геймификация

Хотел бы обратить внимание на статью посвященную геймификации  - "Коллаборация + геймификация = страшная сила" в которой говориться о том:

Что коллективными усилиями геймеров удалось за 3 недели построить 3D модель фермента, разрушающего белок вируса ВИЧ, облетела весь мир. Еще бы! Ведь до этого над решением данной задачи 2 года безрезультатно бились крупнейшие медицинские лаборатории мира, оснащенные самыми совершенными суперкомпьютерами. 

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

Цель этой связки, по мнению авторов, в том, чтобы:

1. Дать людям возможность TO SOLVE TO UNSOLVABLE (решить доселе нерешаемое)
2. Усилить мощность коллективных интеллектуальных действий
3. Предоставить людям возможности обучиться новым умениям
4. Повысить и стимулировать рост мотивации людей

Дополнительные ссылки на Форбс и PSFK.

Также книга Д. Бека, М. Уэйда. Доигрались! Как поколение геймеров навсегда меняет бизнес-среду.
Авторы убедительно и с нескрываемым удовольствием развенчивают устоявшиеся стереотипы и мифы. Игры, к которым одинаково негативно относятся родители дома и руководители на работе, - поразительно эффективный тренинг для будущих бизнесменов. Благодаря им появилось поколение, обладающее уникальными навыками. Геймеры смело идут на риск, умеют делать множество дел одновременно и принимать неожиданные организационные решения. Они умеют работать в команде, нацелены только на победу и могут быть сильны именно в том, что так необходимо компаниям сегодня и без чего невозможен бизнес завтра. Чтобы раскрыть их потенциал, руководителям необходимо как можно скорее понять особенности нового поколения и не пытаться его переделать - бурный поток рано или поздно все равно сметет все преграды.

Стандарты

Отличная подборка гайдлайнов на Usability Geek - Guidelines From Companies.

Описание мобильных паттернов ПОИСКА - UI Patterns For Mobile Apps: Search, Sort And Filter.

Паттерны для андроида - http://www.androidpatterns.com и androidpttrns.com/tagged/actionbar
UX паттерны и гайдлайны Metro style apps.

UI Guidelines, BlackBerry Smartphones - 7.1

— Новый вид меню на CCS3.

Знаменательные даты

4.04 День 404 - посвящается всем вебмастерам. Краткие рекомендации по странице 404:

Согласитесь, что когда вы просматриваете определенный сайт, то страница с 404 ошибкой – меньше всего вам интересно и у вас нет никакого желания его видеть. Если она вам встречается, значит страницу перенесли или контента на ней больше нет. Но на самом деле простой юзер даже не догадывается, что 404 страница значит. Толковые люди могут очень многое с ней делать и при правильном подходе сделать правильный рекламный ход, который будет притягивать людей.

Если вы решите делать 404 страницу, то лучше придерживайтесь некоторых правил:

1. Постарайтесь сделать страницу похожую на остальные страницы
2. Используйте язык, который будет понятен простому юзеру
3. Объясните юзеру ГДЕ и КАК они очутились
4. Попробуйте вставить “форму поиска”, чтобы юзер смог найти что ищет
5. Поставьте ссылку на главную страницу
6. Если вам кажется, что все примеры – фигня, создайте что-то запоминающееся

Подробней с примерами... и на последок 60 креативных решений для страницы 404.

Композиция и типографика (readability)

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

Критерии 100% читаемости сайтов
В статье описаны принципы, которые позволят улучить readability. Также в дополнение статья - "95% веб-дизайна составляет типографика".

Ссылки на ресурсы с примерами:
www.informationarchitects.jp
www.subtraction.com
ilovetypography.com

Как использовать визуальную иерархию в веб-дизайне.
Целью этой статьи - заставить вас лучше понимать, как использовать понятия визуальной иерархии для управления положением объектов на странице и направить ваших пользователей в нужном для вас направлении. Оригинал статьи...


«12×12» Андрей Гаргуль "Несистемные шрифты в вебе" from British Higher School on Vimeo.

Книги по типографике http://www.dejurka.ru
Подбор шрифтов от Google — http://www.google.com/webfonts#

Типографика в цифровом мире — Эрик Шпикерман

Search

О вопросах поиска, сложности реализации поисковых алгоритмов в своем докладе на UXRussia 2012 делиться выдающийся специалист по ИА - Питер Морвиль.
Питер Морвиль (Semantic Studios) выступил с темой «Поисковые паттерны — дизайн для открытий». Автор книг “о животных” рассказывал, конечно же, о поиске.

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

Поиск тесно связан с контентом. Подумайте, есть ли у вас правила формирования контента, есть ли метаданные и теги? Все это в дальнейшем поможет реализовать качественный поиск.

Существует много разных подвидов поиска (поисковые системы, поиск в e-commerce, поиск в соцсетях). При проектировании поиска обращайте внимание на контекст. То, что важно при поиске в каталоге товаров, может быть совсем нерелевантное для поиска в социальной сети.

Паттерны дизайна поиска, приведенные Питером:

— auto-complete (автозаполнение);
— auto-suggest (автопредложение);
— сортировка по важности результата;
— сортировка по рейтингу;
— доступ к данным различными путями по сайту;
— фасетная навигация.

Как отметил Питер, поиск модернизируется, уже сейчас есть тенденции взаимосвязи цифровых и физических понятий для поиска (qr коды; чипы, вшитые в кроссовки и прочее).

ссылка на источник - www.optimization.com.ua

Эволюция интерфейсов поисковых систем
Евгений Годов — специалист в области информационного поиска. Отвечает за эксплуатацию Поиска в Mail.ru. Ранее руководил группой поисковой выдачи в Яндексе, курировал проект экспертной системы поиска и подобора одежды, участвовал в разработке системы визуального поиска Quintura.

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

Синемаграфы: живые фотографии

Фотограф Джейми Бек совместно с Кевином Бургом создали серию потрясающих анимированных фотографий. Сами авторы называют свои работы «cinemagraphs», так как это уже и не фотографии, но ещё и не кинематограф. «Живые» фотографии очень хорошо передают момент времени и создают истинный портрет жизни в наш цифровой век.
Подробней...
Подборка на www.adme.ru

Metro style и SketchFlow

1. Разработка mail.ru - новости и погода / международные вопросы.
2. Приложение Euro Cup 2012 под iPAD
3. Константин Кичинский (Microsoft) рассказывает об интерфейсе Windows 8 и его обновлениях в недавно вышедшей версии Consumer Preview. Все идет к скорому запуску платформы, а значит работы интерфейсным специалистам будет много — важно подготовиться к ней.
4. Принципы Metro-дизайна и язык Metro-дизайна.
5. Статья John C. Dvorak о недостатках концепции Metro.
  — Отсутствие четкой идентификации (тексты вместо привычных иконок)
  — Что влечет за собой сложность поиска и взаимодействия.

Прототипирование в SketchFlow 
Часть 1. Немного истории
Часть 2. Основы
Часть 3. Работа с контролами
Прототипирование приложений для Windows Phone
Blend 3 и Sketch Flow : прототипируем приложения

Design the New Business

Новость от gui.ru fresh:

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

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

Именно этому и посвящен документальный фильм Design the New Business, созданный по инициативе Zilver Innovation шестью студентами университета TU Delft (Голландия).

http://www.designthenewbusiness.com