BÁO CÁO BÀI TẬP LỚN Đề tài: Thiết kế giao diện di động

BÁO CÁO BÀI TẬP LỚN
Đề tài: Thiết kế giao diện di động
Lớp

: D08CNPM1

Thành viên nhóm : 1.Vũ Hoài Nam
2.Vũ Xuân Long
1|Page


3.Hoàng Văn Nam
4.Phạm Thị Nhung

Mục lục:

1. Giới thiệu chung.
Hiện nay thế giới đang chứng kiến một sự bùng nổ nhanh chóng của các thiết bị
di động.Theo dự báo của Cisco thế giới sẽ có tới hơn 10 tỷ thiết bị được kết nối với
mạng Internet di động vào năm 2016, vượt cả dân số theo dự báo của thế giới ở
2|Page


thời điểm đó là 7,3 tỷ người.Các thiết bị di động đang nhanh chóng trở nên phổ
biến,hiện đại và tiện dụng hơn.
Sự phát triển mạnh mẽ của chất lượng phần cứng đã tạo điều kiện cho việc phát
triển các ứng dụng trên các thiết bị di động trở nên đa dạng và phong phú hơn bao
giời hết.Các thiết bị di động được phát triển trên các nền tảng hệ điều hành khác
nhau.Mỗi hệ điều hành đều xây dựng cho mình nhưng kho ứng dụng riêng.Ví dụ
Google Play của Android, AppStore của Apple…vv
Do tính chất đặc thù nên người dùng yêu cầu cần phải có những phiên bản

website riêng cho việc lướt web,những thiết kế ứng dụng thân thiện, đơn giản đẹp
mắt nhưng vẫn đầy đủ chức năng trên các thiết bị di động.Chính vì thế mà việc
nghiên cứu và đưa ra các nguyên tắc cho thiết kế các thiết bị di động là rất cần
thiết.Nó giúp cho các nhà thiết kế có thể có cái nhìn sâu sắc hơn về thiết giao diện
trên thiết bị di động.

2. Các loại ứng dụng thường gặp trên thiết bị di động
Các ứng dụng trên các thiết bị di động đang phát triển mạnh,đa dạng và phong
phú đã đáp ứng gần như đầy đủ các nhu cầu cần thiết của người sử dụng.Các ứng
dụng phổ biến bao gồm:
-

Website phiên bản di động
Game
Các ứng dụng tiện ích: Như xem báo,dự báo thời tiết,chỉnh sửa ảnh ….vv

3. Chiến lược thiết kế giao diện cho các ứng dụng trên
thiết bị di động.
Thiết kế cho màn hình nhỏ hơn
Khi thiết kế cho màn hình thiết bị di động, bạn phải đi vào xem xét kích
thước nhỏ hơn của màn hình. Đây sẽ là khó khăn cho những người trong
chúng ta được sử dụng để thiết kế cho màn hình lớn HD với khả năng hiển
thị đồ họa ở 1920X1200 hoặc cao hơn.
IPhone 4 hiện nay có độ phân giải 640 x 960 và iPad thì cao hơn là 1024
x 768. Một số điện thoại như Android và Blackberry có kích thước màn

3|Page


hình 320 × 240. Đó là nhỏ hơn so với những gì chúng ta đang sử dụng,

nhưng nó rất quan trọng để lưu ý khi thiết kế trang web di động của bạn.
Sự kết nối còn nghèo nàn
Một vài năm trở lại trước khi Internet băng thông rộng đã có sẵn trong
tất cả các quán cà phê góc, và thiết kế web đã xem xét các kết nối tới người
sử dụng gần hơn một chút khi tối ưu hóa hình ảnh và video cho thời gian tải
nhanh hơn. Bạn sẽ cần phải làm như vậy khi thiết kế cho trang web di động
của bạn.
Các nhà cung cấp dịch vụ liên tục tung ra các dịch vụ có tốc độ nhanh
hơn theo thời gian, nhưng vẫn còn chắp vá chỉ tốt nhất trong một số khu
vực. Cộng với một số người sử dụng, không có kế hoạch giới hạn dữ liệu, trả
tiền để tải dữ liệu. Vì vậy, các nhà phát triển, phải suy nghĩ lại về những
ngày đầu của modem. Bạn cần giảm mã, và loại bỏ các thẻ không cần thiết.
Giữ hình ảnh nhỏ, và nén cho nhẹ hơn trong mỗi lần tải về.
Xem xét một điện thoại di động thân thiện :Cấu trúc trang Cột
Khi tải trang trên điện thoại nó thường được thu nhỏ bằng tất cả các
cách để có thể hiển thị tất cả lên màn hình. Màn hình của hầu hết tất cả các
điện thoại quá nhỏ vì thế trang này không thể đọc được cho đến khi nó được
thu nhỏ. Điều này không phải là lý tưởng bởi vì nó tạo ra nhiều bước hơn
cho người sử dụng trong khi đọc nội dung của trang. Thông thường họ sẽ
phải di chuyển cả hai chiều dọc và ngang trong khi đọc.
Thay vì cố gắng thực hiện một cột bố trí phù hợp trong một màn hình
điện thoại di động.Người dùng sẽ vẫn có khả năng phải di chuyển, nhưng nó
sẽ chỉ là theo chiều dọc.
Đơn giản hóa và Tối ưu hóa nội dung của bạn
Xem xét việc loại bỏ các liên kết bổ sung và nội dung mà không phải
là trong khu vực nội dung chính. Các sản phẩm thường thấy ở các bên hoặc
footer của các trang web truyền thống thường có thể được loại bỏ để tập
trung sắp xếp hợp lý và đơn giản.
Bằng cách loại bỏ những nội dung này, bạn cũng làm giảm kích thước
trang và thời gian tải, đó là một khía cạnh quan trọng của thiết kế trang di

