Một số lỗi phổ biến mà một nhà thiết kế có thể mắc phải khi thiết kế cho web là gì và làm thế nào để tránh chúng?


9

Một số sai lầm phổ biến cần tránh trong khi thiết kế là gì? Tôi biết màu sắc, văn bản và hình ảnh đóng một phần quan trọng trong thiết kế, nhưng có rất nhiều thứ khác mà chúng ta cần phải quan tâm! Tôi không biết những thứ khác nhưng tôi biết có rất nhiều ...

Nhiều lần chúng tôi nhận được kết quả cuối cùng với những sai lầm (nhỏ-chính-nhìn-ẩn) ...

Vì vậy, câu hỏi của tôi là:

  • Một số sai lầm phổ biến mà chúng ta mắc phải là gì? (bạn cũng được bao gồm mật ong) (không giống như ai mắc lỗi cả, mọi người đều làm thế)
  • Làm thế nào tôi / chúng ta có thể tránh những sai lầm này?

Câu trả lời:


24

Vâng, câu hỏi này là vô cùng rộng. Có lẽ nó ổn như một bài viết wiki.

Để bắt đầu, bạn cần xác định 'chúng tôi'. Có rất nhiều, rất nhiều người và vai trò liên quan đến việc thiết kế trang web và tất cả họ đều có xu hướng có những lỗi phổ biến khác nhau.

Dưới đây là một số vấn đề tôi đã thấy dường như bật lên nhiều lần:

  • Không xác định đúng mục tiêu của doanh nghiệp cho trang web.

  • Không xác định đúng các chỉ số hiệu suất chính và sau đó không thực hiện các hệ thống để đo lường sự thành công của trang web dựa trên chúng.

  • Thiết kế theo ý muốn của khách hàng, thay vì nhu cầu của khách hàng.

  • Không liên quan đến những người cần thiết, hoặc ít nhất là xem xét nhiệm vụ từ khía cạnh của tất cả các vai trò cần thiết.

    Khía cạnh kỹ thuật quản lý sản phẩm, phân tích kinh doanh, tiếp thị, copywriting, quản trị cơ sở dữ liệu, phát triển back-end, thiết kế đồ họa, thiết kế giao diện người dùng, thiết kế trải nghiệm người dùng, khả năng sử dụng, số liệu, SEO, và nhiều hơn nữa, nên tất cả được xem xét.

  • Không có kế hoạch hoặc ít nhất là phác thảo thiết kế.

  • Quên về các nguyên tắc thiết kế web thích ứng và đáp ứng.

  • Quên thiết kế cho các thiết bị có màn hình có kích thước và độ phân giải khác nhau.

  • Không xem xét tất cả các yếu tố ảnh hưởng đến tốc độ tải trang trong giai đoạn lập kế hoạch và không kiểm tra tốc độ trong suốt quá trình phát triển của nó.

    Các lỗi phổ biến bao gồm tải đồ họa chi tiết cao thông qua ít hơn các điều kiện tối ưu (ví dụ: làm hình nền) và nói chung, chỉ cần tải xuống quá nhiều tài sản lớn mà không tối ưu hóa các điều kiện tải.

  • Sử dụng khung lưới làm tài liệu, thay vì các bản phác thảo mà chúng dự định sẽ được sử dụng như.

  • Không sử dụng các phương thức Agile trong quá trình phát triển.

  • Thiết kế quá mức, một tác dụng phụ rất phổ biến của việc không sử dụng các phương pháp Agile.

  • Lựa chọn công nghệ thay vì giải pháp.

    Ví dụ: chọn một sản phẩm doanh nghiệp cho tất cả các lý do làm cho nó tốt; ngay cả những người không áp dụng cho bạn; thay vì đặt câu hỏi liệu nó có thể giải quyết các vấn đề cụ thể mà bạn muốn hay không.

  • Quên về copywriter / nội dung. Điều này cần phải đến sớm trong quá trình - không muộn hơn.

  • Thiết kế tệp PhotoShop chứ không phải là một trang web thực sự.

    Khi chỉ tập trung vào Photoshop, người ta không xem xét các yếu tố như phương sai phông chữ, các thiết bị khác, kích thước màn hình, phản chiếu nội dung, thiết kế tương tác và nhiều yếu tố khác.

  • Thiết kế một tệp flash, hoặc những ý tưởng kỳ quặc chỉ có thể đạt được bằng một tệp flash, thay vì một trang web thân thiện với SEO chứa đầy nội dung dễ đọc.

  • Xây dựng thiết kế trang web hoạt động tập trung vào một trình duyệt cụ thể thay vì liên tục thử nghiệm trong càng nhiều trình duyệt càng tốt.

  • Không áp dụng các nguyên tắc tiếp cận trong khi lập kế hoạch, thiết kế và thực hiện trang web.

  • Chờ đợi quá lâu để liên quan đến người dùng, thường thì việc tìm kiếm thứ gì đó cần được thay đổi mà bạn có thể biết sớm hơn.


4
Nếu chúng tôi đánh giá các câu hỏi theo chất lượng câu trả lời mà họ đưa ra, thì câu hỏi này sẽ đứng đầu danh sách. Câu trả lời tuyệt vời.
Alan Gilbertson

1
Tôi chấp nhận tôi thực hiện nhiều điều này :( ước gì tôi có thể bỏ phiếu này hai lần ...
Jack

1
"Thiết kế tệp photoshop thay vì trang web" nghĩa là gì? quá nhiều tác dụng? bạn có thể mở rộng trên viên đạn đó một chút không?
Lauren-Clear-Monica-Ipsum

2
@lauren Tôi chủ yếu có nghĩa là dành toàn bộ thời gian để thiết kế trang web bằng Photoshop, thay vì HTML, CSS và JS. Khi chỉ tập trung vào Photoshop, một lần không xem xét những thứ như phương sai phông chữ, thiết bị khác, kích thước màn hình, nội dung phản chiếu, v.v.
DA01

1
@user đi cho nó!
DA01

3

Tôi nghĩ rằng một lỗi rất phổ biến trong thiết kế web là hiển nhiên trên web di động.

Nếu bạn duyệt web trên một thiết bị di động nhỏ, chẳng hạn như iPhone hoặc BlackBerry, bạn sẽ nhận thấy rằng đôi khi các nút quá nhỏ.

Bây giờ điều này không phải luôn luôn là nút, nhưng một lỗi được thực hiện là thường không có đủ chỗ xung quanh nút.

Giả sử chúng ta đang thực hiện một cuộc khảo sát và có một nút quay lại và một nút tiếp theo cạnh nhau, họ cần không gian thở để người dùng có thể nhấn nút và không chạm nhầm vào nút.

Đây là một điều phổ biến và được xem xét chính trong thiết kế email cho người dùng di động.


Tôi thấy điều này là đúng trên các trang web di động SE. Tôi liên tục nhấn vào liên kết "đặt câu hỏi" khi tôi có ý định thả xuống tài khoản người dùng.
Farray

2

Tôi nghĩ rằng câu trả lời của DA01 đã là một danh sách tuyệt vời về những điều cần xem xét. Tôi đang thêm câu trả lời của mình vì nó quan trọng và để trả lời câu hỏi vì tôi thực sự muốn thấy nhiều câu trả lời hơn cho câu hỏi này.

Một cân nhắc rất quan trọng khác trong việc thiết kế một trang web là tốc độ. Nhận thức được tất cả các yếu tố ảnh hưởng đến tốc độ tải trang trước khi bạn bắt đầu thiết kế sẽ giúp đảm bảo bạn không mất nhiều thời gian để tạo đồ họa và kiến ​​trúc mà sau này bạn phải thay đổi hoàn toàn vì trang web mất 30 giây (ví dụ cực đoan) để tải trọng.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.