Category: литература

Category was added automatically. Read all entries about "литература".

Курс Артёма Горбунова «Пользовательский интерфейс и представление информации»

Спустя год после курсов, заведя себе наконец блог в ЖЖ, хочу похвастаться. =)

Сертификат, здоровенный!!!


Ура!! 

Пару слов о самом курсе. 

Многое было знакомо и до него. А именно:

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

Артём приводил в пример много разных занимательных инфографик, в том числе разработанных в бюро. Отдельно внимание было уделено «листалкам» (в результатах поиска, на форумах и т.п.), их применению и аналогам.

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

Также пополнила свой список подсказок в решении интерфейсов:

  • увеличивать нажимаемую площадь объектов;
  • любое действие пользователя должно вызывать мгновенную и понятную реакцию системы;
  • решение для навигации в блогах: старые записи подгружать по мере прокрутки страницы вниз (смерть листалкам!!);
  • лучшая реакция интерфейса на неправильное действие пользователя – её отсутствие;
  • ура «ползункам»! Пускай пользователь «поиграет» с данными.

В группе было около 15 человек. За три дня, конечно, много с кем познакомиться не успеешь, особенно при такой интенсивной информационной загрузке. Но с кем успела – все интересные достойные люди. Девушек, включая меня, было всего 3 и, похоже, я была единственная студентка. А значит, самая маленькая).

Жаль, что я попала в Москву в самые морозы. И в свой единственный выходной сидела в гостинице, закутавшись в 3 одеяла. Так что погулять по столице не получилось. Но, я уверена, всё ещё впереди.

Артёму спасибо за интересный курс. Слежу за советами, читаю книжки.

1+1=3 и больше

Мальвина и Буратино:
- Я говорю, предположим, что у вас в кармане два яблока.
- Ха-ха!
- Некто взял у вас одно яблоко. Сколько у вас осталось яблок?
- Два.
- Подумайте хорошенько.
- Два.
- Почему?
- Я же не отдам некту яблок, хоть он дерись!
- У вас нет никаких способностей к математике.



С детства учили: 1+1=2. Однако, с возрастом начинаешь понимать, что не всё так просто.
В дизайне интерфейсов действует правило, описанное Тафти как «1+1=3 и больше».
Две полосы одинакового размера можно сложить несколькими способами.

1.      Обе полосы ставятся вертикально и рядом друг с другом.
Получаем: 1+1=2.


2.      Если же разделить их ещё одной полосой такой же ширины, получаем три полосы.
1+1=3.


3.      Ну а если поменять угол наклона и включить воображение, можно получить до 9 элементов.




Сравним два варианта начертания нотного стана.


Ноты читаются намного легче, если их визуально не вытесняют линии нотного стана.

Игорь Стравинский, балет «Весна священная». 

В дизайне интерфейсов это правило актуально при оформлении таблиц. Я отдаю предпочтение лёгким светло-серым границам.
Вот такой была таблица цен на сайте салона красоты «Хельга» в первой версии:



Вот так она выглядит на новом сайте:



В новом прайсе я предусмотрела уже все варианты отображения названия услуги и её цены.
Но, как говорил Влад Головач в книге «Искусство мыть слона», это можно сделать лучше. Поэтому буду рада любым советам и предложениям! =) 

В статье использовался материал из книги Э.Тафти, "Envisioning information", 1990


Upd. 20.01.2012
Улучшенный вариант того же прайса. 
Благодарю ksoftwareза конструктивную критику и советы.