động.
Giảm Navigation và User Input
4|Page


Nhập liệu người dùng có thể gặp khó khăn trên một số điện thoại. Nó
không nhanh như một bàn phím truyền thống, và người dùng có khả năng
gây ra những sai lầm. Chúng ta có thể làm cho một vài điều chỉnh để giảm
số lượng đầu vào cần thiết từ người sử dụng. Ví dụ, thông tin có thể được
kéo từ tài khoản hiện có của một người dùng trong quá trình thanh toán.
Danh mục có thể được giảm đến một trình đơn thả xuống.Chúng tôi cũng có
thể tận dụng lợi thế của một điện thoại xây dựng trong các chức năng:
Tránh kích cỡ tuyệt đối
Khi thiết kế cho màn hình nhỏ hơn tránh xác định kích thước điểm
ảnh tuyệt đối. Ví dụ nếu bạn xác định có chiều rộng 200px, có thể là phần
lớn các màn hình trên một số điện thoại.Hãy thử sử dụng các kích thước
tương đối như ems và tỷ lệ phần trăm, do đó kích thước sẽ tự động điều
chỉnh.
Tránh cuộn …
Theo tôi bạn chỉ đơn giản là không thể tránh tất cả di chuyển trong
hầu hết trường hợp, với kích thước màn hình nhỏ hơn các thiết bị di động,
nhưng bạn có thể thực hiện một số điều chỉnh để giảm thiểu các di chuyển.
Tạo ra một bố trí cột 1 như đã đề cập ở trên để tiếp tục di chuyển theo chiều
dọc là lý tưởng. Giảm số lượng hình ảnh và nội dung trên trang đó là một
gợi ý tốt. Ngoài ra xem xét thêm nội dung trong tiêu đề, chẳng hạn như logo
và định hướng, chúng có thể đẩy nội dung xuống trang gây di chuyển không
cần thiết.
Thiết kế cho màn hình cảm ứng
Màn hình cảm ứng trên điện thoại thông minh giúp cải thiện trải
nghiệm người dùng, trừ khi nói đến khai thác các nút bấm rất nhỏ và các liên

kết văn bản. Ngón tay thường là quá lớn để xác định chính xác một liên kết
văn bản nhỏ. Đối với các liên kết và định hướng quan trọng xem xét việc sử
dụng các nút lớn kéo dài chiều rộng của màn hình.

Chọn Font cho nội dung của bạn
Với khả năng nhúng các font vào trang web, cần thiết để lựa chọn một
phông chữ có thể đọc được trên một màn hình nhỏ. Tránh kịch bản và phông
5|Page


chữ viết tay, ngay cả đối với tiêu đề hoặc văn bản được dự định là lớn hơn.
Thậm chí lớn hơn văn bản xuất hiện trên điện thoại nhỏ.
Ngoài ra xem xét sự thích hợp của khoảng cách chữ và khoảng cách
dòng để giữ cho nội dung của bạn có thể đọc được càng tốt
Flash, Java, các khung hình và cửa sổ Ups Pop
Hầu hết các thiết bị di động không hỗ trợ, Flash, Java Applet, khung
và cửa sổ pop up.Hãy tránh các công nghệ này khi phát triển trang web di
động của bạn. Với thông báo gần đây của Adobe mà họ đã ngừng phát triển
Flash Player cho các trình duyệt trên các thiết bị di động.
Cách nhìn của CSS về điện thoại di động
Dưới đây là một số lời khuyên chung của CSS cân nhắc khi thiết kế dành
cho điện thoại di động.
o
o
o
o
o

Thiết lập độ rộng wrapper của bạn tỷ lệ phần trăm so với độ rộng cố
định để trang của bạn sẽ quấn kích cỡ màn hình khác nhau

Set đoạn văn, tiêu đề và định hướng để hiển thị khối để điền hình
Điện thoại di động Safari không hỗ trợ đầy đủ @ font-face
Hãy nhìn vào CSS3 truy vấn truyền thông cho việc tạo ra một phiên
bản di động của trang web của bạn.
giữ cho mọi thứ đơn giản và sắp xếp hợp lý.

Các bộ công cụ giao diện người dùng di động và các biểu tượng
Nếu bạn nghiêng nhiều hơn một chút về các bên phát triển so với thiết
kế, không cần phải lo sợ. Có rất nhiều các bộ công cụ giao diện người dùng
có sẵn cho các trang web điện thoại di động

4. Các thành phần chính của thiết kế di động.
Xác thực và ủy quyền
Việc thiết kế một xác thực có hiệu quả và chiến lược ủy quyền là quan
trọng với việc bảo mật và tính tin cậy của ứng dụng. Tính xác thực yếu có
thể khiến ứng dụng của bạn bị sử dụng trái phép. Thiết bị di động thường
được thiết kế cho người sử dụng duy nhất và thường thiếu hồ sơ và bảo mật.
Khả năng của các thiết bị di động qua bluetooth cũng có thể mang đến
6|Page


