Красивый интерфейс лишь вершина айсберга. Под водой скрывается очень много: структура самого приложение, нужный пользователю функционал, цели пользователей и бизнеса. На примере проверенных временем моделей я покажу необходимые этапы проектирования интерфейсов и их влияние на пользовательский опыт. А чтобы окончательно вас убедить в своих словах, расскажу примеры из собственного опыта, иллюстрирующие как надо и как не стоит делать.
Открывающая презентация на мастер-классе по проектированию в МИЭМ. В мероприятии участвовали сотрудники компаний UIDG и Mail.ru. Видео и фото с мастер-класса можно посмотреть здесь: http://miem.edu.ru/news/17-%D0%BC%D0%B0%D1%80%D1%82%D0%B0-%D0%B2-%D0%9C%D0%98%D0%AD%D0%9C-%D0%BF%D1%80%D0%BE%D1%88%D0%B5%D0%BB-%D0%BC%D0%B0%D1%81%D1%82%D0%B5%D1%80-%D0%BA%D0%BB%D0%B0%D1%81%D1%81-%D0%BF%D0%BE-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8E-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D1%85-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D0%BE%D0%B2.html
В этой презентации руководитель компании SEO-компании "Клюква" Александр Петраков рассказывает о составных частях поисковой системы и даёт представление об азах SEO-продвижения
Открывающая презентация на мастер-классе по проектированию в МИЭМ. В мероприятии участвовали сотрудники компаний UIDG и Mail.ru. Видео и фото с мастер-класса можно посмотреть здесь: http://miem.edu.ru/news/17-%D0%BC%D0%B0%D1%80%D1%82%D0%B0-%D0%B2-%D0%9C%D0%98%D0%AD%D0%9C-%D0%BF%D1%80%D0%BE%D1%88%D0%B5%D0%BB-%D0%BC%D0%B0%D1%81%D1%82%D0%B5%D1%80-%D0%BA%D0%BB%D0%B0%D1%81%D1%81-%D0%BF%D0%BE-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8E-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D1%85-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D0%BE%D0%B2.html
В этой презентации руководитель компании SEO-компании "Клюква" Александр Петраков рассказывает о составных частях поисковой системы и даёт представление об азах SEO-продвижения
Про ИА. Визуальные сценарии и объекто-информационная модель.Nikita Efimov
- Проблемы перехода от этапа анализа к проектированию
- Информационная архитектура и модели поиска
- Визуальные сценарии
- Объектно-информационная модель
О пользе работы над юзабилити интерфейсов.
Выступление на конференции "Интернет бизнес" 14 апреля 2011 г.
Читать заметки к слайдам в режиме примечаний! :)
Гости из Москвы из компании USABILITYLAB расскажут нам про историю HCD и usability-тестирование (виды тестирования, требования, ограничения, обработку данных)
Я бы соврал, если бы сказал, что работа над новым приложением LiveJournal для iOS проходила абсолютно гладко - такого просто не бывает. Несколько используемых API, часть из которых дорабатывалась в процессе, непростой дизайн, необычные продуктовые решения, сложная политика кэширования - все это делало проект не просто сложным, а и очень интересным с точки зрения разработки.В своем выступлении я хочу рассказать несколько историй о том, как налаженные процессы разработки и применение принятых в iOS команде Rambler&Co архитектурных подходов помогли нам в каких-то случаях пережить столкновение с граблями, а в каких-то - и вовсе не наступать на них. Я затрону такие темы, как code review и его роль в поддержании концептуальной целостности проекта, continuous delivery, организацию гибкого сетевого слоя, unidirectional data flow, и, конечно же, VIPER. И небольшой спойлер: мы все-таки его выпустили, и оно крутое!
TК°Conf. Организация разработки Frontend. Виталий Слободин.TKConf
Расскажу об организации процесса разработки Frontend в единый конвейер, чтобы увеличить скорость и минимизировать затраты с рисками.
Как организовать верстку макета по фантастичному макету дизайнера при этом не вогнав в когнитивный диссонанс результатом на Bootstrap.
Каким образом объединить воинствующие стороны: Frontend, Backend и дизайнеров.
TК°Conf. Ещё не поздно учить WebGL. Антон Корзунов.TKConf
Что в докладе:
Коротко о том, почему WebGL не нужен;
Коротко о тех кейсах, где он может быть полезен;
Коротко о том, почему его следует изучить;
Немного о том, чем webgl является, а чем нет;
И о том чем webgl отличается от TreeJs.
TК°Conf. Stylelint — как и зачем линтить CSS. Андрей Ситник.TKConf
ESLint уже стал стандартом и большинство команд линтит JS. Но что с CSS? Андрей Ситник рассмотрит все линтеры для CSS. На примере Stylelint и Stylefmt покажет как линтер может повышать качество кода и решать социальные проблемы команды.
TК°Conf. Хайп против реальности: год жизни с изомофорным React-приложением. И...TKConf
Год назад, на волне всеобщего восторга, автором было принято судьбоносное решение стартовать новый проект на связке React + Redux + Webpack. Решающим фактором стала обещанная изомофорность - переиспользование одного и того же кода отрисовки на сервере и клиенте. В этом докладе я освещу основные недостатки такого подхода, решенные и нерешенные (пока что) проблемы. Я по-рассуждаю о том, стоит ли игра свеч, и во что обходится продукту нахождение на переднем крае Frontend-технологий.
TК°Conf. Как проложить путь к успеху с помощью банковских карт. Александр Сычев.TKConf
Мой доклад посвящен основам электронной коммерции и интернет-эквайрингу в частности. Будут рассмотрены основные участники и этапы обработки платежной транзакции, выполненной с помощью банковской карты в сети. Также коснемся вопросов защиты от мошенничества с данными карт и узнаем, зачем проходить сертификацию PCI DSS. В конце поговорим про возможность приема оплаты в мобильных приложениях и веб-сервисах: будет дан обзор вариантов реализации от открытия веб-формы до Apple Pay.
TК°Conf. «Быстрокод» и что за это бывает. Артём Кулаков.TKConf
В докладе пойдет речь суровых реалиях разработки коммерческого ПО. Поговорим о том, какой код нужен вашему заказчику и как организовать процессы в продуктовой команде чтобы решать задачи заказчика максимально эффективно.
TК°Conf. Микросервисы и Docker. Глеб Паньшин.TKConf
Когда вы пытаетесь следовать гибким методологиям, создавать небольшие автономные команды, микросервисы в вашем проекте появляются естественным путем. Или нет. Обязательно поговорим о "Монолит vs. Микросервисы". И хотя эти маленькие трудяги помогают вам scale и достигать agility они неплохо добавляют вам проблем с доставкой и разработкой.
В заключении попробую ответить на вопрос как деплоить 5 или 50 микросервисов? Не знаю, но давайте попробуем Docker.
TК°Conf. 10 проблем автоматизации UI и их решение с помощью JDI. Роман Иовлев.TKConf
Автоматизация тестирования является важной и не неотъемлемой частью разработки современного ПО, но без правильного подхода не редко случается, что написание автотестов занимает слишком много времени, а их поддержка может требовать больше затрат чем просто ручная регрессия. Почему же так происходит и как этого избежать? В этой презентации, базируясь на своем опыте работы во множестве проектов, я хочу рассказать об основных ошибках и проблемах, с которыми приходится сталкиваться автоматизаторам и что нужно сделать чтобы их избежать (на примере фреймворка для автоматизации JDI)
TК°Conf. Обеспечение качества в продуктовых проектах. Наталья Руколь.TKConf
Отрасль тестирования и обеспечения качества сильно эволюционировала за несколько последних десятилетий. С появлением конкуренции на рынке появилась необходимость в тестировании. Сначала это были тестировщики-мартышки, нажимающие на кнопки и нечаянно находящие некоторые ошибки в продуктах. После появились тестировщики-аналитики, создающие модели тестируемого ПО и обеспечивающие более высокие уровни тестового покрытия.
TК°Conf. Сетевые орг.структуры. Владимир Каленов.TKConf
Рассказ будет про сетевые структуры управления Holacracy (R) и подобные. А значит про модели масштабирования Agile - SAFe, NEXUs, LeSS и т.п. О проблемах в области принятия решений и выявлении компетенций.
25. Разные потребности
• Пополнить запасы на складе
• Заказать запчасти для ТО
• Заказать набор деталей для конкретного ремонта
• Заказать специфичную деталь “под клиента”
• Быть в курсе относительно стоимости и доступности
требуемой детали (консультирование)
44. • Какую пользовательскую проблему решаем?
Простой алгоритм действий
• Что это за люди?
• Зачем это нужно бизнесу?
• Какие есть ограничения/возможности?
45. Scope
• контекст использования
• потребности пользователей и их поведение
• стандарты, гайдлайны, эргономика
• требования usability (относительно задач)
• требования бизнеса (которые затрагивают пользователей)
• требования безопасности и регуляторных документов
• и т.д.
Функционал на базе требований
47. Убрать полезное
8 (383) 280-42-21
Написать обращение
Нужна помощь или есть вопросы?
Обратитесь в службу заботы о клиентах
Оптовым клиентам: 5 раз в неделю
Самовывоз
Доставка по городу
Отправка по области
ул. 1-ая Ельцовка, дом 1 корпус "И"
Наличная и безналичная оплата
Водители
Воскобойников Александр
Тараканов Сергей
Чекушкин Алексей
Шагирданов Павел
Кононов Алексей
директор филиала
Егоров Алексей
менеджер по развитию
Москалюк Анна
бухгалтер
ПН – ПТ: с 9:00 до 18:00
СБ, ВС: выходной
Автопитер – Новосибирск
48. Scope
• контекст использования
• потребности пользователей и их поведение
• стандарты, гайдлайны, эргономика
• требования usability (относительно задач)
• требования бизнеса (которые затрагивают пользователей)
• требования безопасности и регуляторных документов
• и т.д.
Функционал на базе требований
53. Всё дело в информации
Информация
Информация
Информация
Информация
54. Ключевые проблемы
• Всегда есть больше одного способа организации
информации. И не всегда ясно, какой из них лучше
• У людей разные цели и способы добраться до информации
• У людей обычно разное представление о том, где и какую
информацию надо искать (и как её описать)
• Кто-то знает больше, а кто-то – меньше (на “входе” и о
предметной области)
57. Надо задать 100500 вопросов
• Что человек ищет (какую информацию)?
• Что он с ней собирается делать?
• Какие использует термины для описания/поиска?
• Как информационные объекты связаны друг с другом?
• Как обеспечить быстрый доступ к наиболее важным
объектам?
• Какая информация важна в первую очередь (на
конкретном экране)?
• и многое другое…
58. Skeleton
Решение конкретных интерфейсных задач
• компоновка экранов и навигация между ними
• учёт типовых паттернов
• выбор типов элементов для взаимодействия
• проработка микровзаимодействия
• проработка реального контента
• учёт особенностей восприятия информации и
поведенческих факторов
65. Ограниченные возможности
• Нарушение цветовосприятия
• Проблемные дисплеи/мониторы
• Освещение
• Физические возможности человека (зрение, моторика,
скорость обработки информации и др.)
• Анимация
• и многое другое
69. If we like just looking at a
beautiful product, we’ll most
likely end up thinking it is more
usable than it actually is.
http://www.uxmatters.com/mt/archives/2016/08/designing-desirable-experiences.php
72. Люди забудут, что вы сказали.
Люди забудут, что вы сделали.
Но они никогда не забудут, что
вы заставили их чувствовать.
Maya Angelou
73. Эмоции
Мы уже почти готовы отправить акт сверки
СПАСИБО, ЖДУ
Ваш запрос обрабатывается
16.03.2016 – 16.04.2016
alexander.voskoboynikov@gmail.com
Мы не нашли взаиморасчётов за указанный период
Попробуйте запросить акт сверки за другой период.
ЗАПРОСИТЬ
Ой, что-то пошло не так…
16.03.2016 – 16.04.2016