SlideShare a Scribd company logo
1 of 46
Download to read offline
Артем Геллер
понедельник, 1 июля 13 г.
Президент.рф
Правительство.рф (Новый)
Минобрнауки.рф
Путин.президент.рф
Законопроект2012.рф / РБД
Правительство.рф/special
Mashajs.com
понедельник, 1 июля 13 г.
Президент.рф 5 лет и сотни клонов
Правительство.рф Минимализм, шум
Минобрнауки.рф Технологичность
Путин.президент.рф Удобочитаемость
Законопроект2012.рф Сложное просто
Правительство.рф/special Дискредитация
Mashajs.com Технологии в массы
понедельник, 1 июля 13 г.
746 макетов
Просто. Понятно. Удобно.
понедельник, 1 июля 13 г.
Просто. Понятно. Удобно.
понедельник, 1 июля 13 г.
Метрики. Анализ. Опыт.
Прототипирование, wireframes, интерактивное прототипирование, responsive web design,
синхронизация, принцип “mobile first”, сервис-дизайн, минимализм, функционализм, снижение
визуального шума, концепция “clear room”, мотивационный дизайн, современные способы
взаимоействия, концепция “не потребление услуг, а предвкушения услуг”
понедельник, 1 июля 13 г.
Меняем культуру.
Нет секретов. Есть блоги, социальные сети, twitter, youtube, GitHub и живое общение.
понедельник, 1 июля 13 г.
Пользователям необходима исчерпывающая,
лаконичная, полезная и удобная в использовании
информация о работе государства.
В интернете нет времени болтать попусту и
лить воду на госресурсах.
При необходимости существует достаточно
инструментов, чтобы дать пользователю
максимум деталей.
понедельник, 1 июля 13 г.
C сегодняшнего дня все необходимо строить
с позиции и в духе идеи “продуманного, умного
подхода в создании новых ресурсов и оказании
электронных услуг”.
По сути мы параллельно начинаем заново, строить
электронное правительство.
понедельник, 1 июля 13 г.
Цель должна быть однозначной - высокое
качество пользовательских взаимодействий
граждан с государством, через архитектуру и
всесторонне проработанную платформу
государственного предоставления информации
и услуг в электронном виде.
понедельник, 1 июля 13 г.
Приоритеты.
понедельник, 1 июля 13 г.
Потребности пользователей (граждан)
Потребности профессионалов
Информационный шум
Приоритеты и акценты
Технологический скачек
Доступность
Удобочитаемость и копирайтинг
Открытость (данные, процесс, обратная связь)
Постоянная разработка (always beta, процесс)
понедельник, 1 июля 13 г.
Принципы дизайна
понедельник, 1 июля 13 г.
Итерации, итерации
понедельник, 1 июля 13 г.
Последовательно
понедельник, 1 июля 13 г.
Понимание приходит
в процесе
понедельник, 1 июля 13 г.
понедельник, 1 июля 13 г.
понедельник, 1 июля 13 г.
понедельник, 1 июля 13 г.
Контент - все
понедельник, 1 июля 13 г.
Для тех кто его создает.
понедельник, 1 июля 13 г.
Тон общения. (пользователи или внутрибюрокртатическое)
Жаргонизмы.
Слова и формулировки, которых следует избегать.
Не ясность и расплывчатость.
Борьба и понимание значения заглавных букв (capitalise)
Изображения и их аттрибуты (размеры, alt, умный crop, копирайт)
750 слов в теле материала и 80 символов в одной строке
понедельник, 1 июля 13 г.
понедельник, 1 июля 13 г.
Типографика
понедельник, 1 июля 13 г.
Наш выбор и подход
понедельник, 1 июля 13 г.
понедельник, 1 июля 13 г.
2 Примера
понедельник, 1 июля 13 г.
Задача:
Хочу узнать официальные
выходные дни.
понедельник, 1 июля 13 г.
В прошлом актуальный
формат подачи информации
на государственных сайтах:
понедельник, 1 июля 13 г.
На самом деле в настоящем :-(
понедельник, 1 июля 13 г.
На данный момент эта информация представлена текстом
Постановления Правительства Российской Федерации от 20 июля 2011
г. №581 «О переносе выходных дней в 2012 году», а так же сообщением
пресс-службы правительства на официальном сайте правительства.
понедельник, 1 июля 13 г.
Как надо.
Самая важная задача для пользователя в большинстве случаев - узнать ближайший не рабочий
день. Именно ответу на этот вопрос поставлен максимальный акцент.
понедельник, 1 июля 13 г.
понедельник, 1 июля 13 г.
понедельник, 1 июля 13 г.
Пример №2 из миллиона.
понедельник, 1 июля 13 г.
Задача:
Узнать о грантах в образовании.
понедельник, 1 июля 13 г.
Актуальный формат подачи
информации на
государственных сайтах
сегодня:
понедельник, 1 июля 13 г.
понедельник, 1 июля 13 г.
Как надо.
понедельник, 1 июля 13 г.
18 282
Знаков ведомственной бумаги (специфический язык)
против
350
Знаков (приблизительно), которые содержат исключительно полезную
информацию, структурированы и представлены в легком для понимания виде.
понедельник, 1 июля 13 г.
Мало времени, много мыслей
понедельник, 1 июля 13 г.
Внимание. (фокусируем на акценты и приоритеты, пользователь не должен
думать)
Баги. (Исправляйте пока не наступит счастье т.е. вечно. Маленькие детали имеют
огромное значение)
Логичность, последовательность и связанность.
Дизайн из данных и дизайн для данных. (реальные данные и реальное поведение)
Эффективный копирайтинг. (web не print)
Группировка. (группируем связанное рядом)
Помните о железе. (экраны, физические кнопки, жесты, суть устройства)
Итерации, итерации, итерации, итерации, итерации, итерации, итерации. (always
beta)
Упрощайте. Простые вещи - самые сложные. Большое влияние - большая
ответственность.
понедельник, 1 июля 13 г.
Открыто. Мы должны рассказывать о том что мы делаем, чтобы делать лучше.
Люди и персонализация. (фокус на жизни, работе, заботах и мечтах)
Качество. Доскональное внимание. Дъявол в деталях.
Не бойтесь переделывать. Наш продукты обязан быть живым и динамичным.
Cервис. Если можно сделать из контента сервис - это неоходимо делать в
первую очередь.
Удобочитаемость.
Универсальность. Нас должны понимать все культуры, все устройства. Сначала
большинство.
Визуальная иерархия.
Не бойтесь белого пространства.
понедельник, 1 июля 13 г.
Я не боюсь.
понедельник, 1 июля 13 г.
Радуйте глаз не разрушая сознание.
Бесконечно убирайте лишнее. Есть сомнение? Значит это здесь не нужно.
Время загрузки. Каждая миллисекунда имеет значение. Быстро и отзывчиво.
Важные вещи должны работать так в первую очередь.
Предсказуемо.
Получайте удовольствие от процесса. Мне - удается.
понедельник, 1 июля 13 г.
Артем Геллер
Twitter: @darkboutique
понедельник, 1 июля 13 г.

More Related Content

Viewers also liked

Viewers also liked (10)

Simple Fan
Simple FanSimple Fan
Simple Fan
 
Shadows Of The Night 2 Tinta
Shadows Of The Night 2 TintaShadows Of The Night 2 Tinta
Shadows Of The Night 2 Tinta
 
Proyecto Final
Proyecto FinalProyecto Final
Proyecto Final
 
Jenis Olahan Horti Per Komoditi
Jenis Olahan Horti Per KomoditiJenis Olahan Horti Per Komoditi
Jenis Olahan Horti Per Komoditi
 
Steppin’ To The Summit 3
Steppin’ To The Summit 3Steppin’ To The Summit 3
Steppin’ To The Summit 3
 
Strategies for mass housing minimum wagers in nigeria2
Strategies for mass housing minimum wagers in nigeria2Strategies for mass housing minimum wagers in nigeria2
Strategies for mass housing minimum wagers in nigeria2
 
Min
MinMin
Min
 
Shadows Nights1
Shadows Nights1Shadows Nights1
Shadows Nights1
 
www.kremlin.ru Главный сайт страны
www.kremlin.ru Главный сайт страныwww.kremlin.ru Главный сайт страны
www.kremlin.ru Главный сайт страны
 
Cinta Pangan Lokal
Cinta Pangan LokalCinta Pangan Lokal
Cinta Pangan Lokal
 

Krasnodar