những rủi ro cho người sử dụng. Thiết kế di động gặp khó khắn do bị gián
đoạn kết nối. Việc thiết kế xác thực và ủy quyền:
Thiết kế xác thực và ủy quyền cho cả hai kết nối đầy đủ và kết nối
không đầy đủ; bao gồm đồng bộ hóa trong không gian, đồng bộ hóa tới PC,
phát hiện ra bluetooth, đồng bộ hóa trên mạng riêng ảo và đồng bộ hóa thẻ
nhớ SD.
Các thiết bị khác nhau phải khác nhau trong mô hình bảo mật chương
trình của chúng, là cái mà có thể ảnh hưởng đến ủy quyền truy cập tài
nguyên.

Không đảm bảo được rằng bảo mật có sẵn trên các nền tảng lớn hơn
sẽ có trong di động. Ngay cả khi bạn đang sử dụng các công cụ tương tự. Ví
dụ: danh sach kiểm soát truy cập (ACL) là không có sẵn trong window
mobile và do đó bảo mật tập tin không có trong hoạt động hệ thống.
Caching: bộ nhớ đệm.
Sử dụng bộ nhớ đệm để cải thiện hiệu năng và đáp ứng trong ứng
dụng và để hỗ trợ hoạt động khi không có kết nối mạng. Bộ nhớ đệm có thể
tối ưu hóa tra cứu dữ liệu tham khảo, tránh đi đường vòng và ngăn chặn xử
lý không cần thiết. Khi quyết định những dữ liệu vào bộ nhớ đệm xem xét
giới hạn tài nguyên của thiết bị; bạn sẽ có không gian lưu trữ ít hơn so với
máy tính để bàn. Các hướng dẫn thiết kế bộ nhớ đệm:
Xác định mục tiêu hiệu suất của bạn. Ví dụ: xác định thời gian đáp
ứng tối thiểu và tuổi thọ của pin. Kiểm tra hiệu năng của thiết bị cụ thể sẽ sử
dụng. Hầu hết các thiết bị di động chỉ sử dụng bộ nhớ flash, có thể chậm hơn
sơ với bộ nhớ được sử dụng trong máy tính để bàn.
7|Page


Thiết kế bộ nhớ tối thiểu. Bộ nhớ cache chỉ chứa dữ liệu là hoàn toàn
cần thiết cho các ứng dụng để hoạt động
Chọn vị trí thich hợp bộ nhớ cache, chằng hạn như trên các thiết bị, tại
cổng di động hay trong máy chủ cơ sở dữ liệu.
Đảm bảo rằng dữ liệu nhạy cảm được mã hóa khi bộ nhớ đệm, đặc
biết là khi dữ liệu bộ nhớ đệm trong các phương tiện truyền thông không
những thế cũng xem xét việc mã hóa dữ liệu trong bộ nhớ đệm trong bộ nhớ
thiết bị di động.
Xác định ranh giới tin cậy với tầng ứng dụng di động: giữa máy chủ
và máy khách, giữa máy chủ với cơ sở dữ liệu. Điều này giúp bạn xác định ở
đâu và làm như thế nào để chứng thực.
Truyền thông: Communication

Thiết bị truyền thông bao gồm truyền thông không dây và truyền
thông có dây với một máy chủ.cũng như truyền thông thông qua bluetooth
hay cổng hồng ngoại. Khi truyền thông qua không khí thì chú trọng việc bảo
vệ tránh bị trộm cắp, giả mạo. Nếu đang giao tiếp qua các giao diện dịch vụ
web, sử dụng cơ chế như tiêu chuẩn ws-sercure để đảm bảo dữ liệu. Giao
tiếp thiết bị không dây có nhiều khả năng bị gián đoạn hơn so với thông tin
liên lạc từ một máy tính và ứng dụng của bạn có thể được yêu cầu hoạt động
trong thời gian dài ở trạng thái bị ngắt kết nối. Hướng dẫn thiết kế chiến
lược truyền thông:
Thiết kế không đồng bộ, truyền thông theo luồng để cải thiện hiệu
nằng và khả năng sử dụng trong vệc kết nối. Giới hạn băng thông kết nối
trên các thiết bị di động có thể làm giảm hiệu suất và ảnh hưởng đến khả
năng sử dụng. Sử dụng các giao thức truyền thông phù hợp, xem xét các ứng
8|Page


dụng hoạt động khi nhiều loại kết nối có sẵn. Hãy xem xét cho phép người
dùng lựa chọn kết nối để sử dụng, và để tắt thông tin liên lạc bảo vệ pin phù
hợp.
Nếu đang thiết kế 1 ứng dụng chạy trên thiết bị di động xem xét các
tác động nhận được một cuộc gọi điện thoại trong quá trình truyền thông
hoặc thực hiện chương trình. Thiết kế ứng dụng cho phép dừng và hoạt động
lại hay thậm chí thoát khỏi ứng dụng.
Bảo vệ thông tin liên lạc trên các kết nối không đáng tin cậy, chẳng hạn
như các dịch vụ web và các phương thức qua không gian. Xem xét sử dụng
mã hóa và chữ ký điện tử cho các dữ liệu nhạy cảm và đảm bảo dữ liệu đi
qua VPN được bảo vệ.
Nếu bạn đang sử dụng WCF để giao tiếp và phải thực hiện hàng đợi
tin nhắn, xem xét việc sử dụng WCF lưu trữ và chuyển tiếp.
Quản lí cấu hình

