Які є найпоширеніші помилки, які може допустити дизайнер при розробці веб-сторінок, і як їх уникнути?


9

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

Багато разів ми отримуємо кінцевий результат з помилками (другорядні-мажори-видимі-приховані) ...

Отже, моє питання:

  • Які є найпоширеніші помилки, які ми робимо? (Ви також включені меду) (це не так, як ніхто не помиляється, всі роблять)
  • Як я можу / ми уникнути цих помилок?

Відповіді:


24

Так, це питання неймовірно широке. Можливо, це нормально, як стаття у вікі.

Для початку вам потрібно визначити "ми". У розробці веб-сайтів задіяно багато, багато людей та ролей, і всі вони, як правило, мають різні поширені помилки.

Ось деякі проблеми, які я бачив, схоже, з’являються знову і знову:

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

  • Не вдалося правильно визначити ключові показники ефективності, а згодом не вдалося впровадити системи для вимірювання успішності сайту на їх основі.

  • Проектування для потреб клієнта, а не для потреб клієнтів клієнта.

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

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

  • Якщо не планувати або принаймні замалювати проект.

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

  • Забувши розробляти пристрої з екранами різної величини та роздільної здатності.

  • Неврахування всіх факторів, які впливають на швидкість завантаження сторінки на етапі планування, і не тестування швидкості впродовж усієї її розробки.

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

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

  • Не використовуйте Agile методи під час розробки.

  • Надмірне проектування - дуже поширений побічний ефект від не застосовування методів Agile.

  • Вибір технологій замість рішень.

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

  • Забувши про копірайтинг / вміст. До цього потрібно прийти рано - не пізніше.

  • Створення файлу PhotoShop, а не фактичної веб-сторінки.

    Якщо зосередитись лише на Photoshop, не враховуйте такі фактори, як відмінність шрифту, інші пристрої, розміри екрана, поповнення вмісту, дизайн взаємодії та багато інших.

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

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

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

  • Занадто довго чекати, щоб залучити користувачів, а потім часто потрібно щось змінити, що ви могли раніше знати.


4
Якби ми оцінювали запитання за якістю відповідей, які вони дають, це було б у верхній частині списку. Фантастична відповідь.
Алан Гілбертсон

1
Я приймаю багато цього: (хочу, щоб я міг проголосувати за це двічі ...
Джек

1
що означає "Проектування файлу фотошопа замість веб-сайту"? занадто багато ефектів? ти можеш трохи розширити цю кулю?
Lauren-Clear-Monica-Ipsum

2
@lauren Я головним чином маю на увазі витрачати весь час на візуальне проектування сайту у Photoshop, а не на HTML, CSS та JS. Орієнтуючись лише на Photoshop, один раз не враховує такі речі, як відмінність шрифту, інші пристрої, розміри екрана, переповнення вмісту тощо
DA01

1
@user піти на це!
DA01

3

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

Якщо ви переглядаєте Інтернет на невеликому мобільному пристрої, наприклад iPhone або BlackBerry, ви помітите, що іноді кнопки занадто малі.

Тепер це не завжди сама кнопка, але одна помилка, яка робиться, полягає в тому, що навколо кнопки часто не вистачає місця.

Припустимо, ми робимо опитування, і є кнопка "назад" та наступна кнопка поруч, їм потрібен простір, щоб користувач міг натиснути кнопку, а не випадково натиснути на неправильну.

Це звичайна річ і головна увага в розробці електронної пошти для мобільного користувача.


Я вважаю це правдою на мобільних сайтах SE. Я постійно натискаю посилання "задати питання", коли я маю намір вивести спадне меню облікового запису користувача.
Farray

2

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

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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.