Каковы некоторые распространенные ошибки, которые дизайнер может совершать при разработке веб-приложений, и как их можно избежать?
9
Какие ошибки следует избегать при проектировании? Я знаю, что цвет, текст и изображения играют важную роль в проектировании, но есть много других вещей, о которых нам нужно позаботиться! Я не знаю других вещей, но знаю, что их так много ...
Много раз мы получаем конечный результат с ошибками (второстепенный-видимый-скрытый) ...
Итак, мой вопрос:
Каковы некоторые из распространенных ошибок, которые мы делаем? (вы также включены дорогая) (это не так, как никто не делает ошибки, все делают)
Да, этот вопрос невероятно широк. Может быть, это нормально, как статья в вики.
Для начала вам нужно определить «мы». Есть много, много людей и ролей, вовлеченных в разработку веб-сайтов, и все они, как правило, имеют разные общие ошибки.
Вот некоторые проблемы, которые я видел, которые появляются снова и снова:
Неспособность правильно определить цели бизнеса для веб-сайта.
Неспособность правильно определить ключевые показатели эффективности, и впоследствии не удается внедрить системы для измерения успеха сайта на их основе.
Проектирование для потребностей клиента, а не для потребностей клиентов клиента.
Не привлекая нужных людей или, по крайней мере, не рассматривая задачу с точки зрения всех необходимых ролей.
Технические аспекты управления продуктом, бизнес - анализ, маркетинг, копирайтинг, администрирование баз данных, разработка серверной, графический дизайн, дизайн пользовательского интерфейса, дизайн пользовательского опыта, удобство использования, метрики, SEO, и больше, если все считать.
Неспособность спланировать или хотя бы сделать эскиз к дизайну.
Забудьте об адаптивных и адаптивных принципах веб-дизайна.
Забыть дизайн для устройств с экранами разных размеров и разрешений.
Неспособность учесть все факторы, которые влияют на скорость загрузки страницы на этапе планирования, и не тестировать скорость на протяжении всей ее разработки.
Распространенные ошибки включают в себя загрузку высокодетализированной графики в условиях, которые не являются оптимальными (например, в качестве фонового изображения), и, в общем, простую загрузку слишком большого количества больших ресурсов без оптимизации условий загрузки.
Использование каркасов в качестве документации, вместо эскизов они предназначены для использования в качестве.
Не использовать Agile методы во время разработки.
Чрезмерное проектирование, очень распространенный побочный эффект неиспользования гибких методов.
Выбор технологий вместо решений.
Например, выбор корпоративного продукта по всем причинам, которые делают его хорошим; даже те, которые не относятся к вам; вместо того, чтобы задавать вопросы, может ли он решить конкретные проблемы, для которых вы этого хотите, ну.
Забыть о копирайтинге / контенте. Это должно произойти рано, а не позже.
Создание файла PhotoShop, а не реальной веб-страницы.
Если сосредоточиться только на Photoshop, то не учитываются такие факторы, как различия шрифтов, другие устройства, размеры экрана, переформатирование контента, интерактивный дизайн и многие другие.
Разработка флеш-файла или необычные идеи, которые могут быть реализованы только с помощью флеш-файла, вместо SEO-дружественного веб-сайта, наполненного читаемым контентом.
Создание функционирующего дизайна веб-сайта с акцентом на одном конкретном браузере вместо постоянного тестирования в максимально возможном количестве браузеров.
Неспособность применять принципы доступности при планировании, разработке и реализации веб-сайта.
Слишком долгое ожидание, чтобы привлечь пользователей, часто тогда нужно найти что-то, что вы могли бы знать раньше.
Если бы мы оценивали вопросы по качеству ответов, которые они дают, этот был бы в верхней части списка. Фантастический ответ.
Алан Гилбертсон
1
Я принимаю, я делаю много из этого :( желаю, чтобы я мог проголосовать дважды ...
Джек,
1
что означает «Создание файла Photoshop вместо веб-сайта»? слишком много эффектов? Вы можете немного расширить эту пулю?
Лорен-Клир-Моника-Ипсум
2
@lauren В основном я имею в виду проводить все время визуальное оформление сайта в Photoshop, а не в HTML, CSS и JS. Сосредоточившись только на Photoshop, один раз не учитывает такие вещи, как изменение шрифта, другие устройства, размеры экрана,
переформатирование
1
@ пользователь пойти на это!
DA01
3
Я думаю, что очень распространенная ошибка в веб-дизайне очевидна в мобильном Интернете.
Если вы просматриваете веб-страницы на небольшом мобильном устройстве, таком как iPhone или BlackBerry, вы заметите, что иногда кнопки слишком маленькие.
Теперь это не всегда сама кнопка, но одна ошибка, которую делают, состоит в том, что часто вокруг кнопки недостаточно места.
Предположим, что мы проводим опрос, и есть кнопка «Назад» и следующая кнопка, расположенные рядом друг с другом, им нужно пространство для дыхания, чтобы пользователь мог нажать кнопку и случайно не нажать на неправильную.
Это обычное дело и главное соображение в дизайне электронной почты для мобильных пользователей.
Я считаю, что это правда на мобильных сайтах SE. Я постоянно нажимаю на ссылку «задать вопрос», когда намереваюсь открыть раскрывающийся список пользователей.
Farray
2
Я думаю, что ответ DA01 уже является превосходным списком вещей для рассмотрения. Я добавляю свой ответ и потому, что это важно, и для того, чтобы поднять вопрос, так как я действительно хотел бы видеть больше ответов на это.
Другое очень важное соображение при разработке сайта - это скорость. Знание всех факторов, влияющих на скорость загрузки страницы, прежде чем приступить к проектированию, должно помочь вам не тратить много времени на создание графики и архитектуры, которые вам впоследствии придется полностью изменить, поскольку веб-сайту требуется 30 секунд (крайний пример), чтобы нагрузить.
Я думаю, что очень распространенная ошибка в веб-дизайне очевидна в мобильном Интернете.
Если вы просматриваете веб-страницы на небольшом мобильном устройстве, таком как iPhone или BlackBerry, вы заметите, что иногда кнопки слишком маленькие.
Теперь это не всегда сама кнопка, но одна ошибка, которую делают, состоит в том, что часто вокруг кнопки недостаточно места.
Предположим, что мы проводим опрос, и есть кнопка «Назад» и следующая кнопка, расположенные рядом друг с другом, им нужно пространство для дыхания, чтобы пользователь мог нажать кнопку и случайно не нажать на неправильную.
Это обычное дело и главное соображение в дизайне электронной почты для мобильных пользователей.
источник
Я думаю, что ответ DA01 уже является превосходным списком вещей для рассмотрения. Я добавляю свой ответ и потому, что это важно, и для того, чтобы поднять вопрос, так как я действительно хотел бы видеть больше ответов на это.
Другое очень важное соображение при разработке сайта - это скорость. Знание всех факторов, влияющих на скорость загрузки страницы, прежде чем приступить к проектированию, должно помочь вам не тратить много времени на создание графики и архитектуры, которые вам впоследствии придется полностью изменить, поскольку веб-сайту требуется 30 секунд (крайний пример), чтобы нагрузить.
источник