SlideShare a Scribd company logo
ТРЕНДОВ

     в
ВЕБ ДИЗАЙНЕ
КОНТЕНТ
    ПРЕЖДЕ ВСЕГО




1
Контент — самый главный в книге. В
    ближайшие месяцы мы будем наблюдать
    дебаты о том, как контент должен быть
    представлен пользователю и должны ли мы
    адаптировать его под различные девайсы .

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




1
ПРОСТОТА ДИЗАЙНА
     ВЗАИМОДЕЙСТВИЯ
        И КОНТЕНТА




2
Простота — новая парадигма. Процесс
    упрощения будет единственным
    инструментом для того, что бы сделать
    контент доступным и удобочитаемым на
    наибольшем количестве всевозможных
    девайсов с наилучшим пользовательским
    опытом взаимодействия.

    Контент стратегия, UX, юзабилити,
    доступность и визуальный дизайн должны
    быть подчинены этой парадигме




2
UX
ОРИЕНТИРОВАННЫЙ
     ДИЗАЙН




 3
Точка зрения пользователей и их опыт
использования сайтов - архиважен. Общее
упрощение дизайна и процесса
коммуникации. Традиционные сайты
продолжают перенимать паттерны и
элементы интерфейса с мобильных
приложений, потому как они предлагают
более простой и эффективный
пользовательский опыт, что приводит нас к
следующей точке: Интерфейсы выполненные
в стиле мобильных приложений.




 3
ДИЗАЙН В СТИЛЕ
 МОБИЛЬНЫХ
 ПРИЛОЖЕНИЙ




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




        4
УНИФИКАЦИЯ
ОБЫЧНОЙ И МОБИЛЬНЫХ
  ВЕРСИЙ В ЕДИНУЮ




       5
Отзывчивый, адаптивный контент,
устройство независимый, безразличный к
разрешению; все эти условия продвигают
вперед к одному пункту назначения:
унификация настольного и мобильного в
одно единое.




               5
SVG И ТЕХНИКИ
АДАПТИВНОГО ДИЗАЙНА




          6
Поиск мультиплатформенных версий и крос
платформенных технологий приводят к
техникам адаптивного дизайна, таким как:
SVG, webfonts, дизайну с типографикой и
шрифтов с иконками и т.п.




                       6
СПЛОШНЫЕ ЦВЕТА
  И НИКАКОГО
СКЕВОМОРФИЗМА




          7
Главные визуальные тренды, это:
простота, минимализм, чистая верстка,
интерфейсы в стиле приложений, дизайн
сфокусированный на типографике, меньше
декораций, меньше скевоморфных
интерфейсов, плоский стиль, сплошные цвета…
Именно эта тенденция в сторону упрощения в
дизайне с подчеркиванием таких эстетических
вещей, как плоские цвета, отвечает
необходимости по созданию адаптивных
проектов, обработке изображений и
масшабируемости элементов для RETINA
дисплеев с отличной производительностью на
3G соединении, но и для менее
производительных устройств, таких как
электронные книги.




                              7
ТЕХНОЛОГИЧЕСКАЯ
 НЕЗАВИСИМОСТЬ




             8
Главная идея - это технологическая
независимость.
Ростущий интерес к JavaScript и CSS3
Многообразие фреймворков — будет еще
одной константой.
Еще один момент, который действительно
выделяется, это ростущий интерес к WebGl,
особенно среди крупных агенств.
Производительность и потенциал этой
технологии открывает огромное поле для
экспериментов




                                      8
ЭКСПЕРИМЕНТЫ
И ИНОВАЦИИ С
 СЕНСОРНЫМИ
УСТРОЙСТВАМИ



               9
Это будет замечательное время для того, что
бы взять лучшее от мобильных технологий и
создать новый пользовательский опыт,
исследуя взаимодействие с сенсорными
устройствами, а также с речевым вводом и
другими сенсорами.




                                              9
ИНТЕРНЕТ
ВО ВСЕМ




           10
Совсем скоро, мы сможем коммуницировать не
только с нашим телевизором или
холодильником, но и с устройствами с
крошечными LED экранами, кухонными
девайсами, девайсами в автомобиле, …
Выростут сотни совершенно разных платформ.
Без сомнения, интерактивному телевидению
будет отведена лидирующая роль.
Как же нам развивать все это в сторону
рациональной унификации?
Как говорит Арон Волтер (UX director@
MailChimp): “Мы увидим экосистему
законнекченных сервисов” и нам прийдеться
потрудиться, объединяя сервисы и учетные
записи пользователей




                                             10
