SlideShare a Scribd company logo

designing UI, workshop, second day

•
•
allileja
allileja
1 of 20
МАСТЕРСКАЯ-ПРАКТИКУМ ПО ЭРГОНОМИЧЕСКИМ ОСНОВАМ ПРОЕКТИРОВАНИЯ ПОЛЬЗОВАТЕЛЬСКИХ ИНТЕРФЕЙСОВ Владимир Николаевич Лукин Московский Авиационный Институт Лев Николаевич Чернышов Московский авиационный институт Алина Александровна Зотова ООО Netcracker RusCHI member
Цель ,[object Object],[object Object],[object Object]
Проектирование, ориентированное на пользователя ,[object Object],[object Object],[object Object],[object Object],[object Object],** относительная важность определяется контекстом
Процесс проектирования ,[object Object],[object Object],[object Object],[object Object]
Задание на сегодня ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Прототипы Тестирование
Прототипирование ,[object Object],[object Object],[object Object],[object Object],[object Object]
Объект и фон TEXT TEXT TEXT TEXT TEXT TEXT
Читаемость и контраст
Организация элементов в пространстве TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
Некоторые правила ,[object Object],[object Object],[object Object],[object Object]
Некоторые правила ,[object Object],[object Object],[object Object],[object Object]
Обратить внимание на: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Статусы элементов интерфейса Enable Все поля доступны для редактирования. Disable Поля не участвуют в текущем контексте, недоступны для чтения, копирования и редактирования. Read-only Поля доступны для прочтения и копирования, изменять нельзя. Hide Поля не участвуют в задаче или запрещены для данной роли.
Тестирование ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Виды тестирования
До тестирования: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Во время тестирования ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Как интерпретировать результаты? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
После процедуры тестирования ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Итоги и результаты ,[object Object],[object Object],[object Object]

Recommended

designing UI workshop 2 day
designing UI workshop 2 daydesigning UI workshop 2 day
designing UI workshop 2 day
allileja
 
Designing UI - past and future
Designing UI - past and futureDesigning UI - past and future
Designing UI - past and future
allileja
 
designing UI, workshop, first day
designing UI, workshop, first daydesigning UI, workshop, first day
designing UI, workshop, first day
allileja
 
designing UI past and future
designing UI past and futuredesigning UI past and future
designing UI past and future
allileja
 
designing UI workshop 1 day
designing UI workshop 1 daydesigning UI workshop 1 day
designing UI workshop 1 day
allileja
 
чмв лекция №1
чмв лекция №1чмв лекция №1
чмв лекция №1
student_kai
 
чмв лекция №3
чмв лекция №3чмв лекция №3
чмв лекция №3
student_kai
 
чмв лекция №5
чмв лекция №5чмв лекция №5
чмв лекция №5
student_kai
 

Recommended

designing UI workshop 2 day
designing UI workshop 2 daydesigning UI workshop 2 day
designing UI workshop 2 day
allileja
 
Designing UI - past and future
Designing UI - past and futureDesigning UI - past and future
Designing UI - past and future
allileja
 
designing UI, workshop, first day
designing UI, workshop, first daydesigning UI, workshop, first day
designing UI, workshop, first day
allileja
 
designing UI past and future
designing UI past and futuredesigning UI past and future
designing UI past and future
allileja
 
designing UI workshop 1 day
designing UI workshop 1 daydesigning UI workshop 1 day
designing UI workshop 1 day
allileja
 
чмв лекция №1
чмв лекция №1чмв лекция №1
чмв лекция №1
student_kai
 
чмв лекция №3
чмв лекция №3чмв лекция №3
чмв лекция №3
student_kai
 
чмв лекция №5
чмв лекция №5чмв лекция №5
чмв лекция №5
student_kai
 
чмв лабораторная №3
чмв лабораторная №3чмв лабораторная №3
чмв лабораторная №3
student_kai
 
чмв лекция №6
чмв лекция №6чмв лекция №6
чмв лекция №6
student_kai
 
чмв лекция №7
чмв лекция №7чмв лекция №7
чмв лекция №7
student_kai
 
чмв лабораторная №4
чмв лабораторная №4чмв лабораторная №4
чмв лабораторная №4
student_kai
 
чмв лекция №8
чмв лекция №8чмв лекция №8
чмв лекция №8
student_kai
 
принципы проектирования интерфейса (37)
принципы проектирования интерфейса (37)принципы проектирования интерфейса (37)
принципы проектирования интерфейса (37)
romachka_pole
 
Варианты использования. Введение
Варианты использования. ВведениеВарианты использования. Введение
Варианты использования. Введение
Anna Abramova
 
Полнота ролей и целей пользователей
Полнота ролей и целей пользователейПолнота ролей и целей пользователей
Полнота ролей и целей пользователей
Anna Abramova
 
