Tin tức

Thiết kế web phiên bản di động

06/12/2012

  Hiện nay, với công nghệ di động phát triển, mức sống người dân được nâng cao. Nhu cầu lướt web qua thiết bị di động như Ipad hay các dòng điện thoại cảm ứng...là tương đối nhiều. Do đó, nhu cầu thiết kế website cho thiết bị di động cũng trở thành một nhu cầu tất yếu của thời đại. Và ngàn thiết kế web thế giới nói chung và thiết kế web Việt Nam nói riêng đã và đang nghiên cứu, phát triển các code website dành cho thiết bị di động

Hầu hết các công cụ dưới đây đều có giao diện đồ họa, các đoạn code có thể copy-paste để cài vào site bạn khá dễ dàng. Nếu bạn có thể cài các công cụ như Google Analytics thì các công cụ này cũng đơn giản như vậy.

Các công cụ này hoạt động bằng cách phát hiện trình duyệt người dùng đang sử dụng là trình duyệt desktop hay di dộng. Nếu là trình duyệt di dộng, người dùng sẽ được chuyển hướng đến phiên bản của website dành cho di dộng. Cách thường thấy để đăng ký phiên bản di động cho website của bạn là sử dụng tên miền con có dạng m.yourwebsite.com. Bằng cách này, traffic site bạn sẽ được chia thành 2 loại là người dùng desktop và người dùng di động, và đối tượng nào cũng sẽ có được trải nghiệm tốt nhất tùy theo thiết bị mình đàng sử dụng.

Mobify

Mobify cho phép bạn tạo bản mobile của website thông qua một giao diện đồ họa người dùng thân thiện và trực quan. Việc cài đặt rất dễ dàng, và bạn sẽ có phiên bản di động cho website của mình sau vài phút.

Thiết kế website di động

Nếu website của hàng là cửa hàng trực tuyến, Mobify cũng có hệ thống Mobile Commerce tối ưu hóa đặc biệt cho cửa hàng trực tuyến ở dạng phiên bản mobile.

Mobify có phiên bản trả phí, nhưng với phiên bản miễn phí cũng rất hào phóng với tùy chọn tên miền riêng như m.yourwebsite.com. Banrthu phí có giá khở điểm 249 USD/tháng với nhiều tính năng như gỡ bỏ logo Mobify trên site di động, tính năng thống kê traffic,…

Wirenode

Nhiều công ty như Ford, Nokia và Reebok đều sử dụng Wirenode để tạo phiên bản di động cho website , đã có hơn 50.000 website đã sử dụng công cụ này.

Web thương mại cho di động

Bản miễn phí có giao diện soạn thảo thân thiện để thiết kế giao diện mobile web của bạn, host miễn phí cho tối đa 3 mobile website, cùng các tính năng báo cáo thống kê,… Bản thu phí có giá 15 EUR(19,8 USD)/tháng kèm theo hỗ trợ domain riêng, gỡ bỏ logo Wirenode.

Mippin Mobilizer

màu sắc

Nếu bạn đang bận bịu, không có thời gian, Mippin Mobilizer là công cụ đơn giản dành cho bạn, chỉ mất vài phút để sử dụng. Những gì bạn cần làm chỉ là nhập URL RSS feed của site bạn vào, cấu hình thêm một số tùy chọn, đăng ký tài khoản, cài một số code vào site, thế là xong. Khi đang cài đặt mobile site, có hẳn một phần xem trước tức thì nằm bên phải để bạn xem thử mbile site bạn đang thiết kế nó như thế nào.

Onbile

gam màu

Onmobile sẽ tạo cho bạn một mobile site không mất quá 5 phút. Công cụ này có giao diện người dùng trực quan để cấu trúc mobile site và đoạn script để chèn vào site bạn để khi người xem truy cập đênms sẽ được chuyển hướng đến phiên bản mobile. Bạn có thể tùy chọn 1 trong 13 template có thể tùy biến để sử dụng.

Winksite

Nếu bạn muốn tạo một cộng đồng trực tuyến cho mobile site của bạn, hãy sử dụng Winksite.

mã code

Ứng dụng này có thể tạo QR code riêng cho bạn, đây là một code 2 chiều mà các thiết bị di động có thể đọc được bằng máy quét QR, được sử dụng để lấy văn bản, hình ảnh, video, file nhạc và URL. Có nhiều cách sử dụng QR code, bạn có thể in QR code trên business card, trên tài liệu quảng cáo, khi người dùng muốn truy cập mobile site họ chỉ cần dùng thiết bị di động để quét QR code này.

Nếu bạn muốn tạo QR code không cần sử dụng Winksite, bạn có thể dùng công cụ này, QR-code Generator.

MobilePress

mobilepress

Bạn có sử dụng hệ thống xuất bạn WordPress không ? Nếu có thì bạn đang gặp may mắn, bởi vì có nhiều plugin có thể tự động tạo phiên bản mobile cho WordPress, ví dụ như MobilePress, đây là một plugin miễn phí, một plugin khác cũng đáng để sử dụng đó là WordPress Mobile Edition.

iWebKit

iWebKit là một framework đơn giản để tạo ứng dụng cho iPhone/iPod touch. Framework này có thể dùng để tạo ra ứng dụng như ứng dụng dành cho iPhone của Mashable.

hiển thị trên di động

Dù ai cũng có thể dùng iWebKit, thậm chí không cần biết HTML, nhưng nó không có giao diện người dùng thân thiện như các công cụ đã đề cập đến ở trên, và yêu cầu bạn tải về cài đặt cũng như phải đọc tài liệu hướng dẫn sử dụng. Tuy vậy, với thời gian hạn hẹp và miễn phí, iWebKit rất đáng giá giúp bạn tạo ứng dụng cho iPhone.

MoFuse

MoFuse thì có khá nhiều tính năng để xây dựng và quản lí mobile site. Công cụ này nhắm vào các tổ chức, cơ quan báo chí, doanh nghiệp vừa và nhỏ. Giá cả từ 7,95-199 USD/tháng , với các tính năng như báo cáo thống kê, hỗ trợ hơn 5.000 thiết bị di động khác nhau, hỗ trợ khách hàng, trình quản lí QR code,…

Các công cụ và tài liệu giúp kiểm tra mobile site bạn đã tạo ra

  • mobiReady – Công cụ này sẽ thử nghiệm mobile site của bạn có tuân theo các chuẩn dotMobile, W3C mobileOK để đảm bảo có được trải nghiệm tối ưu của một mobile site, bạn chỉ cần nhập URL mobile site vào để kiểm tra.
  • W3C mobileOK Checker – Đây là công cụ chính thưc của W3C để kiểm tra một site có thực sự thân thiện với thiết bị di động hay không.
  • iPad Peek – Bạn không có iPad để thử nghiệm mobile site mới tạo ? Không sao, bạn có thể sửu dụng công cụ này để xem mobile site hiển thị như thế nào trên iPad.
  • Mobile Web Best Practices 1.0 – W3C, tiêu chuẩn chính cho nhiều công nghệ web (như CSS, HTML, JavaScript), đều có tài liệu chỉ ra các thực nghiệm tốt nhất cho mobile web, dành cho các nhà phát triển web.