СПАСИБО,
А ТЕПЕРЬ—КАРТИНКИ!
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
2013 Web Trends in Digital Design
OLOGAME
CLEAR APP
SPELLTOWER
WINDOWS 8 SURFACE APP
SQUARESPACE
MIKEKUS

More Related Content

PDF
Социальные сети для руководителей
PPTX
Как найти молодую аудиторию онлайн и вывести оффлайн
PPT
Strategic planning model
PDF
Digital Media Landscape Ukraine 2015
PPTX
3 brief and briefing
PPTX
Project thinking and digital service business
PDF
The creative briefing process and why it matters
PDF
Диджитал стратегия присутсвия бренда в интернете. Что это?
Социальные сети для руководителей
Как найти молодую аудиторию онлайн и вывести оффлайн
Strategic planning model
Digital Media Landscape Ukraine 2015
3 brief and briefing
Project thinking and digital service business
The creative briefing process and why it matters
Диджитал стратегия присутсвия бренда в интернете. Что это?

Viewers also liked (14)

PDF
Autonomous Agency Employee Handbook
PDF
Skyword Digital Agency of the Future Full Report
PDF
Дизайн-мышление в рекламе.
PDF
Digital Agency Account Management Overview
PDF
Strategy Playbook
PPTX
Account Management 101
PPTX
Digital стратегия
PDF
The Digital Creative Process
PDF
Auditing Your Agency's Business Model
PPTX
Manifesto For A New Ad Agency
PDF
Key Account Management Plan
PPT
Advertising Agency
PPTX
Advertising agency and its functions
PPT
Ad agency and its functions
Autonomous Agency Employee Handbook
Skyword Digital Agency of the Future Full Report
Дизайн-мышление в рекламе.
Digital Agency Account Management Overview
Strategy Playbook
Account Management 101
Digital стратегия
The Digital Creative Process
Auditing Your Agency's Business Model
Manifesto For A New Ad Agency
Key Account Management Plan
Advertising Agency
Advertising agency and its functions
Ad agency and its functions
Ad

Similar to 2013 Web Trends in Digital Design (20)

PDF
Тенденции веб-дизайна 2015 года
PPTX
Bazele conceptuale a dezvoltarii produselor
PPTX
Новейшие тенденции в web-дизайне
PDF
Тренды и тенденции веб- дизайна 2014
PDF
Trenddesign2014 131216032334-phpapp01
PDF
Cтартап тренды 2012
PDF
Тренды веб-дизайна. Алексей Варламов.
PDF
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
PDF
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
PPTX
Тренды в мобильных UX / UI
PPTX
Back to the future: ux trends 2015
PPT
PPT
PDF
Масштабируемые кроссплатформенные веб-приложения / Илья Пухальский (Epam)
PPTX
Trends of Web-design
PPT
Адаптивный дизайн: модный тренд или реальное будущее? — index.art
PPT
Адаптивный дизайн: модный тренд или реальное будущее? - index.art
PPT
DUMP-2013 Проектирование интерфейсов - Адаптивный дизайн: модный тренд или ре...
PDF
Особенности веба
PPTX
Тенденции мира UX: новые вызовы и возможности
Тенденции веб-дизайна 2015 года
Bazele conceptuale a dezvoltarii produselor
Новейшие тенденции в web-дизайне
Тренды и тенденции веб- дизайна 2014
Trenddesign2014 131216032334-phpapp01
Cтартап тренды 2012
Тренды веб-дизайна. Алексей Варламов.
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
Тренды в мобильных UX / UI
Back to the future: ux trends 2015
Масштабируемые кроссплатформенные веб-приложения / Илья Пухальский (Epam)
Trends of Web-design
Адаптивный дизайн: модный тренд или реальное будущее? — index.art
Адаптивный дизайн: модный тренд или реальное будущее? - index.art
DUMP-2013 Проектирование интерфейсов - Адаптивный дизайн: модный тренд или ре...
Особенности веба
Тенденции мира UX: новые вызовы и возможности
Ad

