Какие распространенные ошибки может допустить дизайнер при разработке веб-дизайна и как их избежать?

Каких распространенных ошибок следует избегать при проектировании? Я знаю, что цвет, текст и изображения играют важную роль в дизайне, но есть так много других вещей, о которых нам нужно позаботиться! Я не знаю других вещей, но я знаю, что их так много...

Много раз мы получаем конечный результат с ошибками (незначительные-большие-видимые-скрытые)...

Итак, мой вопрос:

  • Какие типичные ошибки мы совершаем? (ты тоже включена, дорогая) (это не значит, что никто не ошибается, все делают)
  • Как я/мы можем избежать этих ошибок?

Ответы (3)

Да, этот вопрос невероятно широк. Может быть, это нормально, как статья вики.

Для начала вам нужно определить «мы». Есть много, много людей и ролей, связанных с разработкой веб-сайтов, и все они, как правило, имеют разные распространенные ошибки.

Вот некоторые проблемы, которые я видел, которые, кажется, всплывают снова и снова:

  • Неспособность правильно определить цели бизнеса для веб-сайта.

  • Неспособность правильно определить ключевые показатели эффективности и впоследствии не внедрить системы для измерения успеха сайта на их основе.

  • Проектирование для нужд клиента, а не для нужд клиентов клиента.

  • Не привлекая нужных людей или хотя бы рассматривая задачу с точки зрения всех необходимых ролей.

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

  • Неспособность спланировать или хотя бы набросать дизайн.

  • Забывая о принципах адаптивного и отзывчивого веб-дизайна.

  • Забыв о дизайне для устройств с экранами разных размеров и разрешений.

  • Не учитывать все факторы, влияющие на скорость загрузки страницы на этапе планирования, и не тестировать скорость на протяжении всей разработки.

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

  • Использование каркасов в качестве документации вместо эскизов, для которых они предназначены.

  • Не использовать Agile-методы при разработке.

  • Чрезмерное проектирование — очень распространенный побочный эффект отказа от использования Agile-методов.

  • Выбор технологий вместо решений.

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

  • Забыть о копирайтинге/контенте. Это должно произойти в самом начале процесса, а не позже.

  • Разработка файла PhotoShop, а не фактической веб-страницы.

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

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

  • Создание функционального дизайна веб-сайта с упором на один конкретный браузер вместо постоянного тестирования в как можно большем количестве браузеров.

  • Несоблюдение принципов доступности при планировании, разработке и реализации веб-сайта.

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

Если бы мы оценивали вопросы по качеству ответов, которые они дают, этот вопрос был бы в верхней части списка. Фантастический ответ.
Я принимаю, что делаю многое из этого :( жаль, что я не могу проголосовать за это дважды...
Много хороших моментов, но я думаю, что выбор Agile/Scrum — это субъективное решение, которое может не подходить для всех проектов или организаций. Я лично предпочитаю гибкие методы, когда это возможно, но, особенно в графическом дизайне, они не всегда подходят.
что значит "Дизайн файла фотошопа вместо сайта"? слишком много эффектов? Вы можете немного расширить эту пулю?
Алан... спасибо! Lese... для большинства веб-проектов оптимальным является Agile. Но я согласен, есть исключения, и для других сред водопад все еще может иметь большой смысл.
@lauren В основном я имею в виду тратить все время на визуальное оформление сайта в Photoshop, а не на HTML, CSS и JS. Если сосредоточиться только на Photoshop, не учитываются такие вещи, как вариации шрифтов, другие устройства, размеры экрана, перекомпоновка содержимого и т. д.
@user, давай!
@user хорошие правки! но немного сложно следовать, поскольку вы переставили их все. Но я думаю, что у вас есть все там. У меня было только одно незначительное замечание (это подчеркивало опасность PhotoShop — которая, как мне кажется, представляет собой совершенно другую опасность, хотя и в чем-то связанную — с инструментами каркасного моделирования)

Я думаю, что очень распространенная ошибка в веб-дизайне проявляется в мобильной сети.

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

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

Давайте предположим, что мы проводим опрос, и есть кнопки «Назад» и «Далее» рядом друг с другом, им нужна передышка, чтобы пользователь мог нажать кнопку и случайно не нажать не на ту кнопку.

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

Я считаю, что это верно на мобильных сайтах SE. Я постоянно нажимаю ссылку «задать вопрос», когда собираюсь открыть раскрывающийся список учетной записи пользователя.

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

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