Khi thiết kế quản lý cấu hình thiết bị xem xét làm thế nào để xử lý
thiết bị reset, cũng như việc bạn muốn cho phép cấu hình của ứng dụng qua
không khí hay từ một máy chủ. Xem xét các hướng dẫn sau đây:
Chọn một định dạng phù hợp với thông tin cấu hình. Xem xét một
định dạng nhị phân trên XML để giảm thiểu sử dụng bộ nhớ. Đảm bảo rằng
việc mã hóa dữ liệu lưu trữ trong tập tin cấu hình.
Đảm bảo rằng thiết kế của bạn hỗ trợ khôi phục cấu hình sau khi reset
thiết bị. Làm thế nào để đồng bộ hóa thông tin cấu hình khi kết nối qua
không khí hay tới một máy tính.
Nếu bạn có một cơ sở hạ tầng Active Directory, xem xét việc sử dụng
giao diện hệ thống quản lý trung tâm thiết bị di động để quản lý cấu hình
nhóm, xác thực và ủy quyền của các thiết bị.
9|Page


Truy cập dữ liệu
Truy cập dữ liệu trên thiết bị di động bị hạn chế bởi kết nối mạng
không đáng tin cậy và hạn chế phần cứng của chính thiết bị đó. Khi thiết kế
truy cập dữ liệu, xem xét làm thế nào băng thông thấp, độ trễ cao và kết nối
liên tục ảnh hưởng đến thiết kế. Hướng dẫn thiết kế sau đây:
Xem xét việc sử dụng một cơ sở dữ liệu thiết bị cục bộ cung cấp dịch
vụ đồng bộ hóa chẳng hạn như SQL server compact edition.
Không đảm bảo rằng thiết bị lưu trữ sẽ luôn luôn có sẵn, như một
người sử dụng có thể xóa vào bât kỳ thời gian nào. Kiểm tra sự tồn tại của
một thiết bị lưu trữ di động trước khi sử dụng FlushFileBuffers.
Nếu sử dụng XML để lưu trữ hoặc chuyển dữ liệu. Xem xét kich
thước tổng thể của nó và tác động đến hiệu suất XML làm tăng băng thông
và các yêu cầu lưu trữ địa phương.
Giảm thiểu tác động hiệu quả bằng cách thiết kế để truy cập cơ sở dữ
liệu hiệu quả và xử lý dữ liệu. Hãy xem xét việc sử dụng các đối tượng đánh

máy thay vì tập dữ liệu để giảm chi phí bộ nhớ và cải thiện hiệu suất. Tránh
quá trình hoạt động chuyên sâu, điều hướng thông qua các tập dữ liệu lớn.
Các đặc trưng của thiết bị
Thiết kế thiết bị di động và phát triển là duy nhất do tính chất hạn chế
và khác nhau của thiết bị phần cứng. Giữ cho môi trường thiết bị không
đồng nhất khi thiết kế ứng dụng di động. Yếu tố trong sự thay đổi kích thước
màn hình và định hướng, hạn chế bộ nhớ và không gian lưu trữ và băng
thông kết nối mạng. Lựa chọn hệ điều hành di động phụ thuộc vào loại thiết
bị.
Tối ưu hóa ứng dụng cho thiết bị bằng cách xem xét các yếu tố kích
thước màn hình và định hướng, mạng băng thông, không gian bộ nhớ lưu
trữ, hiệu suất xử lý , khả năng các phần cứng khác.
Xem xét thiết bị cụ thể mà sử dụng để tăng cường chức năng úng
dụng như xử lý đồ họa đơn vị, GPS, thông tin phản hồi....

10 | P a g e


Nếu đang phát triển nhiều hơn một thiết bị thiết kế đầu tiên cho các
tập con của các chức năng tồn tại trên tất cả các thiết bị và sau đó tùy chỉnh
để phát hiện và sử dụng các tính năng thiết bị cụ thể khi có sẵn.
Xem xét các tài nguyên bộ nhớ hạn chế và tối ưu hóa các ứng dụng
của bạn để sử dụng tài nguyên tối thiểu của bộ nhớ. Khi bộ nhớ thấp, hệ
thống có thể phát hành lưu trữ mã ngôn ngữ trung gian để giảm bộ nhớ
riêng.
Tạo mã module cho phép loại bỏ module dễ dàng từ việc thực thi.
Điều này bao gồm các trường hợp riêng biệt các tập tin thực thi nhỏ hơn
được yêu cầu do hạn chế về kích thước bộ nhớ điện thoại.
Quản lí ngoại lệ
Thiết kế một chiến lược quản lý ngoại lệ hiệu quả là quan trọng đối

với bảo vệ tin cậy của ứng dụng. Xử lý ngoại lệ trong ứng dụng di động
ngăn ngừa những chi tiết ngoại lệ nhạy cảm được tiết lộ cho ngươi sử dụng.
Cải thiện mạnh mẽ ứng dụng. Hướng dẫn thiết kế:
Thiết kế ứng dụng để khôi phục lại trạng thái tốt được biết đến sau khi
xảy ra trường hợp ngoại lệ mà không tiết lộ với người sử dụng cuối cùng.
Chỉ bắt ngoại lệ nếu bạn có thể xử lý chúng và không sử dụng ngoại lệ
để kiểm soát luồng logic. Đảm bảo rằng thiết kế một lỗi xử lý tổng thể để
nắm bắt các trường hợp ngoại lệ không được quản lý.
Thông báo đầy đủ thông tin lưu trữ về các ngoại lệ. Đảm bảo các tin
nhắn ngoại lệ thân thiện sử dụng và chúng không tiết lộ thông tin nhạy cảm
về các lỗi quan trọng và trường hợp ngoại lệ.
Logging
Do bộ nhớ hạn chế có sẵn trên các thiết bị di động, logging và thiết bị
đo đạc nên được giới hạn để chỉ các trường hợp cần thiết nhất. Xem xét thực
tế một số các bản ghi có thể có được tạo ra trên thiết bị và phải được đồng
bộ với máy chủ.

