О дизайне интерфейсов для HR-IT CLUB

HR IT club Киев, ноябрь 2014

Степень влияния закона сохранения сложности Теслера

на интерлиньяж

Александр Лисовский Cofounder & CEO at ZZ Photo

UX/UI designer

[email protected] facebook.com/alexlisovsky, pinterest.com/alexlisovsky,

Тема доклада — это шутка?

GUI UI UX

UX

UX (User Experience), или опыт взаимодействия – это термин, описывающий степень

удовлетворенности пользователя от использования вашего товара или услуги.

Самый эффективный инструмент проектирования взаимодействия исключительно прост: это точное описание пользователя продукта и его целей

А. Купер «Психбольница в руках пациентов»

Персонажи – не реальные люди, но они представляют реальных людей в процессе проектирования. Это гипотетические архетипы реальных пользователей. Будучи воображаемыми, они, тем не менее, определяются достаточно жестко и точно. На практике мы не столько «выдумываем» персонажи, сколько обнаруживаем их в качестве побочного продукта процесса расследования. Но мы действительно выдумываем их имена и личные сведения.


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


Проектируем для одного


UI

User Interface Design или пользовательский интерфейс – это более узкое понятие, включающее в себя определенный набор графически оформленных технических элементов (кнопки, чекбоксы, селекторы и другие поля). Его задача – помочь пользователю

организовать взаимодействие с программой/сайтом.

1.  Организованность элементов интерфейса. Логически структурированы и взаимосвязаны.

2.  Группировка элементов интерфейса. Объединение в группы логически связанных элементов (меню, формы).

3.  Выравнивание элементов интерфейса. 4.  Единый стиль элементов интерфейса. 5.  Наличие свободного пространства. Это позволяет

разграничивать информационные блоки, сосредотачивая внимание на чем-‐то одном.

GUI

Graphic user interface, GUI — разновидность пользовательского интерфейса, в котором элементы интерфейса (меню, кнопки, значки, списки и т. п.),

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

Это невероятно…

Скетчи

Думать Документировать Экспериментировать

Объяснять и общаться

Быстрее потерпеть неудачу

Найти верное решение

Зачем?

h�p://konigi.com/book/sketch-‐book/

Я не умею рисовать

h�p://www.youtube.com/watch?v=flJtdkR1P9I


Чем быстрее, тем продуктивнее! Чем «страшнее», тем лучше! Чем больше скетчеи, тем больше идей!

Не критикуйте! Не стремитесь к совершенству! Не фокусируйтесь на деталях!


Че?


Disney Concert Hall (Carol Highsmith)


Исследовательский скетч + Много разновидностей -‐  Никому не понятно -‐  Низкая детализация

«Изящный» скетч + Более реалистичный + Показываем другим -‐ Долго делать


h�ps://docs.google.com/fileview?id=0B916EDb6727eMGJlNjdhOTEtMmYxNS00OTQ4LTkxMTUtZmZjMjIzYmI4NTMw&hl=en

h�p://hotdesignfor.us/news/2010/04/01/shablony-‐dlya-‐eskiza-‐stranic-‐sajta-‐na-‐bumage/

Примитивы

Формы

Линии

h�p://konigi.com/book/sketch-‐book/why-‐we-‐sketch



Пригодится это мне.

Пример: iPhone приложение органайзер дел для свадьбы

Почти все понял!..

Что такое закон сохранения сложности Теслера?

Закон сохранения сложности Теслера: каждое приложение имеет неуменьшаемый коэффициент сложности. Вопрос только в том, кого это касается в большей степени т.е. программу легко разработать но сложно использовать, либо наоборот. h�p://habrahabr.ru/post/130389/

Александр Лисовский Cofounder & CEO at ZZ Photo

UX/UI designer

[email protected] facebook.com/alexlisovsky, pinterest.com/alexlisovsky,