PHP Uploader - By Phenix-TN & Mr.Anderson
Linux kanss.ru 3.10.0-1062.9.1.el7.x86_64 #1 SMP Fri Dec 6 15:49:49 UTC 2019 x86_64
okokok/home/admindima/public_html/sigma-z.ruokokok 7 ключей к успешному визуальному дизайну в редизайне сайта
banner
banner
banner
banner
7 ключей к успешному визуальному дизайну в редизайне сайта thumbnail

7 ключей к успешному визуальному дизайну в редизайне сайта

11

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

Когда у вас есть только 15 секунд, это легко забыть свои первоначальные цели по редизайну и потратить недели на то, чтобы разбираться в цветовых схемах, должен ли логотип идти слева или справа, или отправлять доказательства после проверки. И хотя такие вещи, как цвета меню важны, фаза визуального дизайна – это только фаза. Это только один фактор во всем процессе редизайна сайта. Помните: редизайн – это марафон, а не спринт. Не теряйте своего величия (или своего ума) на полпути через гонку.

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

1. Приоритет хорошего дизайна и хорошего UX

Хороший дизайн веб-сайта является красивым и удобным для пользователя. Проявите творческий подход, но убедитесь, что дизайн не нарушает пользовательский опыт. Согласно Next Web News, наиболее распространенными ошибками, связанными с сочетанием хорошего UX и хорошего дизайна, являются:

  • проектирование для себя
  • запутывающий UX для пользовательского интерфейса
  • запрашивать у пользователя слишком много информации

Если вы вовлечены в творческий аспект вашего нового веб-сайта, легко представить ваш новый дизайн как нечто вас

будет любить и наслаждаться. Но в игре присутствует большая аудитория – заинтересованные стороны, обычные пользователи, настоящие сотрудники веб-команды, которые будут взаимодействовать с серверной частью сайта каждый день. Сайт должен привлекать вашу целевую аудиторию, что происходит благодаря тому, что он визуально соблазнителен и основан на исследовании поведения пользователей и удобстве использования. Хороший сайт должен выглядеть великолепно, но также прекрасно себя чувствовать . Для этого пользователи должны иметь возможность выполнять действия на сайте (UX) с помощью лучших инструментов (UI). Когда вы делитесь своими приоритетами с командой дизайнеров, не забудьте подчеркнуть оба.

2. Определите требования к дизайну

Узнайте, какие требования к дизайну являются обязательными (или не обязательными) для вашего веб-сайта. Зачастую это происходит слишком поздно или слишком поздно, и внезапно вы возвращаетесь к дебатам по меню на шесть месяцев. Ваш сайт должен иметь определенные цвета? Определенные логотипы? Должна ли каждая страница иметь одинаковый формат? Есть другое меню навигации? Должны ли адреса быть включены в нижний колонтитул на одной странице?

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

3. Дизайн с учетом доступности

Говоря о требованиях к дизайну, не забывайте о доступности! Проще (и просто вежливо) сделать свой сайт доступным сейчас, а не тратить больше денег, чтобы сделать его доступным после запуска. Это идет рука об руку с приоритетом хорошего дизайна и хорошего пользовательского опыта, который должен распространяться на всех пользователей. Проектирование с учетом доступности или «проектирование с сочувствием» означает рассмотрение таких вопросов, как цвет страницы, как работают программы чтения с экрана и правильная маркировка.

Например: Вы – высшее учебное заведение, желающее разместить обновленную карту кампуса на своей домашней странице в рамках редизайна вашего сайта. Вы решаете пометить определенные маршруты на карте красными и зелеными линиями, чтобы обозначить самый быстрый способ навигации по кампусу, в том числе для новой ориентации студента. Однако, поскольку примерно 8% мужчин во всем мире и 0,5% женщин в настоящее время живут с дальтонизмом, есть большая вероятность того, что поступающий студент не сможет различить различные маршруты на вашей карте и не сможет сказать, какой маршрут ведет к ориентации студента без дополнительной информации.

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