11 | P a g e


Không có cơ chế ghi sự kện trong windows mobile. Xem xét sử dụng
cơ chế thứ 3 logging hỗ trợ NET framwork compact. Ngoai ra xem xét làm
thế nào bạn sẽ truy cập các bản ghi được lưu trữ trên thiết bị.
Nếu bạn thực hiện logging trên thiết bị xem xét việc đăng nhập vào
một định dạng viết tắt hoặc nén để giảm thiểu tác động bộ nhớ và lưu trữ.
Ngoài ra xem xét việc logging thay vì đặng nhập trên thiết bị.
Xem xét việc sử dụng tính năng nền tảng như theo dõi tình trạng trên
máy chủ, các dịch vụ thiết bị di động trên các thiết bị, đăng nhập và kiểm
toán các sự kiện. Khám phá thêm khả năng theo dõi tình trạng từ xa bằng
cách sử dụng thiết bị quản lý Open Mobile Alliance tiêu chuẩn.

Đồng bộ hóa giữa các bản ghi cơ sở dữ liệu di dộng và các bản ghi cơ
sơ dữ liệu trên máy chủ để duy trì khả năng kiểm toán trên máy chủ.
Không lưu trữ thông tin nhạy cảm trong các tập tin đăng nhập và kiểm
toán, trừ khi cần thiết và đảm bảo rằng thông tin nhạy cảm được bảo vệ
thông qua mã hóa.
Các ứng dụng cổng
Các nhà phất triền thường muốn nhắc đến cổng như một phần của ứng
dụng di động. Một số loại ứng dụng sẽ dễ dàng hơn trong việc kết nối tới
cổng. Hãy xem xét các trường hợp thiết kế cổng sau đây:
Nếu bạn đang ở cổng có nhiều khách hàng từ máy tính để bàn, viết lại
ứng dụng trong toàn bộ của nó. Thiết kế để phù hợp với một kích thước màn
hình nhỏ, bộ nhớ hạn chế và nguồn tài nguyên đĩa.
Nếu bạn đang ở cổng của ứng dụng web tới thiết bị di dộng, xem xét
việc viết lại UI cho màn hình cõ nhỏ. Ngoai ra, xem xét hạn chế thông tin
liên lạc, giao diện chúng có thể chuyền thành điện năng tăng lên và chi phí
kết nối cho người sử dụng.
Không đảm bảo rằng ban có thể chuyền điều khiển tùy chỉnh của một
ứng dụng di động mà không sửa đổi. Hỗ trợ các API, bộ nhớ và các hành vi
giao diện người dùng khác trên một thiết bị di động. Kiểm tra kiểm soát
càng sớm càng tốt để bạn có thể lập kế hoạch viết lại chúng hoặc tìm một sự
thay thế nếu cần thiết.
12 | P a g e


Quản lí năng lượng
Năng lượng là yếu tố thiết kế giới hạn chính cho các thiết bị di động.
Tất cả các quyết định thiết kế nên đưa vào tài nguyên bao nhiêu nguồn tiêu
thụ thiết bị và ảnh hưởng của nó tới tuổi thọ của pin. Xem xét các thiết bị có
thể rút ra năng lượng từ USB hoặc các lọai kết nối khác.
Thực hiện hồ sơ năng lượng để tăng hiệu suất khi thiết bị được sạc từ

bên ngoài và không sạc pin của nó. Cho phép người sử dụng tắt các tính
năng của thiết bị khi không sử dụng hoặc khi không cần thiết. Ví dụ: đèn
màn hình, GPS, loa.....
Để tiết kiệm pin không cập nhật giao diện người dùng trong khi ứng
dụng đang chạy.
Chọn giao thức, giaod iện dịch vụ thiết kế và hàng loạt thông tin liên
lạc để chuyển số lượng nhỏ nhất của byte có thể có trong không gian. Xem
xét sử dụng năng lượng cũng như tốc độ mạng khi lựa chọn phương pháp
giao tiếp.
Đồng bộ hóa
Xem xét bạn có muốn được hỗ trợ để đồng bộ hóa. Bởi vì đồng bộ
hóa thường liên quan đến dữ liệu quan trọng, xem xét thế nào để đảm bảo
đồng bộ hóa dữ liệu của bạn.đặc biệt đồng bộ hóa qua không gian. Thiết kế
đồng bộ hóa của bạn để xử lý các thiết bị gián đoạn kết nối hoặc bằng cách
hủy bỏ các hoạt động hoặc bằng cách cho phép nó kết nối trở lại. Hãy xem
các hướng dẫn thiết kế đồng bộ hóa:
Nếu người dùng sử dụng đồng bộ hóa với máy tính hãy xem xét đến
khả năng đồng bộ được đặt trong thiết kế của bạn. Nếu người dùng sử dụng
đồng bộ hóa dữ liệu khi ra khỏi văn phòng, xem xét bao gồm đồng bộ hóa
không gian trong thiết kế của bạn.
Đảm bảo rằng các ứng dụng có thể phục hồi khi đồng bộ hóa được
thiết lập hoặc khi đồng bộ hóa bị gián đoạn và quyết định cách bạn sẽ quản
lý xung đột đồng bộ hóa.
Đảm bảo rằng thông tin liên lạc đồng bộ hóa được bảo vệ, có thể sử
dụng mã hóa và chứng chỉ kỹ thuật số và sử dụng các kênh an toàn. Đảm
13 | P a g e


