SlideShare a Scribd company logo
1 of 43
Download to read offline
ТРЕНДОВ

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




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
СПАСИБО,
А ТЕПЕРЬ—КАРТИНКИ!
OLOGAME
CLEAR APP
SPELLTOWER
WINDOWS 8 SURFACE APP
SQUARESPACE
MIKEKUS

More Related Content

Viewers also liked

Autonomous Agency Employee Handbook
Autonomous Agency Employee HandbookAutonomous Agency Employee Handbook
Autonomous Agency Employee HandbookJames Riley
 
Skyword Digital Agency of the Future Full Report
Skyword Digital Agency of the Future Full ReportSkyword Digital Agency of the Future Full Report
Skyword Digital Agency of the Future Full ReportSkyword Inc.
 
Дизайн-мышление в рекламе.
Дизайн-мышление в рекламе. Дизайн-мышление в рекламе.
Дизайн-мышление в рекламе. Skykillers
 
Digital Agency Account Management Overview
Digital Agency Account Management OverviewDigital Agency Account Management Overview
Digital Agency Account Management OverviewCandace Newton
 
Account Management 101
Account Management 101Account Management 101
Account Management 101Shahzeb Abbasi
 
The Digital Creative Process
The Digital Creative ProcessThe Digital Creative Process
The Digital Creative Processstorybridge
 
Manifesto For A New Ad Agency
Manifesto For A New Ad AgencyManifesto For A New Ad Agency
Manifesto For A New Ad AgencyGiles Rhys Jones
 
Key Account Management Plan
Key Account Management PlanKey Account Management Plan
Key Account Management Plandlares83
 
Advertising Agency
Advertising AgencyAdvertising Agency
Advertising AgencyMohsin Akbar
 
Advertising agency and its functions
Advertising agency and its functionsAdvertising agency and its functions
Advertising agency and its functionsHarshita Tandon
 
Ad agency and its functions
Ad agency and its functionsAd agency and its functions
Ad agency and its functionsvirdhi joshi
 

Viewers also liked (14)

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

Similar to 2013 Web Trends in Digital Design

Тенденции веб-дизайна 2015 года
Тенденции веб-дизайна 2015 годаТенденции веб-дизайна 2015 года
Тенденции веб-дизайна 2015 годаDmitry Lipovoy
 
key trends for 2016
key trends for 2016key trends for 2016
key trends for 2016yunnaserova
 
2015 05-никаких-интерфейсов
2015 05-никаких-интерфейсов2015 05-никаких-интерфейсов
2015 05-никаких-интерфейсовDibar_agency
 
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли..."Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...Yaroslav Trofimov
 
Тема:Разработка приложений
Тема:Разработка приложенийТема:Разработка приложений
Тема:Разработка приложений5bfnz5j9hl5bfnz5j9hl
 
Responsive design
Responsive designResponsive design
Responsive designNimax
 
Ценность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийЦенность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийMichael Kozloff
 
2013 09-26 Обзор новые медиа технологии
2013 09-26 Обзор новые медиа технологии2013 09-26 Обзор новые медиа технологии
2013 09-26 Обзор новые медиа технологииastrablais
 
Back to the future: ux trends 2015
Back to the future: ux trends 2015Back to the future: ux trends 2015
Back to the future: ux trends 2015Ciklum Ukraine
 
Cтартап тренды 2012
Cтартап тренды 2012Cтартап тренды 2012
Cтартап тренды 2012Freshle Community
 
Зачем компаниям нужны новые мобильные приложения?
Зачем компаниям нужны новые мобильные приложения?Зачем компаниям нужны новые мобильные приложения?
Зачем компаниям нужны новые мобильные приложения?Michael Kozloff
 
Татьяна Ледовская Ericsson - Зачем нужен второй экран
Татьяна Ледовская Ericsson - Зачем нужен второй экранТатьяна Ледовская Ericsson - Зачем нужен второй экран
Татьяна Ледовская Ericsson - Зачем нужен второй экранEvgeniy Kozlov
 
вариант 2
вариант 2вариант 2
вариант 2omegalerts
 
Современная разработка ПО (version 2013)
Современная разработка ПО (version 2013)Современная разработка ПО (version 2013)
Современная разработка ПО (version 2013)Андрей Кухаренко
 
Константин Кичинский, Microsoft
Константин Кичинский, MicrosoftКонстантин Кичинский, Microsoft
Константин Кичинский, MicrosoftDiana Dymolazova
 
Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...
Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...
Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...Phil Smirnov
 

Similar to 2013 Web Trends in Digital Design (20)

Тенденции веб-дизайна 2015 года
Тенденции веб-дизайна 2015 годаТенденции веб-дизайна 2015 года
Тенденции веб-дизайна 2015 года
 
trends2016
trends2016trends2016
trends2016
 
key trends for 2016
key trends for 2016key trends for 2016
key trends for 2016
 
2015 05-никаких-интерфейсов
2015 05-никаких-интерфейсов2015 05-никаких-интерфейсов
2015 05-никаких-интерфейсов
 
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли..."Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
 
Тема:Разработка приложений
Тема:Разработка приложенийТема:Разработка приложений
Тема:Разработка приложений
 
Responsive design
Responsive designResponsive design
Responsive design
 
Ценность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийЦенность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложений
 
UX and Digital Product Design Week
UX and Digital Product Design WeekUX and Digital Product Design Week
UX and Digital Product Design Week
 
Barcelona congress
Barcelona congressBarcelona congress
Barcelona congress
 
2013 09-26 Обзор новые медиа технологии
2013 09-26 Обзор новые медиа технологии2013 09-26 Обзор новые медиа технологии
2013 09-26 Обзор новые медиа технологии
 
Back to the future: ux trends 2015
Back to the future: ux trends 2015Back to the future: ux trends 2015
Back to the future: ux trends 2015
 
Cтартап тренды 2012
Cтартап тренды 2012Cтартап тренды 2012
Cтартап тренды 2012
 
Зачем компаниям нужны новые мобильные приложения?
Зачем компаниям нужны новые мобильные приложения?Зачем компаниям нужны новые мобильные приложения?
Зачем компаниям нужны новые мобильные приложения?
 
Татьяна Ледовская Ericsson - Зачем нужен второй экран
Татьяна Ледовская Ericsson - Зачем нужен второй экранТатьяна Ледовская Ericsson - Зачем нужен второй экран
Татьяна Ледовская Ericsson - Зачем нужен второй экран
 
вариант 2
вариант 2вариант 2
вариант 2
 
тренды 2010
тренды 2010тренды 2010
тренды 2010
 
Современная разработка ПО (version 2013)
Современная разработка ПО (version 2013)Современная разработка ПО (version 2013)
Современная разработка ПО (version 2013)
 
Константин Кичинский, Microsoft
Константин Кичинский, MicrosoftКонстантин Кичинский, Microsoft
Константин Кичинский, Microsoft
 
Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...
Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...
Мой опыт проектирования мобильных интерфейсов (DUMP-IT, Екатеринбург, 25 мая ...
 

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
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.