4. Создание макетов страниц и прототипов

Может быть трудно представить каркасы или чертежи сайта как функционирующий веб-сайт. Хотя оба отображают макет или информационную архитектуру, они обычно не показывают общий стиль, цвет или графику. Вы можете не иметь представления о том, как будет выглядеть сайт после завершения работы после просмотра каркаса. Создание макетов страниц в Photoshop или создание прототипов HTML предлагает более полную картину готового проекта и предоставляет реальное видение веб-сайта, которым можно поделиться с заинтересованными сторонами. Если вы делаете это собственными силами, у PSDFan есть несколько отличных примеров того, как разрабатывать свои собственные и конвертировать их в HTML. В противном случае ваша команда разработчиков должна предоставить несколько прототипов для утверждения до того, как начнется фактическая разработка сайта.

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

5. Примите настоящий подход «сначала мобильный»

Используйте подход «сначала мобильные», создав и оптимизировав свой дизайн для мобильных устройств, прежде чем адаптировать их для настольных компьютеров и ноутбуков. Все это начинает звучать знакомо? Потратьте время на редизайн вашего сайта сейчас, чтобы сэкономить время позже. И это правда, потому что вы никогда не знаете, что может произойти позже – с декабря 2010 к декабрю 2014, использование смартфонов выросло 394% и использование планшета увеличилось на 1, 721%. В совокупности использование смартфонов и планшетов составляет 60% времени, затраченного на цифровое мультимедиа. Кто бы знал, что маленькая фруктовая компания так быстро изменила бы всю нашу жизнь?

Мобильный сайт также имеет жизненно важное значение для рейтинга вашего мобильного поиска. После изменения алгоритма, известного как Mobilegeddon, Google теперь оценивает мобильные сайты выше в списке поиска. Если вы не оптимизируете свой переработанный сайт для мобильных устройств, вы просто увидите, как ваш новый веб-сайт упадет до результатов второй страницы. Не уверены, что ваш дизайн для мобильных устройств? Пройдите тест Google для мобильных устройств.

6. Не забывайте скорость

Кто-нибудь когда-нибудь жаловался на слишком быструю загрузку страницы ? Немного может иметь большое значение – одна дополнительная секунда времени загрузки страницы может уменьшить конверсию на 7%. Фактически, одно исследование показало, что почти 50% пользователей покидают страницу после 10 секунды времени загрузки. При такой скорости задержка в одну секунду может обойтись сайту электронной коммерции в $ 100, 000 в день 2,5 миллиона потерянных продаж каждый год. Двухточечные-пять-мельница. Шесть нулей.

Время загрузки страницы также влияет на вашу стратегию SEO, поскольку поисковые системы наказывают за медленное время загрузки на мобильных и настольных компьютерах. Поскольку Google хочет предоставлять лучшие результаты поиска, он не хочет размещать страницы с высоким рейтингом, к которым невозможно получить доступ. Само собой разумеется, дизайн вашего сайта с элементами, которые загружаются быстро. Несколько способов сделать это включают использование веб-оптимизированных изображений, избегание страниц с расширенной прокруткой и использование сети доставки контента (CDN) для размещения ваших мультимедийных файлов.

7. Создать веб-стандарты

Помните требования к дизайну из шага № 2? В аналогичном формате создайте набор веб-стандартов, которые будут применяться во время и после запуска редизайна. К ним относятся цвета, шрифты, макеты страниц, использование логотипа и т. Д., Которые, как ожидается, ваши авторы контента и веб-редакторы будут применять и соблюдать. Считайте это визуальным руководством по стилю редактирования. Обязательно начните использовать их раньше, чем позже, чтобы ваша команда чувствовала себя комфортно, замечая изменения и корректируя рабочий процесс.

Ищете дополнительные советы по редизайну сайта? Загрузите веб-руководство по 7 этапам редизайна веб-сайта сегодня.

Get the Guide

)

0

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *