26
25 nguyên tắc thiết kế trang web dành cho thiết bị di động

25 nguyên tắc thiết kế trang web dành cho thiết bị di động

Embed Size (px)

Citation preview

25 nguyên tắc thiết kế trang web dành cho thiết bị di động

Có lời gọi hành động ở phía trước và chính giữa để mọi người dễ dàng nhìn thấy.

Một.

Gọi ngay

Tạo menu ngắn gọn và hấp dẫn.

Hai.

Menu

Giới thiệu

Dịch vụ của chúng tôi

Liên hệ

Giúp mọi người dễ dàng trở về trang chủ, sử dụng biểu trưng của bạn để liên kết trở lại.

Ba.

Biểu trưng

Không để quảng cáo kiểmsoát trang chủ hoặc ảnhhưởng đến việc điều hướng.

Bốn.

Mua tôi!

Biểu trưng

Hiển thị rõ ràng tìm kiếm trang web trên tất cả các trang.

Năm.

Tạo các tìm kiếm trang web có liên quan để người dùng có thể tìm thấy thông tin họ cần.

Sáu.

hoa

lễ cưới

giao hàng

sinh nhật

Bao gồm các bộ lọc tìmkiếm để giúp người dùng có được kết quả chính xác.

Bảy.

giày ống

kiểu

loại

Tìm kiếm

màu sắc

Phân khúc đối tượng tìmkiếm của bạn trước khi họ tìm kiếm nếu có thể.

Tám.

giày ống cổ thấp

dành cho nữ giới

Tìm kiếm

đen

giày ống

giày ống cổ thấp

dành cho nữ giới

đen

Tìm kiếm

Cho phép người dùng khám phá trang web của bạn trước khi yêu cầu họ cung cấp thông tin cá nhân.

Chín.

Cho phép người dùng mua hàng như khách nhưng khuyến khích họ đăng ký khi có thể.

Mười.

Bạn có hồ sơ không? Đăng nhập.email

mật khẩu

Thanh toán như khách

Thanh toán

Bạn không có hồ sơ? Không vấn đề gì, bạn có thể tạo hồ sơ lúc thanh toán.

Khiến mọi việc trở nên dễ dàng. Sử dụng thông tin của người dùng đăng ký bằng cách điền trướcthông tin chi tiết của họ.

Mười một.

Grace

Alice

Kent

Sử dụng nút nhấp để gọi để người dùng có thể nói chuyện với tổng đài viên nếu họ cần trợ giúp.

Mười hai.

Gọi

Giúp người dùng dễ dàng kết thúc trò chuyện trên một thiết bị khác.

Mười ba.

Cung cấp cho người dùng một bàn phím số đối với các trường cần nhập số.

Mười bốn.

Chọn các cách thức dễdàng nhất để người dùngnhập thông tin, menu thảxuống, hộp kiểm, v.v.

Mười lăm.

Tháng

Tháng 1

Tháng 2

Tháng 3

Tháng 4

Tháng 5

Tháng 6

Tháng 7

Tháng 8

Cung cấp lịch trực quan để giúp việc đặt chỗ và lênkế hoạch trở nên dễ dàng.

Mười sáu.

Tháng 11

Sử dụng hướng dẫn rõ ràng và xác thực theo thời gian thực để giảm thiểu lỗi, thông báo cho người dùng khi họ chưa điền thông tin chính xác.

Mười bảy.

địa chỉ 1

địa chỉ 2

mã bưu điện

* vui lòng nhập vào trường

Thiết kế biểu mẫu rất quan trọng - điều then chốt là ngắn gọn và dễ đọc.

Mười tám.

Họ

Địa chỉ gửi thư

Thành phố Số căn hộ/nhà

Tháng Ngày Năm

Ngày sinh

Thiết kế tất cả các trang trên trang web của bạn sao cho chúng được tối ưu hóa cho thiết bị di động.

Mười chín.

Hình ảnh và bố cục phải luôn rõ ràng.

Hai mươi.

Bao gồm ảnh cận cảnh chất lượng cao của các hình ảnh như ảnh sản phẩm.

Hai mốt.

Thông báo cho người dùng biết liệu trang web của bạn xem tốt hơn khi để dọc hay ngang.

Hai hai.

Giữ người dùng trong một cửa sổ trình duyệt duy nhất, không cho phép họ điều hướng khỏi trình duyệt của bạn.

Hai ba.

Nhận phiếu giảm giá

Đăng nhập

Liên hệ

Sử dụng gắn nhãn thiết bị di động/máy tính bàn.

Hai tư.

Trang web dành cho thiết bị di động⎢Trang web dành cho máy tính để bàn

Cho phép người dùng định vị các cửa hàng hoặc sảnphẩm ‘ở gần tôi’.

Hai lăm.