Use case in action
Use case in actionUse case in action
Use case in action
Alexander Baikin
 
Use Cases
Use CasesUse Cases
Use Cases
Vitaly Grigorash
 
Пользовательский интерфейс
Пользовательский интерфейс Пользовательский интерфейс
Пользовательский интерфейс
Любовь Нестеренко
 
Azure - обзор DevOps
Azure - обзор DevOpsAzure - обзор DevOps
Azure - обзор DevOps
Alexander Babich
 
Исследования интерфейсов: как понравиться всем
Исследования интерфейсов: как понравиться всемИсследования интерфейсов: как понравиться всем
Исследования интерфейсов: как понравиться всем
Helen Rubtsova
 
03 Архитектура информационных систем. Принципы проектирования архитектуры
03 Архитектура информационных систем. Принципы проектирования архитектуры03 Архитектура информационных систем. Принципы проектирования архитектуры
03 Архитектура информационных систем. Принципы проектирования архитектуры
Edward Galiaskarov
 
Анна Абрамова. Знакомство с Archimate. Для встречи сообщества аналитиков Санк...
Анна Абрамова. Знакомство с Archimate. Для встречи сообщества аналитиков Санк...Анна Абрамова. Знакомство с Archimate. Для встречи сообщества аналитиков Санк...
Анна Абрамова. Знакомство с Archimate. Для встречи сообщества аналитиков Санк...
Anna Abramova
 
Service oriented architecture, Oracle Service Bus
Service oriented architecture, Oracle Service BusService oriented architecture, Oracle Service Bus
Service oriented architecture, Oracle Service Bus
Sergey Nemchinsky
 
Ot usability-k-analizu-digital-consumer-experience
Ot usability-k-analizu-digital-consumer-experienceOt usability-k-analizu-digital-consumer-experience
Ot usability-k-analizu-digital-consumer-experience
Yanina Trofimenko
 
Распределённые приложения. Часть 1. «Клиент и ядро бизнес-логики»
Распределённые приложения. Часть 1. «Клиент и ядро бизнес-логики»Распределённые приложения. Часть 1. «Клиент и ядро бизнес-логики»
Распределённые приложения. Часть 1. «Клиент и ядро бизнес-логики»
Fedor Malyshkin
 
Проектирование графических интерфейсов лекция 10
Проектирование графических интерфейсов лекция 10Проектирование графических интерфейсов лекция 10
Проектирование графических интерфейсов лекция 10
Technopark
 
лекция № 11
лекция № 11лекция № 11
лекция № 11
Gulnaz Shakirova
 
4я лекция - Прототипирование.
4я лекция - Прототипирование.4я лекция - Прототипирование.
4я лекция - Прототипирование.
allileja
 
Usability тестирование ресурсов проецируемых на сенсорные терминалы
Usability тестирование ресурсов проецируемых на сенсорные терминалыUsability тестирование ресурсов проецируемых на сенсорные терминалы
Usability тестирование ресурсов проецируемых на сенсорные терминалы
SQALab
 

More Related Content

What's hot

чмв лабораторная №3
чмв лабораторная №3чмв лабораторная №3
чмв лабораторная №3
student_kai
 
чмв лекция №6
чмв лекция №6чмв лекция №6
чмв лекция №6
student_kai
 
чмв лекция №7
чмв лекция №7чмв лекция №7
чмв лекция №7
student_kai
 
чмв лабораторная №4
чмв лабораторная №4чмв лабораторная №4
чмв лабораторная №4
student_kai
 
чмв лекция №8
чмв лекция №8чмв лекция №8
чмв лекция №8
student_kai
 
Use case in action
Use case in actionUse case in action
Use case in action
Alexander Baikin
 
03 Архитектура информационных систем. Принципы проектирования архитектуры
03 Архитектура информационных систем. Принципы проектирования архитектуры03 Архитектура информационных систем. Принципы проектирования архитектуры
03 Архитектура информационных систем. Принципы проектирования архитектуры
Edward Galiaskarov
 
Ot usability-k-analizu-digital-consumer-experience
Ot usability-k-analizu-digital-consumer-experienceOt usability-k-analizu-digital-consumer-experience
Ot usability-k-analizu-digital-consumer-experience
Yanina Trofimenko
 

What's hot (18)

чмв лабораторная №3
чмв лабораторная №3чмв лабораторная №3
чмв лабораторная №3
 
чмв лекция №6
чмв лекция №6чмв лекция №6
чмв лекция №6
 
чмв лекция №7
чмв лекция №7чмв лекция №7
чмв лекция №7
 
чмв лабораторная №4
чмв лабораторная №4чмв лабораторная №4
чмв лабораторная №4
 
