10 тенденций разработки сайтов в 2013 году

Рассмотрим тенденции WEB разработки этого года описанные в книге PDF

Каковы из них ключевые?

  • 1. ПЕРВИЧНОСТЬ КОНТЕНТА
  • 2. ПРОСТОТА ВЗАИМОДЕЙСТВИЯ ДИЗАЙНА И СОДЕРЖИМОГО САЙТА
  • 3. ОРИЕНТИРОВАННОСТЬ НА ЮЗАБИЛИТИ (UX)
  • 4. ИНТЕРФЕЙСЫ В СТИЛЕ APP
  • 5. УНИФИКАЦИЯ ДЕСКТОПНОЙ И МОБИЛЬНОЙ ВЕРСИИ
  • 6. ТЕХНОЛОГИИ АДАПТИВНОСТИ И МАСШТАБИРУЕМОСТИ ВЕКТОРНОЙ ГРАФИКИ (SVG)
  • 7. ОДНОТОННОСТЬ ЦВЕТОВ
  • 8. ТЕХНОЛОГИЧЕСКИЙ АГНОСТИЦИЗМ
  • 9. ЭКСПЕРИМЕНТЫ С СЕНСОРАМИ УСТРОЙСТВ
  • 10. ИНТЕРНЕТ В ОКРУЖАЮЩИХ ПРЕДМЕТАХ

Делать обзор в попытке собрать все эти тенденции воедино не просто, но в книге есть идеи, которые облегчили нам задачу:

Брюс Лоусон: “Если я посетил сайт железной дороги, то я не хочу увидеть Ричарда Бренсона улыбающегося мне и не хочу читать историю жизни Чифа Экзека. Все что я хочу — это знать во сколько отбывает мой поезд и сколько времени на данный момент.”

Карен Макгрэй: “Мобильный не значит облегченная версия. Вы не можете решать какие устройства использовать людям при посещении вашего сайта. Решать должны они сами.”

Симон Фостер: “Я всегда помню, что независимо от того насколько хорошо я сделал сайт, пользователь не желает тратить на него более 10 секунд на него .”

Этот проект показывает необходимость определения приоритетности содержимого и точки зрения пользователя. Почти все участники выразили озабоченность по поводу доступности и производительности приложений с различных устройств, существующих сегодня и их количество будет только расти. Положение вещей сейчас уже не то, что было несколько лет назад. Рэйчел Андрю отмечает:

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

Несколько лет назад, следуя тенденциям мы фокусировались на разработке визуальных эффектов, анимации и т.д… Но будущее непредсказуемо.

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

Все тенденции, которые мы рассмотрим являются взаимозависимыми и определяются тремя принципами: Ориентация на контент, Юзаюбилити и Простота. Они формируют новую парадигму, которой необходимо следовать для того чтобы сайт отображался на любом устройстве в потоке новинок.

 

  • 1. Первичность контента

    10 тенденций разработки сайтов в 2013 году

    Контент первичен и должен быть центром вселенной на сайте. Главной нашей заботой должна быть доступность содержимого. Необходимо создавать контент эффективным, релевантным, доступным, кросплатформенным и быть уверенным, что он доставлен пользователю с использованием лучших интерактивных технологий.

  • 2. Простота взаимодействия дизайна и содержимого сайта

    10 тенденций разработки сайтов в 2013 году

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

  • 3. Ориентированность на юзабилити (UX)

    10 тенденций разработки сайтов в 2013 году

    Точка зрения пользователя и удобство критически важны. Традиционные сайты будут приближаться к модели мобильной версии пользовательского интерфейса потому что они эффективнее и удобнее для пользователя и это приводит к следующему тезису, “App стиль интерфейса”…

  • 4. Интерфейс в стиле App

    10 тенденций разработки сайтов в 2013 году

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

  • 5. Унификация десктопной и мобильной версии сайта

    10 тенденций разработки сайтов в 2013 году

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

    Эксперты высказываются именно за адаптивность дизайна.

  • 6. Технологии адаптивности и масштабируемости векторной графики (SVG)

    10 тенденций разработки сайтов в 2013 году

    Поиски кросплатформенных технологий привели к развитию технологий SVG, веб шрифтов, типографики и шрифтовых иконок…

  • 7. Однотонность цвета

    10 тенденций разработки сайтов в 2013 году

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

  • 8. Технологический агностицизм

    10 тенденций разработки сайтов в 2013 году

    Технологический агностицизм, конечно же, является основной идеей.

    В веб приложениях мы видим суп из  HTML/ CSS/ Javascript. Мы имеем множество CSS в различных формах, различные фильтры, CSS эффекты, 3D трансформации, препроцессоры и такие технологии как SVG или веб шрифты ориентированные на адаптивность.  Стоит отметить, растущий интерес к Javascript в разработке сайтов, но когда дело дойдет до эффектов, анимации, фильтров и т.д., ему придется отступить, чтобы освободить место для новых возможностей CSS3.

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

    С другой стороны мы имеем развитие приложений под iOS и Android, где нет ничего нового, но имеется постоянная потребность в кросплатформенных технологиях сайтов. Распространение Android будет увеличивать эту потребность.

    Другая технология привлекающая повышенный интерес — WebGL. На нее возлагаются большие надежды благодаря хорошей производительности и потенциал для экспериментов.

  • 9. Эксперименты с сенсорами устройств

    10 тенденций разработки сайтов в 2013 году

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

  • 10. Интернет в окружающих предметах

    10 тенденций разработки сайтов в 2013 году

    Скоро мы будем взаимодействовать не только с холодильниками и телевизорами, но и с крошечными  LED экранами, кухонной техникой, автомагнитолой… Будут возникать сотни интерактивных платформ. Несомненно ведущая роль будет за интерактивным ТВ. Как мы сможем рационально объединить все это?

    Как говорит Арон Вальтер, это будет «экосистема объединенных сервисов» и необходимо упорно трудиться над интеграцией сервисов и пользовательских аккаунтов..

  • Инфографика

    Следующие изображения иллюстрируют основные тенденции ближайшего будущего в визуальном и технологическом дизайне этого года.

  • Визуальные и дизайнерские идеи

    10 тенденций разработки сайтов в 2013 году

  • Технологические идеи

    10 тенденций разработки сайтов в 2013 году