bảo áp dụng xác thực và ủy quyền phù hợp khi sử dụng đồng bộ hóa
bluetooth.

Xem xét việc lưu trữ và đồng bộ hóa bằng cách sử dụng WCF hơn là
email hoặc tin nhắn SMS như WCF đảm bảo giao hàng và hoạt động tốt
trong các tình huống kết nối không thường xuyên.
Testing
Gỡ lỗi ứng dụng di động có thể tốn kém nhiều hơn chi phí gỡ lỗi 1
ứng dụng tương tự trên máy tính. Xem xét chi phí gỡ lỗi khi quyết định các
thiết bị và nhiều thiết bị ứng dụng của bạn sẽ hỗ trợ. Có thể khó khăn hơn để
có được thông tin gỡ lỗi thiết bị và giả lập thiết bị không phải lúc nào cũng
hoàn toàn mô phỏng môi trường phần cứng thiết bị. Hướng dẫn thiết kế
kiểm thử:
Biết chi phí gỗ lỗi của bạn khi lựa chọn thiết bị để hỗ trợ. Yếu tố
trong các công cụ hỗ trợ ,chi phí của các thiết bị thử nghiệm ban đầu và chi
phí dựa trên phần mềm giả lập thiết bị.
Nếu bạn có quyền truy cập các thiết bị vật lý mà bạn đang tiến tới, gỡ
lỗi mã trên thiết bị thực tế là sự dụng một trình giả lập. Nếu thiết bị không có
sẵn, sử dụng một trình giả lập cho chạy thử nghiệm ban đầu và gỡ lỗi.
Nếu bạn là một OEM và thiết bị của bạn đă được tạo ra lưu ý rằng nó
có thể gỡ looci một chương trình điện thoại di động trên máy tính chuyên
dụng dựa trên windows CE.
Giao diện người sử dụng
Khi thiết kế giao diện người dùng cho một ứng dụng di động không cố
gắng thích ứng hoặc tái sử dụng giao diện người dùng từ một ứng dụng máy
tính để bàn. Thiết kế giao diện người dùng trên thiết bị của bạn là đơn giản
nhất có thể và thiết kế đặc biệt dựa trên đầu vào và nhập dữ liệu khả năng
hạn chế sự thích hợp. Các chế độ màn hình sẽ chạy toàn màn hình và sẽ chỉ
hiện thị một cửa sổ duy nhất tại một thời điểm. Hướng dẫn thiết kế giao diện
người sử dụng:
Thiết kế cho một cửa sổ duy nhất toàn màn hình giao diện người
dùng. Nếu thiết bị của bạn sẽ là một thiết bị người dùng chỉ chạy các ứng
14 | P a g e

dụng chính, xem xét việc sử dụng kiosk. Hãy nhớ rằng windows mobile
không hỗ trợ chế độ kiosk. Vì, vậy bạn sẽ cần phải sử dụng window CE.
Đưa vào tài khoản kích thước màn hình khác nhau và định hướng
của thiết bị mục tiêu của bạn khi thiết kế giao diện người dùng ứng dụng của
bạn. Ngoài ra, hay xem xét những hạn chế áp đặt bởi kích thước màn hình
nhỏ, giới hạn API và giảm phạm vị của giao diện người dùng điều khiển so
với các môi trường máy tính để bàn.
Thiết kế cho khả năng sử dụng bằng cách hỗ trợ màn hình cảm ứng
hoặc giao diện người dùng bớt điều khiển. Nối thanh trình đơn và các điều
khiển khác ở dưới cùng của màn hình để ngăn chặn bàn tay của người dùng
che khuất màn hình. Hỗ trợ đầu vào màn hình cảm ứng bằng cách làm cho
nút bấm đủ lớn và đặt ra các điều khiển để giao diện người dùng có thể sử
dụng bằng cách sử dụng một ngón tay hoặc bút stylus cho đầu vào.
Cung cấp cho người sử dụng chi dẫn trực quan của các hoạt động
ngăn chặn. Ví dụ: con trỏ đồng hồ cát.
Sự xác nhận
Sử dụng xác nhận để bảo vệ các thiết bị và ứng dụng của bạn và để cải
thiện khả năng sử dụng. Xác nhận hợp lệ giá trị đầu vào trước khi gửi chúng
đến một máy chủ từ xa có thể làm giảm truyền thông và cải thiện hiệu suất
và khả năng sử dụng của ứng dụng. Đặc biệt là trong các tình huống đôi khi
kết nối hoặc ngoắt kết nối. Khi thiết kế xác nhận. Xem xét các hướng dẫn
sau đây:
Xác nhận dữ liệu đầu vào bởi người sử dụng nếu có thể để ngăn
chặn thông tin liên lạc không cần thiết và máy chủ. Điều này cũng làm cho
các ứng dụng đáp ứng nhiều hơn khi người dùng nhập vào các giá trị không
hợp lệ.
Xác nhận tất cả dữ liệu nhận được trong quá trình giao tiếp với một
máy chủ trong thời gian qua các thông tin liên lạc không gian.

Đảm bảo rằng bạn bảo vệ tài nguyên phần cứng, chẳng hạn như máy
ảnh và bắt đầu các cuộc gọi bằng cách xác thực mã và hành động đắt đầu
tính năng này.
15 | P a g e


5. Thiết kế cho màn hình di động .
Màn hình của của các thiết bị di động có nhiều kích thước khác nhau.Tùy
thuộc vào mỗi loại màn hình mà ta có thể có những thiết kế khác nhau sao
cho phù hợp.Tuy nhiên việc thiết kế có thể tuân theo các nguyên tắc chung
sau:
Cân bằng
Sự cân bằng phù hợp của các yếu tố là sự cần thiết đối với 1 mẫu thiết
kế. Luật cân bằng có 2 loại đó là cân bằng đối xứng và cân bằng bất đối
xứng.
Cân bằng đối xứng biểu thị tất cả các yếu tố như chiều cao, chiều rộng
... được sắp đặt 1 cách đối xứng trong trang. Cân bằng đối xứng đề cập đến
tất cả những gì được sắp xếp trong 1 bố cục. Cân bằng đối xứng được chia ra
làm nhiều loại như cân bằng đảo ngược, cân bằng 2 trục, cân bằng xuyên
tâm...
Cân bằng bất đối xứng đạt được khi không có sự đối xứng.Khi tất cả
các yếu tố được xếp đặt không có sự đối xứng với nhau, cân bằng bất đối
xứng được thiết lập. Nguyên tắc cân bằng được áp dụng trong rất nhiều thiết
kế mà tiêu biểu là thiết kế logo
Nhịp điệu
Nhịp điệu dùng để tạo nên sự dịch chuyển và điều hướng của tầm
nhìn. Nó xảy ra khi các yếu tố trong 1 bố cục được lặp lại. Nhịp điệu được
tạo ra bằng cách tạo nên 1 dòng chảy êm đềm của tầm nhìn. Nhịp điệu được
dùng như 1 đường dẫn mà do đó mắt chúng ta có thể đọc được những phần
quan trọng của 1 thông tin. Nó còn được gọi là 1 mẫu thức của nghệ thuật.

Nhịp điệu rất quan trọng vì nó đóng 1 vai trò sống còn trong cuộc sống vật
chất của chúng ta. Nhịp điệu giúp chúng ta nhìn nhận ra trật tự của thế giới
chung quanh.
Nhịp điệu có thể tạo nên bằng 3 cách đó là: sự lặp lại, dùng chuỗi và
dùng sự liên tục. Người nghệ sĩ, thông thường sủ dụng tất cả các hình thức
của nhịp điệu trong 1 bố cục. Họ phát triển thành 1 sự liên kết của nhịp điệu
16 | P a g e


trong xây dựng, vẽ, các sản phẩm thủ công... 1 cách nhuần nhuyễn và khéo
léo để tạo nên 1 tổng thể tuyệt vời.
Nhấn mạnh (Chính phụ)
Những yếu tố cần phải nối bật thì sẽ cần được nhấn mạnh. Sự nhấn
được tạo ra bởi sự sắp đặ các yếu tố 1 cách hợp lý. Hoặc đặt chúng ở vị trí
đáng được chú ý bằng cách dùng sự tương phản, có nghĩa là làm chúng nổi
bật lên bằng những nét đặc trưng như màu sắc, hình dạng, tỉ lệ. Sự nhấn
mạnh hoặc tương phản mang lại sự muôn màu muôn vẻ cho 1 mẫu thiết kế.
Một số loại tương phản phổ biến là: cong và thẳng, rộng và hẹp, hoa mỹ và
xù xì ...Nhấn mạnh bằng tương phản xuất phát từ rất nhiều phương cách,
nhưng cách phổ biến nhất có lẽ là dùng màu sắc. Sự tương phản về đường
nét, hình dạng và kích thước làm nên ưu thế của 1 chi tiết so với tổng thể.
Thí dụ như 1 đóa hoa được đặt trước 1 bức tường tĩnh lặng và đơn sắc thu
được hiệu quả nhiều hơn trong 1 môi trường ồn ào náo nhiệt.
Đồng nhất
Sự đơn giản trong thiết kế dẫn đến sự nhận thức chủ đề 1 cách dễ
dàng hơn. Sự đơn giản là thực sự cần thiết, đặc biệt trong trang thiết kế, để
tạo nên sự rõ ràng, sáng sủa.
Đơn giản
Sự đơn giản trong thiết kế dẫn đến sự nhận thức chủ đề 1 cách dễ
dàng hơn. Sự đơn giản là thực sự cần thiết, đặc biệt trong trang thiết kế, để

tạo nên sự rõ ràng, sáng sủa.
Cân xứng
Cân xứng là mối quan hệ giữa hình dạng và kích thước. Nó giúp cho
chúng ta đạt được sự cân bằng, đồng nhất cho 1 trang thiết kế. Để có được 1
sự cân xứng tốt thì các yếu tố phải được chiều chỉnh. Sự điều chỉnh kích
thước của các yếu tố với 1 sự cân xứng hoàn hảo tạo nên 1 mẫu thiết kế tốt.
Đó chính là sự liên quan giữa kích thước của các yếu tố với nhau, và với sự
cân xứng tổng thể. Sự cân xứng bao gồm những mối liên quan đó là liên
quan về chiều cao, chiều rộng, chiều sâu và không gian chung quanh.
17 | P a g e


