SlideShare a Scribd company logo
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ểm
soát trang chủ hoặc ảnh
hưở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ìm
kiế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ìm
kiế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ước
thông tin chi tiết của họ.
Mười một.
Cô
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ùng
nhậ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
Cung cấp lịch trực quan
để giúp việc đặt chỗ và lên
kế 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ản
phẩm ‘ở gần tôi’.
Hai lăm.

More Related Content

Viewers also liked

Belonging and Mattering - Professor Jacqueline Stevenson
Belonging and Mattering - Professor Jacqueline StevensonBelonging and Mattering - Professor Jacqueline Stevenson
Belonging and Mattering - Professor Jacqueline Stevenson
viscabarca
 
2010 05 06 itinerario_botanico
2010 05 06 itinerario_botanico2010 05 06 itinerario_botanico
2010 05 06 itinerario_botanicopabloacostarobles
 
Daniel St. Lucia 2
Daniel St. Lucia 2Daniel St. Lucia 2
Daniel St. Lucia 2chglat
 
C Hockings workshop @ SHU May 2011
C Hockings workshop @ SHU May 2011C Hockings workshop @ SHU May 2011
C Hockings workshop @ SHU May 2011
viscabarca
 
Keenan Costa Rica
Keenan Costa RicaKeenan Costa Rica
Keenan Costa Rica
chglat
 
история компании для новых сотрудников
история компании для новых сотрудниковистория компании для новых сотрудников
история компании для новых сотрудниковAB Design
 
Los cabos Wedding Options
Los cabos Wedding OptionsLos cabos Wedding Options
Los cabos Wedding Options
chglat
 
Reagan Great Exuma Option
Reagan Great Exuma OptionReagan Great Exuma Option
Reagan Great Exuma Optionchglat
 
Nadia Jamaica Options
Nadia Jamaica OptionsNadia Jamaica Options
Nadia Jamaica Options
chglat
 
Dreams Playa Mujeres
Dreams Playa MujeresDreams Playa Mujeres
Dreams Playa Mujeres
chglat
 
Summer vacation deann2
Summer vacation deann2Summer vacation deann2
Summer vacation deann2
chglat
 
CONCEPTOS BÁSICOS EN INFORMÁTICA (ALFABETIZACIÓN DIGITAL)
CONCEPTOS BÁSICOS EN INFORMÁTICA (ALFABETIZACIÓN DIGITAL)CONCEPTOS BÁSICOS EN INFORMÁTICA (ALFABETIZACIÓN DIGITAL)
CONCEPTOS BÁSICOS EN INFORMÁTICA (ALFABETIZACIÓN DIGITAL)Walter Yesid Mejìa Chimà
 
User experience Basic (Swedish)
User experience Basic (Swedish)User experience Basic (Swedish)
User experience Basic (Swedish)FlorianFiechter
 
немного о проектировании, деньгах, партнерах
немного о проектировании, деньгах, партнерахнемного о проектировании, деньгах, партнерах
немного о проектировании, деньгах, партнерах
Alexandr Mikhailov
 

Viewers also liked (17)

Belonging and Mattering - Professor Jacqueline Stevenson
Belonging and Mattering - Professor Jacqueline StevensonBelonging and Mattering - Professor Jacqueline Stevenson
Belonging and Mattering - Professor Jacqueline Stevenson
 
2010 05 06 itinerario_botanico
2010 05 06 itinerario_botanico2010 05 06 itinerario_botanico
2010 05 06 itinerario_botanico
 
Daniel St. Lucia 2
Daniel St. Lucia 2Daniel St. Lucia 2
Daniel St. Lucia 2
 
C Hockings workshop @ SHU May 2011
C Hockings workshop @ SHU May 2011C Hockings workshop @ SHU May 2011
C Hockings workshop @ SHU May 2011
 
Keenan Costa Rica
Keenan Costa RicaKeenan Costa Rica
Keenan Costa Rica
 
история компании для новых сотрудников
история компании для новых сотрудниковистория компании для новых сотрудников
история компании для новых сотрудников
 
Los cabos Wedding Options
Los cabos Wedding OptionsLos cabos Wedding Options
Los cabos Wedding Options
 
Reagan Great Exuma Option
Reagan Great Exuma OptionReagan Great Exuma Option
Reagan Great Exuma Option
 
Yasmin2
Yasmin2Yasmin2
Yasmin2
 
Nadia Jamaica Options
Nadia Jamaica OptionsNadia Jamaica Options
Nadia Jamaica Options
 
Dreams Playa Mujeres
Dreams Playa MujeresDreams Playa Mujeres
Dreams Playa Mujeres
 
Summer vacation deann2
Summer vacation deann2Summer vacation deann2
Summer vacation deann2
 
CONCEPTOS BÁSICOS EN INFORMÁTICA (ALFABETIZACIÓN DIGITAL)
CONCEPTOS BÁSICOS EN INFORMÁTICA (ALFABETIZACIÓN DIGITAL)CONCEPTOS BÁSICOS EN INFORMÁTICA (ALFABETIZACIÓN DIGITAL)
CONCEPTOS BÁSICOS EN INFORMÁTICA (ALFABETIZACIÓN DIGITAL)
 
Arch seniors
Arch seniorsArch seniors
Arch seniors
 
Zond
ZondZond
Zond
 
User experience Basic (Swedish)
User experience Basic (Swedish)User experience Basic (Swedish)
User experience Basic (Swedish)
 
немного о проектировании, деньгах, партнерах
немного о проектировании, деньгах, партнерахнемного о проектировании, деньгах, партнерах
немного о проектировании, деньгах, партнерах
 

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

  • 1. 25 nguyên tắc thiết kế trang web dành cho thiết bị di động
  • 2. 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
  • 3. 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ệ
  • 4. 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
  • 5. Không để quảng cáo kiểm soát trang chủ hoặc ảnh hưởng đến việc điều hướng. Bốn. Mua tôi! Biểu trưng
  • 6. Hiển thị rõ ràng tìm kiếm trang web trên tất cả các trang. Năm.
  • 7. 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
  • 8. Bao gồm các bộ lọc tìm kiế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
  • 9. Phân khúc đối tượng tìm kiế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
  • 10. 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.
  • 11. 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.
  • 12. 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ước thông tin chi tiết của họ. Mười một. Cô Grace Alice Kent
  • 13. 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
  • 14. 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.
  • 15. 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.
  • 16. Chọn các cách thức dễ dàng nhất để người dùng nhậ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
  • 17. Cung cấp lịch trực quan để giúp việc đặt chỗ và lên kế hoạch trở nên dễ dàng. Mười sáu. Tháng 11
  • 18. 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
  • 19. 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
  • 20. 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.
  • 21. Hình ảnh và bố cục phải luôn rõ ràng. Hai mươi.
  • 22. 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.
  • 23. 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.
  • 24. 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ệ
  • 25. 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
  • 26. Cho phép người dùng định vị các cửa hàng hoặc sản phẩm ‘ở gần tôi’. Hai lăm.

Editor's Notes

  1. Data - Bids - Covnersions
  2. Data - Bids - Covnersions
  3. Data - Bids - Covnersions