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


9

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

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

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

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

Ответы:


24

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

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

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

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

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

  • Проектирование для потребностей клиента, а не для потребностей клиентов клиента.

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Создание файла PhotoShop, а не реальной веб-страницы.

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

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

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

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

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


4
Если бы мы оценивали вопросы по качеству ответов, которые они дают, этот был бы в верхней части списка. Фантастический ответ.
Алан Гилбертсон

1
Я принимаю, я делаю много из этого :( желаю, чтобы я мог проголосовать дважды ...
Джек,

1
что означает «Создание файла Photoshop вместо веб-сайта»? слишком много эффектов? Вы можете немного расширить эту пулю?
Лорен-Клир-Моника-Ипсум

2
@lauren В основном я имею в виду проводить все время визуальное оформление сайта в Photoshop, а не в HTML, CSS и JS. Сосредоточившись только на Photoshop, один раз не учитывает такие вещи, как изменение шрифта, другие устройства, размеры экрана,
переформатирование

1
@ пользователь пойти на это!
DA01

3

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

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

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

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

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


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

2

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

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.