чмв лекция №8
чмв лекция №8чмв лекция №8
чмв лекция №8
 
принципы проектирования интерфейса (37)
принципы проектирования интерфейса (37)принципы проектирования интерфейса (37)
принципы проектирования интерфейса (37)
 
Варианты использования. Введение
Варианты использования. ВведениеВарианты использования. Введение
Варианты использования. Введение
 
Полнота ролей и целей пользователей
Полнота ролей и целей пользователейПолнота ролей и целей пользователей
Полнота ролей и целей пользователей
 
Use case in action
Use case in actionUse case in action
Use case in action
 
Use Cases
Use CasesUse Cases
Use Cases
 
Пользовательский интерфейс
Пользовательский интерфейс Пользовательский интерфейс
Пользовательский интерфейс
 
Azure - обзор DevOps
Azure - обзор DevOpsAzure - обзор DevOps
Azure - обзор DevOps
 
Исследования интерфейсов: как понравиться всем
Исследования интерфейсов: как понравиться всемИсследования интерфейсов: как понравиться всем
Исследования интерфейсов: как понравиться всем
 
03 Архитектура информационных систем. Принципы проектирования архитектуры
03 Архитектура информационных систем. Принципы проектирования архитектуры03 Архитектура информационных систем. Принципы проектирования архитектуры
03 Архитектура информационных систем. Принципы проектирования архитектуры
 
Анна Абрамова. Знакомство с Archimate. Для встречи сообщества аналитиков Санк...
Анна Абрамова. Знакомство с Archimate. Для встречи сообщества аналитиков Санк...Анна Абрамова. Знакомство с Archimate. Для встречи сообщества аналитиков Санк...
Анна Абрамова. Знакомство с Archimate. Для встречи сообщества аналитиков Санк...
 
Service oriented architecture, Oracle Service Bus
Service oriented architecture, Oracle Service BusService oriented architecture, Oracle Service Bus
Service oriented architecture, Oracle Service Bus
 
Ot usability-k-analizu-digital-consumer-experience
Ot usability-k-analizu-digital-consumer-experienceOt usability-k-analizu-digital-consumer-experience
Ot usability-k-analizu-digital-consumer-experience
 
Распределённые приложения. Часть 1. «Клиент и ядро бизнес-логики»
Распределённые приложения. Часть 1. «Клиент и ядро бизнес-логики»Распределённые приложения. Часть 1. «Клиент и ядро бизнес-логики»
Распределённые приложения. Часть 1. «Клиент и ядро бизнес-логики»
 

Similar to designing UI, workshop, second day

Проектирование графических интерфейсов лекция 10
Проектирование графических интерфейсов лекция 10Проектирование графических интерфейсов лекция 10
Проектирование графических интерфейсов лекция 10
Technopark
 
Знакомство с Online Test Pad
Знакомство с Online Test PadЗнакомство с Online Test Pad
Знакомство с Online Test Pad
gilraenanarion
 
Кровь, пот и слезы ваших пользователей. Уроки, вынесенные из юзабилити исслед...
Кровь, пот и слезы ваших пользователей. Уроки, вынесенные из юзабилити исслед...Кровь, пот и слезы ваших пользователей. Уроки, вынесенные из юзабилити исслед...
Кровь, пот и слезы ваших пользователей. Уроки, вынесенные из юзабилити исслед...
Tanya Zavialova
 

Similar to designing UI, workshop, second day (20)

Проектирование графических интерфейсов лекция 10
Проектирование графических интерфейсов лекция 10Проектирование графических интерфейсов лекция 10
Проектирование графических интерфейсов лекция 10
 
лекция № 11
лекция № 11лекция № 11
лекция № 11
 
4я лекция - Прототипирование.
4я лекция - Прототипирование.4я лекция - Прототипирование.
4я лекция - Прототипирование.
 
Usability тестирование ресурсов проецируемых на сенсорные терминалы
Usability тестирование ресурсов проецируемых на сенсорные терминалыUsability тестирование ресурсов проецируемых на сенсорные терминалы
Usability тестирование ресурсов проецируемых на сенсорные терминалы
 
Система тестирования INDIGO
Система тестирования INDIGOСистема тестирования INDIGO
Система тестирования INDIGO
 
Trpo 8 проект_инерфейса
Trpo 8 проект_инерфейсаTrpo 8 проект_инерфейса
Trpo 8 проект_инерфейса
 
Аліна Петренко: “Майстер-клас: Виявлення ключових вимог на предпроектній фазі...
Аліна Петренко: “Майстер-клас: Виявлення ключових вимог на предпроектній фазі...Аліна Петренко: “Майстер-клас: Виявлення ключових вимог на предпроектній фазі...
Аліна Петренко: “Майстер-клас: Виявлення ключових вимог на предпроектній фазі...
 
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
 