2013 Web Trends in Digital Design

  • 1. ТРЕНДОВ в ВЕБ ДИЗАЙНЕ
  • 2. КОНТЕНТ ПРЕЖДЕ ВСЕГО 1
  • 3. Контент — самый главный в книге. В ближайшие месяцы мы будем наблюдать дебаты о том, как контент должен быть представлен пользователю и должны ли мы адаптировать его под различные девайсы . В любом случае это должно быть нашим главным беспокойством. Мы должны создать эффективный, легкодоступный для поиска, мультиплатформенный контент и удостовериться, что пользователь получает его наиболее удобным способом с точки зрения интерактивного взаимодействия 1
  • 4. ПРОСТОТА ДИЗАЙНА ВЗАИМОДЕЙСТВИЯ И КОНТЕНТА 2
  • 5. Простота — новая парадигма. Процесс упрощения будет единственным инструментом для того, что бы сделать контент доступным и удобочитаемым на наибольшем количестве всевозможных девайсов с наилучшим пользовательским опытом взаимодействия. Контент стратегия, UX, юзабилити, доступность и визуальный дизайн должны быть подчинены этой парадигме 2
  • 7. Точка зрения пользователей и их опыт использования сайтов - архиважен. Общее упрощение дизайна и процесса коммуникации. Традиционные сайты продолжают перенимать паттерны и элементы интерфейса с мобильных приложений, потому как они предлагают более простой и эффективный пользовательский опыт, что приводит нас к следующей точке: Интерфейсы выполненные в стиле мобильных приложений. 3
  • 8. ДИЗАЙН В СТИЛЕ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ 4
  • 9. В течении нескольких следующих месяцев, мы станем свидетелями трансформации множества обычных сайтов, которые будут все больше и больше имитировать стиль и интерфейс мобильных приложений, унифицируя и упрощая контент и дизайн, что способствует созданию адаптивных проектов 4
  • 11. Отзывчивый, адаптивный контент, устройство независимый, безразличный к разрешению; все эти условия продвигают вперед к одному пункту назначения: унификация настольного и мобильного в одно единое. 5
  • 13. Поиск мультиплатформенных версий и крос платформенных технологий приводят к техникам адаптивного дизайна, таким как: SVG, webfonts, дизайну с типографикой и шрифтов с иконками и т.п. 6
  • 14. СПЛОШНЫЕ ЦВЕТА И НИКАКОГО СКЕВОМОРФИЗМА 7
  • 15. Главные визуальные тренды, это: простота, минимализм, чистая верстка, интерфейсы в стиле приложений, дизайн сфокусированный на типографике, меньше декораций, меньше скевоморфных интерфейсов, плоский стиль, сплошные цвета… Именно эта тенденция в сторону упрощения в дизайне с подчеркиванием таких эстетических вещей, как плоские цвета, отвечает необходимости по созданию адаптивных проектов, обработке изображений и масшабируемости элементов для RETINA дисплеев с отличной производительностью на 3G соединении, но и для менее производительных устройств, таких как электронные книги. 7
  • 17. Главная идея - это технологическая независимость. Ростущий интерес к JavaScript и CSS3 Многообразие фреймворков — будет еще одной константой. Еще один момент, который действительно выделяется, это ростущий интерес к WebGl, особенно среди крупных агенств. Производительность и потенциал этой технологии открывает огромное поле для экспериментов 8
  • 18. ЭКСПЕРИМЕНТЫ И ИНОВАЦИИ С СЕНСОРНЫМИ УСТРОЙСТВАМИ 9
  • 19. Это будет замечательное время для того, что бы взять лучшее от мобильных технологий и создать новый пользовательский опыт, исследуя взаимодействие с сенсорными устройствами, а также с речевым вводом и другими сенсорами. 9
  • 21. Совсем скоро, мы сможем коммуницировать не только с нашим телевизором или холодильником, но и с устройствами с крошечными LED экранами, кухонными девайсами, девайсами в автомобиле, … Выростут сотни совершенно разных платформ. Без сомнения, интерактивному телевидению будет отведена лидирующая роль. Как же нам развивать все это в сторону рациональной унификации? Как говорит Арон Волтер (UX director@ MailChimp): “Мы увидим экосистему законнекченных сервисов” и нам прийдеться потрудиться, объединяя сервисы и учетные записи пользователей 10