Khoảng không gian mở xung quanh 1 chủ đề tạo nên 1 yếu tố gọi là tỉ
lệ. Chúng ta có thể thấy rằng tỉ lệ liên quan mật thiết đến cuộc sống hằng
ngày của chúng ta. Chúng ta đi vào siêu thị để mua 1 cái đèn ngủ trang trí
cho căn phòng và tìm được 1 cái ngỡ là phù hợp trong con mắt chúng ta lúc
đó. Nhưng khi về nhà thì mới nhận thấy rằng nó quá to so với căn phòng.
Chúng ta không thay đổi gì ở cái đèn, nhưng đối với không gian chung
quanh đã có sự thay đổi về tỉ lệ. Đối với thiết kế cũng vậy. Bạn cứ ngỡ rằng
nó rất phù hợp trên màn hình vi tính, nhưng khi in ra thì đó là cả 1 khỏang
cách không thể không xem xét. Vì vậy tại sao người ta phải in những ma-két
đen trắng để tìm ra 1 trang thiết kế phù hợp nhất.
Do đó có thể nói rằng tỉ lệ là 1 yếu tố quan trọng nhất trong thiết kế,
mặc dù nó chỉ được xếp ở vị trí thứ 6 trong những yếu tố của thiết kế (các
yếu tố kia là đường nét, phương hướng, hình dạng, màu sắc, chất liệu và độ
sáng tối).

6. Các công cụ trợ giúp thiết kế di động
Hiện nay có khá nhiều công cụ trợ giúp cho việc thiết kế di động.Sau đây là
một vài công cụ thiết kế giao diện cho hai hệ điều hành cho thiết bị di động

phổ biến nhất hiện nay là Ios và Android.
1.

DroidDraw

DroidDraw là 1 công cụ hỗ trợ thiết kế giao diện người dùng cho các ứng
dụng trên điện thoại thông minh hay máy tính bảng Android.
2.Xcode
Xcode là 1 môi trường phát triển được tích hợp mạnh mẽ để tạo ra các ứng
dụng tuyệt vời cho Mac, iPhone, and iPad. Xcode bao gồm các công cụ phân
tích , iOS Simulator, và phiên bản cuối của Mac OS X và iOS SDKs.Giao
diện Xcode mang tính liền mạch các tính năng như chỉnh sửa code,thiết kế
giao diện với Interface Builder, kiểm thử và sửa lỗi bên trong 1 màn hình.
Nó cũng tích hợp Apple LLVM để phát hiện ra các lỗi bạn viết hay thậm chí
tự sửa động lỗi cho bạn.

18 | P a g e


3.PhoneGap
Nền tảng của họ cho phép bạn dễ dàng xây dựng ứng dụng dựa trên
HTML5, như các ứng dụng gốc vào 6 nền tảng khác nhau
4. RhoMobile
Các khẩu hiệu “một codebase, tất cả các điện thoại thông minh” khá nhiều
cho biết tất cả.
5. WordPress Mobile Edition cho người sử dụng WP
Nếu bạn là một fan hâm mộ của WordPress có một số bổ sung điện thoại di
động thân thiện có sẵn. Một đặc biệt nổi bật. WordPress Mobile Edition là
một plugin cho thấy một giao diện được thiết kế cho một thiết bị di động khi
khách truy cập đến trang web của bạn trên một thiết bị di động. Trình duyệt

di động được tự động phát hiện, danh sách các trình duyệt di động có thể
được tùy chỉnh trên trang cài đặt.

7. Ví dụ minh họa cho các thiết bị di động cụ thể.
Thiết kế phiên bản website cho điện thoại đi động:

19 | P a g e


Thiết kế ứng dụng cho điện thoại tablet:
Ứng dụng đọc sách:

Ứng dụng cập nhật tin tức
20 | P a g e


8. Đánh giá tính dùng được của giao diện di động.
Sự thành công nhanh chóng của Instagram (một ứng dụng chia sẻ ảnh trên
điện thoại di động) chính là nhờ thiết kế của nó rất bắt mắt,đơn giản và thân
thiện với người dùng phù hợp với màn hình hiển thị nhỏ như điện thoại.
Khi mà các ứng dụng trên các thiết bị di động ngày càng nhiều thì người
dùng lại có những yêu cầu cao về giao diện ứng dụng tiện ích.
Việc thiết kế giao diện di động đảm bảo cho người dùng tập trung vào các
tính năng quan trọng,dễ sử dụng, loại bỏ sự rườm rà trong thiết kế,phù hợp
với việc hiển thị và độ phân giải màn hình của các thiết bị di động.



Tài liệu tham khảo :
21 | P a g e

1.
2.

3.
4.
5.
6.

/>Adaptive Human-Computer Interfaces - A. F. NORCIO & J.
STANLEY - Human Computer Interaction Laboratoryi " Information
Technology Division.
/> /> /> />
Phân chia công việc:
Cả nhóm tham gia tìm tài liệu và chia nhau dịch tài
liệu.Đóng góp của cả 4 thành viên là như nhau: 25%

22 | P a g e