Usability testing methods overview (SQA Days’13)
Usability testing methods overview (SQA Days’13)Usability testing methods overview (SQA Days’13)
Usability testing methods overview (SQA Days’13)
 
Lection 3 4_pm
Lection 3 4_pmLection 3 4_pm
Lection 3 4_pm
 
Обзор методов юзабилити-тестирования
Обзор методов юзабилити-тестированияОбзор методов юзабилити-тестирования
Обзор методов юзабилити-тестирования
 
Варианты использования (use cases) для быстрой оценки проектов
Варианты использования (use cases) для быстрой оценки проектовВарианты использования (use cases) для быстрой оценки проектов
Варианты использования (use cases) для быстрой оценки проектов
 
Usability Testing (Тестирование юзабилити)
Usability Testing (Тестирование юзабилити)Usability Testing (Тестирование юзабилити)
Usability Testing (Тестирование юзабилити)
 
Test management print
Test management printTest management print
Test management print
 
Необъектные модели предметной области
Необъектные модели предметной областиНеобъектные модели предметной области
Необъектные модели предметной области
 
Usability_testing
Usability_testingUsability_testing
Usability_testing
 
Знакомство с Online Test Pad
Знакомство с Online Test PadЗнакомство с Online Test Pad
Знакомство с Online Test Pad
 
Кровь, пот и слезы ваших пользователей. Уроки, вынесенные из юзабилити исслед...
Кровь, пот и слезы ваших пользователей. Уроки, вынесенные из юзабилити исслед...Кровь, пот и слезы ваших пользователей. Уроки, вынесенные из юзабилити исслед...
Кровь, пот и слезы ваших пользователей. Уроки, вынесенные из юзабилити исслед...
 
Юзабилити-тестирование (2008)
Юзабилити-тестирование (2008)Юзабилити-тестирование (2008)
Юзабилити-тестирование (2008)
 
Тест-дизайн: проще читать или проще писать
Тест-дизайн: проще читать или проще писатьТест-дизайн: проще читать или проще писать
Тест-дизайн: проще читать или проще писать
 

More from allileja

Лекция №1. Введение в проектирование пользовательских интерфейсов.
Лекция №1. Введение в проектирование пользовательских интерфейсов.Лекция №1. Введение в проектирование пользовательских интерфейсов.
Лекция №1. Введение в проектирование пользовательских интерфейсов.
allileja
 
Ruschi seminar 21 plan
Ruschi seminar 21 planRuschi seminar 21 plan
Ruschi seminar 21 plan
allileja
 
ЗПШ 2009 Прототипирование на бумаге
ЗПШ 2009 Прототипирование на бумагеЗПШ 2009 Прототипирование на бумаге
ЗПШ 2009 Прототипирование на бумаге
allileja
 
Modelling the UI design process
Modelling the UI design processModelling the UI design process
Modelling the UI design process
allileja
 

More from allileja (6)

Лекция №1. Введение в проектирование пользовательских интерфейсов.
Лекция №1. Введение в проектирование пользовательских интерфейсов.Лекция №1. Введение в проектирование пользовательских интерфейсов.
Лекция №1. Введение в проектирование пользовательских интерфейсов.
 
Лекция №1
Лекция №1Лекция №1
Лекция №1
 
Trip
TripTrip
Trip
 
Ruschi seminar 21 plan
Ruschi seminar 21 planRuschi seminar 21 plan
Ruschi seminar 21 plan
 
ЗПШ 2009 Прототипирование на бумаге
ЗПШ 2009 Прототипирование на бумагеЗПШ 2009 Прототипирование на бумаге
ЗПШ 2009 Прототипирование на бумаге
 
Modelling the UI design process
Modelling the UI design processModelling the UI design process
Modelling the UI design process
 

designing UI, workshop, second day

  • 1. МАСТЕРСКАЯ-ПРАКТИКУМ ПО ЭРГОНОМИЧЕСКИМ ОСНОВАМ ПРОЕКТИРОВАНИЯ ПОЛЬЗОВАТЕЛЬСКИХ ИНТЕРФЕЙСОВ Владимир Николаевич Лукин Московский Авиационный Институт Лев Николаевич Чернышов Московский авиационный институт Алина Александровна Зотова ООО Netcracker RusCHI member
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Объект и фон TEXT TEXT TEXT TEXT TEXT TEXT
  • 9. Организация элементов в пространстве TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
  • 10.
  • 11.
  • 12.
  • 13. Статусы элементов интерфейса Enable Все поля доступны для редактирования. Disable Поля не участвуют в текущем контексте, недоступны для чтения, копирования и редактирования. Read-only Поля доступны для прочтения и копирования, изменять нельзя. Hide Поля не участвуют в задаче или запрещены для данной роли.
  • 14.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.