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: Giới thiệu chung Hiện giới chứng kiến bùng nổ nhanh chóng thiết bị di động.Theo dự báo Cisco giới có tới 10 tỷ thiết bị kết nối với mạng Internet di động vào năm 2016, vượt dân số theo dự báo giới 2|Page thời điểm 7,3 tỷ người.Các thiết bị di động nhanh chóng trở nên phổ biến,hiện đại tiện dụng Sự phát triển mạnh mẽ chất lượng phần cứng tạo điều kiện cho việc phát triển ứng dụng thiết bị di động trở nên đa dạng phong phú bao giời hết.Các thiết bị di động phát triển tảng hệ điều hành khác nhau.Mỗi hệ điều hành xây dựng cho kho ứng dụng riêng.Ví dụ Google Play Android, AppStore Apple…vv Do tính chất đặc thù nên người dùng yêu cầu cần phải có phiê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 đầy đủ chức thiết bị di động.Chính mà việc nghiên cứu đưa nguyên tắc cho thiết kế thiết bị di động cần thiết.Nó giúp cho nhà thiết kế có nhìn sâu sắc thiết giao diện thiết bị di động Các loại ứng dụng thường gặp thiết bị di động Các ứng dụng thiết bị di động phát triển mạnh,đa dạng phong phú đáp ứng gần đầy đủ nhu cầu cần thiết người sử dụng.Các ứng dụng phổ biến bao gồm: - Website phiê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 Chiến lược thiết kế giao diện cho ứng dụng thiết bị di động Thiết kế cho hình nhỏ Khi thiết kế cho hình thiết bị di động, bạn phải vào xem xét kích thước nhỏ hình Đây khó khăn cho người sử dụng để thiết kế cho hình lớn HD với khả hiển thị đồ họa 1920X1200 cao IPhone có độ phân giải 640 x 960 iPad cao 1024 x 768 Một số điện thoại Android Blackberry có kích thước 3|Page hình 320 × 240 Đó nhỏ so với sử dụng, quan trọng để lưu ý thiết kế trang web di động bạn Sự kết nối nghèo nàn Một vài năm trở lại trước Internet băng thông rộng có sẵn tất quán cà phê góc, thiết kế web xem xét kết nối tới người sử dụng gần chút tối ưu hóa hình ảnh video cho thời gian tải nhanh Bạn cần phải làm thiết kế cho trang web di động bạn Các nhà cung cấp dịch vụ liên tục tung dịch vụ có tốc độ nhanh theo thời gian, chắp vá tốt số khu vực Cộng với số người sử dụng, khơng có kế hoạch giới hạn liệu, trả tiền để tải liệu Vì vậy, nhà phát triển, phải suy nghĩ lại ngày đầu modem Bạn cần giảm mã, loại bỏ thẻ khơng cần thiết Giữ hình ảnh nhỏ, nén cho nhẹ lần tải Xem xét điện thoại di động thân thiện :Cấu trúc trang Cột Khi tải trang điện thoại thường thu nhỏ tất cách để hiển thị tất lên hình Màn hình hầu hết tất điện thoại nhỏ trang khơng thể đọc thu nhỏ Điều lý tưởng tạo nhiều bước cho người sử dụng đọc nội dung trang Thông thường họ phải di chuyển hai chiều dọc ngang đọc Thay cố gắng thực cột bố trí phù hợp hình điện thoại di động.Người dùng có khả phải di chuyển, theo chiều dọc Đơn giản hóa Tối ưu hóa nội dung bạn Xem xét việc loại bỏ liên kết bổ sung nội dung mà khu vực nội dung Các sản phẩm thường thấy bên footer trang web truyền thống thường loại bỏ để tập trung xếp hợp lý đơn giản Bằng cách loại bỏ nội dung này, bạn làm giảm kích thước trang thời gian tải, khía cạnh quan trọng thiết kế trang di động Giảm Navigation User Input 4|Page Nhập liệu người dùng gặp khó khăn số điện thoại Nó khơng nhanh bàn phím truyền thống, người dùng có khả gây sai lầm Chúng ta làm cho 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 kéo từ tài khoản có người dùng q trình tốn Danh mục giảm đến trình đơn thả xuống.Chúng tơi tận dụng lợi điện thoại xây dựng chức năng: Tránh kích cỡ tuyệt đối Khi thiết kế cho hình nhỏ tránh xác định kích thước điểm ảnh tuyệt đối Ví dụ bạn xác định có chiều rộng 200px, phần lớn hình số điện thoại.Hãy thử sử dụng kích thước tương đối ems tỷ lệ phần trăm, kích thước tự động điều chỉnh Tránh cuộn … Theo bạn đơn giản tránh tất di chuyển hầu hết trường hợp, với kích thước hình nhỏ thiết bị di động, bạn thực số điều chỉnh để giảm thiểu di chuyển Tạo bố trí cột đề cập để tiếp tục di chuyển theo chiều dọc lý tưởng Giảm số lượng hình ảnh nội dung trang gợi ý tốt Ngoài xem xét thêm nội dung tiêu đề, chẳng hạn logo định hướng, chúng đẩy nội dung xuống trang gây di chuyển khơng cần thiết Thiết kế cho hình cảm ứng Màn hình cảm ứng điện thoại thơng minh giúp cải thiện trải nghiệm người dùng, trừ nói đến khai thác nút bấm nhỏ liên kết văn Ngón tay thường lớn để xác định xác liên kết văn nhỏ Đối với liên kết định hướng quan trọng xem xét việc sử dụng nút lớn kéo dài chiều rộng hình Chọn Font cho nội dung bạn Với khả nhúng font vào trang web, cần thiết để lựa chọn phông chữ đọc hình nhỏ Tránh kịch phông 5|Page chữ viết tay, tiêu đề văn dự định lớn Thậm chí lớn văn xuất điện thoại nhỏ Ngoài xem xét thích hợp khoảng cách chữ khoảng cách dịng để giữ cho nội dung bạn đọc tốt Flash, Java, khung hình cửa sổ Ups Pop Hầu hết thiết bị di động không hỗ trợ, Flash, Java Applet, khung cửa sổ pop up.Hãy tránh công nghệ phát triển trang web di động bạn Với thông báo gần Adobe mà họ ngừng phát triển Flash Player cho trình duyệt thiết bị di động Cách nhìn CSS điện thoại di động Dưới số lời khuyên chung CSS cân nhắc thiết kế dành cho điện thoại di động o o o o o Thiết lập độ rộng wrapper bạn tỷ lệ phần trăm so với độ rộng cố định để trang bạn quấn kích cỡ hình khác Set đoạn văn, tiêu đề đị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 phiên di động trang web bạn giữ cho thứ đơn giản xếp hợp lý Các công cụ giao diện người dùng di động biểu tượng Nếu bạn nghiêng nhiều chút bên phát triển so với thiết kế, không cần phải lo sợ Có nhiều cơng cụ giao diện người dùng có sẵn cho trang web điện thoại di động Các thành phần thiết kế di động Xác thực ủy quyền Việc thiết kế xác thực có hiệu chiến lược ủy quyền quan trọng với việc bảo mật tính tin cậy ứng dụng Tính xác thực yếu khiến ứng dụng bạn bị sử dụng trái phép Thiết bị di động thường thiết kế cho người sử dụng thường thiếu hồ sơ bảo mật Khả thiết bị di động qua bluetooth mang đến 6|Page rủi ro cho người sử dụng Thiết kế di động gặp khó khắn bị gián đoạn kết nối Việc thiết kế xác thực ủy quyền: Thiết kế xác thực ủy quyền cho hai kết nối đầy đủ kết nối không đầy đủ; bao gồm đồng hóa khơng gian, đồng hóa tới PC, phát bluetooth, đồng hóa mạng riêng ảo đồng hóa thẻ nhớ SD Các thiết bị khác phải khác mơ hình bảo mật chương trình chúng, mà ảnh hưởng đến ủy quyền truy cập tài nguyên Không đảm bảo bảo mật có sẵn tảng lớn có di động Ngay bạn sử dụng công cụ tương tự Ví dụ: danh sach kiểm sốt truy cập (ACL) khơng có sẵn window mobile bảo mật tập tin khơng có hoạt động hệ thống Caching: nhớ đệm Sử dụng nhớ đệm để cải thiện hiệu đáp ứng ứng dụng để hỗ trợ hoạt động khơng có kết nối mạng Bộ nhớ đệm tối ưu hóa tra cứu liệu tham khảo, tránh đường vòng ngăn chặn xử lý không cần thiết Khi định liệu vào nhớ đệm xem xét giới hạn tài nguyên thiết bị; bạn có khơng gian lưu trữ so với máy tính để bàn Các hướng dẫn thiết kế nhớ đệm: Xác định mục tiêu hiệu suất bạn Ví dụ: xác định thời gian đáp ứng tối thiểu tuổi thọ pin Kiểm tra hiệu thiết bị cụ thể sử dụng Hầu hết thiết bị di động sử dụng nhớ flash, chậm sơ với nhớ sử dụng máy tính để bàn 7|Page Thiết kế nhớ tối thiểu Bộ nhớ cache chứa liệu hoàn toàn cần thiết cho ứng dụng để hoạt động Chọn vị trí thich hợp nhớ cache, chằng hạn thiết bị, cổng di động hay máy chủ sở liệu Đảm bảo liệu nhạy cảm mã hóa nhớ đệm, đặc biết liệu nhớ đệm phương tiện truyền thông xem xét việc mã hóa liệu nhớ đệm nhớ thiết bị di động Xác định ranh giới tin cậy với tầng ứng dụng di động: máy chủ máy khách, máy chủ với sở liệu Điều giúp bạn xác định đâu làm để 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 truyền thơng có dây với máy chủ.cũng truyền thông thông qua bluetooth hay cổng hồng ngoại Khi truyền thơng qua khơng khí trọng việc bảo vệ tránh bị trộm cắp, giả mạo Nếu giao tiếp qua giao diện dịch vụ web, sử dụng chế tiêu chuẩn ws-sercure để đảm bảo liệu Giao tiếp thiết bị không dây có nhiều khả bị gián đoạn so với thơng tin liên lạc từ máy tính ứng dụng bạn yêu cầu hoạt động 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 khả sử dụng vệc kết nối Giới hạn băng thông kết nối thiết bị di động làm giảm hiệu suất ảnh hưởng đến khả sử dụng Sử dụng giao thức truyền thông phù hợp, xem xét ứng 8|Page dụng hoạt động 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, để tắt thông tin liên lạc bảo vệ pin phù hợp Nếu thiết kế ứng dụng chạy thiết bị di động xem xét tác động nhận gọi điện thoại q trình truyền thơng thực chương trình Thiết kế ứng dụng cho phép dừng hoạt động lại hay chí khỏi ứng dụng Bảo vệ thông tin liên lạc kết nối không đáng tin cậy, chẳng hạn dịch vụ web phương thức qua không gian Xem xét sử dụng mã hóa chữ ký điện tử cho liệu nhạy cảm đảm bảo liệu qua VPN bảo vệ Nếu bạn sử dụng WCF để giao tiếp phải thực hàng đợi tin nhắn, xem xét việc sử dụng WCF lưu trữ 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 để xử lý thiết bị reset, việc bạn muốn cho phép cấu hình ứng dụng qua khơng khí hay từ máy chủ Xem xét hướng dẫn sau đây: Chọn định dạng phù hợp với thơng tin cấu hình Xem xét định dạng nhị phân XML để giảm thiểu sử dụng nhớ Đảm bảo việc mã hóa liệu lưu trữ tập tin cấu hình Đảm bảo thiết kế bạn hỗ trợ khôi phục cấu hình sau reset thiết bị Làm để đồng hóa thơng tin cấu hình kết nối qua khơng khí hay tới máy tính Nếu bạn 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 ủy quyền thiết bị 9|Page Truy cập liệu Truy cập liệu thiết bị di động bị hạn chế kết nối mạng không đáng tin cậy hạn chế phần cứng thiết bị Khi thiết kế truy cập liệu, xem xét làm băng thông thấp, độ trễ cao 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 sở liệu thiết bị cục cung cấp dịch vụ đồng hóa chẳng hạn SQL server compact edition Không đảm bảo thiết bị lưu trữ ln ln có sẵn, người sử dụng xóa vào bât kỳ thời gian Kiểm tra tồn thiết bị lưu trữ di động trước sử dụng FlushFileBuffers Nếu sử dụng XML để lưu trữ chuyển liệu Xem xét kich thước tổng thể tác động đến hiệu suất XML làm tăng băng thông yêu cầu lưu trữ địa phương Giảm thiểu tác động hiệu cách thiết kế để truy cập sở liệu hiệu xử lý liệu Hãy xem xét việc sử dụng đối tượng đánh máy thay tập liệu để giảm chi phí nhớ cải thiện hiệu suất Tránh trình hoạt động chuyên sâu, điều hướng thông qua tập liệu lớn Các đặc trưng thiết bị Thiết kế thiết bị di động phát triển tính chất hạn chế khác thiết bị phần cứng Giữ cho môi trường thiết bị không đồng thiết kế ứng dụng di động Yếu tố thay đổi kích thước hình định hướng, hạn chế nhớ không gian lưu trữ 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ị cách xem xét yếu tố kích thước hình định hướng, mạng băng thơng, không gian nhớ lưu trữ, hiệu suất xử lý , khả phần cứng khác Xem xét thiết bị cụ thể mà sử dụng để tăng cường chức úng dụng xử lý đồ họa đơn vị, GPS, thông tin phản hồi 10 | P a g e Nếu phát triển nhiều thiết bị thiết kế cho tập chức tồn tất thiết bị sau tùy chỉnh để phát sử dụng tính thiết bị cụ thể có sẵn Xem xét tài nguyên nhớ hạn chế tối ưu hóa ứng dụng bạn để sử dụng tài nguyên tối thiểu nhớ Khi nhớ thấp, hệ thống phát hành lưu trữ mã ngôn ngữ trung gian để giảm 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 bao gồm trường hợp riêng biệt tập tin thực thi nhỏ yêu cầu hạn chế kích thước nhớ điện thoại Quản lí ngoại lệ Thiết kế chiến lược quản lý ngoại lệ hiệu quan trọng bảo vệ tin cậy ứng dụng Xử lý ngoại lệ ứng dụng di động ngăn ngừa chi tiết ngoại lệ nhạy cảm tiết lộ cho 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 biết đến sau xảy trường hợp ngoại lệ mà không tiết lộ với người sử dụng cuối Chỉ bắt ngoại lệ bạn xử lý chúng khơng sử dụng ngoại lệ để kiểm sốt luồng logic Đảm bảo thiết kế lỗi xử lý tổng thể để nắm bắt trường hợp ngoại lệ không quản lý Thông báo đầy đủ thông tin lưu trữ ngoại lệ Đảm bảo tin nhắn ngoại lệ thân thiện sử dụng chúng không tiết lộ thông tin nhạy cảm lỗi quan trọng trường hợp ngoại lệ Logging Do nhớ hạn chế có sẵn thiết bị di động, logging thiết bị đo đạc nên giới hạn để trường hợp cần thiết Xem xét thực tế số ghi có tạo thiết bị phải đồng với máy chủ 11 | P a g e Không có chế ghi kện windows mobile Xem xét sử dụng chế thứ logging hỗ trợ NET framwork compact Ngoai xem xét làm bạn truy cập ghi lưu trữ thiết bị Nếu bạn thực logging thiết bị xem xét việc đăng nhập vào định dạng viết tắt nén để giảm thiểu tác động nhớ lưu trữ Ngoài xem xét việc logging thay đặng nhập thiết bị Xem xét việc sử dụng tính tảng theo dõi tình trạng máy chủ, dịch vụ thiết bị di động thiết bị, đăng nhập kiểm toán kiện Khám phá thêm khả theo dõi tình trạng từ xa cách sử dụng thiết bị quản lý Open Mobile Alliance tiêu chuẩn Đồng hóa ghi sở liệu di dộng ghi sơ liệu máy chủ để trì khả kiểm tốn máy chủ Không lưu trữ thông tin nhạy cảm tập tin đăng nhập kiểm toán, trừ cần thiết đảm bảo thông tin nhạy cảm 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 phần ứng dụng di động Một số loại ứng dụng dễ dàng việc kết nối tới cổng Hãy xem xét trường hợp thiết kế cổng sau đây: Nếu bạn cổng có nhiều khách hàng từ máy tính để bàn, viết lại ứng dụng tồn Thiết kế để phù hợp với kích thước hình nhỏ, nhớ hạn chế nguồn tài nguyên đĩa Nếu bạn cổng ứng dụng web tới thiết bị di dộng, xem xét việc viết lại UI cho hình cõ nhỏ Ngoai ra, xem xét hạn chế thông tin liên lạc, giao diện chúng chuyền thành điện tăng lên chi phí kết nối cho người sử dụng Khơng đảm bảo ban chuyền điều khiển tùy chỉnh ứng dụng di động mà không sửa đổi Hỗ trợ API, nhớ hành vi giao diện người dùng khác thiết bị di động Kiểm tra kiểm soát sớm tốt để bạn lập kế hoạch viết lại chúng tìm thay cần thiết 12 | P a g e Quản lí lượng Năng lượng yếu tố thiết kế giới hạn cho thiết bị di động Tất định thiết kế nên đưa vào tài nguyên nguồn tiêu thụ thiết bị ảnh hưởng tới tuổi thọ pin Xem xét thiết bị rút lượng từ USB lọai kết nối khác Thực hồ sơ lượng để tăng hiệu suất thiết bị sạc từ bên ngồi khơng sạc pin Cho phép người sử dụng tắt tính thiết bị không sử dụng không cần thiết Ví dụ: đèn hình, GPS, loa Để tiết kiệm pin không cập nhật giao diện người dùng ứng dụng chạy Chọn giao thức, giaod iện dịch vụ thiết kế hàng loạt thông tin liên lạc để chuyển số lượng nhỏ byte có khơng gian Xem xét sử dụng lượng tốc độ mạng lựa chọn phương pháp giao tiếp Đồng hóa Xem xét bạn có muốn hỗ trợ để đồng hóa Bởi đồng hóa thường liên quan đến liệu quan trọng, xem xét để đảm bảo đồng hóa liệu bạn.đặc biệt đồng hóa qua khơng gian Thiết kế đồng hóa bạn để xử lý thiết bị gián đoạn kết nối cách hủy bỏ hoạt động cách cho phép kết nối trở lại Hãy xem hướng dẫn thiết kế đồng hóa: Nếu người dùng sử dụng đồng hóa với máy tính xem xét đến khả đồng đặt thiết kế bạn Nếu người dùng sử dụng đồng hóa liệu khỏi văn phịng, xem xét bao gồm đồng hóa khơng gian thiết kế bạn Đảm bảo ứng dụng phục hồi đồng hóa thiết lập đồng hóa bị gián đoạn định cách bạn quản lý xung đột đồng hóa Đảm bảo thơng tin liên lạc đồng hóa bảo vệ, sử dụng mã hóa chứng kỹ thuật số sử dụng kênh an toàn Đảm 13 | P a g e bảo áp dụng xác thực ủy quyền phù hợp sử dụng đồng hóa bluetooth Xem xét việc lưu trữ đồng hóa cách sử dụng WCF email tin nhắn SMS WCF đảm bảo giao hàng hoạt động tốt tình kết nối khơng thường xun Testing Gỡ lỗi ứng dụng di động tốn nhiều chi phí gỡ lỗi ứng dụng tương tự máy tính Xem xét chi phí gỡ lỗi định thiết bị nhiều thiết bị ứng dụng bạn hỗ trợ Có thể khó khăn để có thơng tin gỡ lỗi thiết bị giả lập thiết bị khơng phải lúc hồn tồn mơ 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 bạn lựa chọn thiết bị để hỗ trợ Yếu tố cơng cụ hỗ trợ ,chi phí thiết bị thử nghiệm ban đầu chi phí dựa phần mềm giả lập thiết bị Nếu bạn có quyền truy cập thiết bị vật lý mà bạn tiến tới, gỡ lỗi mã thiết bị thực tế dụng trình giả lập Nếu thiết bị khơng có sẵn, sử dụng trình giả lập cho chạy thử nghiệm ban đầu gỡ lỗi Nếu bạn OEM thiết bị bạn đă tạo lưu ý gỡ looci chương trình điện thoại di động máy tính chuyên dụng dựa windows CE Giao diện người sử dụng Khi thiết kế giao diện người dùng cho ứng dụng di động không cố gắng thích ứng tái sử dụng giao diện người dùng từ ứng dụng máy tính để bàn Thiết kế giao diện người dùng thiết bị bạn đơn giản thiết kế đặc biệt dựa đầu vào nhập liệu khả hạn chế thích hợp Các chế độ hình chạy tồn hình thị cửa sổ thời điểm Hướng dẫn thiết kế giao diện người sử dụng: Thiết kế cho cửa sổ tồn hình giao diện người dùng Nếu thiết bị bạn thiết bị người dùng chạy ứng 14 | P a g e dụng chính, xem xét việc sử dụng kiosk Hãy nhớ windows mobile không hỗ trợ chế độ kiosk Vì, bạn cần phải sử dụng window CE Đưa vào tài khoản kích thước hình khác định hướng thiết bị mục tiêu bạn thiết kế giao diện người dùng ứng dụng bạn Ngoài ra, hay xem xét hạn chế áp đặt kích thước hình nhỏ, giới hạn API giảm phạm vị giao diện người dùng điều khiển so với môi trường máy tính để bàn Thiết kế cho khả sử dụng cách hỗ trợ hình cảm ứng giao diện người dùng bớt điều khiển Nối trình đơn điều khiển khác hình để ngăn chặn bàn tay người dùng che khuất hình Hỗ trợ đầu vào hình cảm ứng cách làm cho nút bấm đủ lớn đặt điều khiển để giao diện người dùng sử dụng cách sử dụng ngón tay bút stylus cho đầu vào Cung cấp cho người sử dụng chi dẫn trực quan hoạt động ngăn chặn Ví dụ: trỏ đồng hồ cát Sự xác nhận Sử dụng xác nhận để bảo vệ thiết bị ứng dụng bạn để cải thiện khả sử dụng Xác nhận hợp lệ giá trị đầu vào trước gửi chúng đến máy chủ từ xa làm giảm truyền thông cải thiện hiệu suất khả sử dụng ứng dụng Đặc biệt tình kết nối ngoắt kết nối Khi thiết kế xác nhận Xem xét hướng dẫn sau đây: Xác nhận liệu đầu vào người sử dụng để ngăn chặn thơng tin liên lạc không cần thiết máy chủ Điều làm cho ứng dụng đáp ứng nhiều người dùng nhập vào giá trị không hợp lệ Xác nhận tất liệu nhận trình giao tiếp với máy chủ thời gian qua thông tin liên lạc không gian Đảm bảo bạn bảo vệ tài nguyên phần cứng, chẳng hạn máy ảnh bắt đầu gọi cách xác thực mã hành động đắt đầu tính 15 | P a g e Thiết kế cho hình di động Màn hình của thiết bị di động có nhiều kích thước khác nhau.Tùy thuộc vào loại hình mà ta có thiết kế khác cho phù hợp.Tuy nhiên việc thiết kế tuân theo nguyên tắc chung sau: Cân Sự cân phù hợp yếu tố cần thiết mẫu thiết kế Luật cân có loại cân đối xứng cân bất đối xứng Cân đối xứng biểu thị tất yếu tố chiều cao, chiều rộng đặt cách đối xứng trang Cân đối xứng đề cập đến tất xếp bố cục Cân đối xứng chia làm nhiều loại cân đảo ngược, cân trục, cân xuyên tâm Cân bất đối xứng đạt khơng có đối xứng.Khi tất yếu tố xếp đặt khơng có đối xứng với nhau, cân bất đối xứng thiết lập Nguyên tắc cân áp dụng nhiều thiết kế mà tiêu biểu thiết kế logo Nhịp điệu Nhịp điệu dùng để tạo nên dịch chuyển điều hướng tầm nhìn Nó xảy yếu tố bố cục lặp lại Nhịp điệu tạo cách tạo nên dòng chảy êm đềm tầm nhìn Nhịp điệu dùng đường dẫn mà mắt đọc phần quan trọng thông tin Nó cịn gọi mẫu thức nghệ thuật Nhịp điệu quan trọng đóng vai trò sống sống vật chất Nhịp điệu giúp nhìn nhận trật tự giới chung quanh Nhịp điệu tạo nên cách là: lặp lại, dùng chuỗi dùng liên tục Người nghệ sĩ, thơng thường sủ dụng tất hình thức nhịp điệu bố cục Họ phát triển thành liên kết nhịp điệu 16 | P a g e xây dựng, vẽ, sản phẩm thủ công cách nhuần nhuyễn khéo léo để tạo nên 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 cần nhấn mạnh Sự nhấn tạo đặ yếu tố cách hợp lý Hoặc đặt chúng vị trí đáng ý cách dùng tương phản, có nghĩa làm chúng bật lên nét đặc trưng màu sắc, hình dạng, tỉ lệ Sự nhấn mạnh tương phản mang lại muôn màu muôn vẻ cho mẫu thiết kế Một số loại tương phản phổ biến là: cong thẳng, rộng hẹp, hoa mỹ xù xì Nhấn mạnh tương phản xuất phát từ nhiều phương cách, cách phổ biến có lẽ dùng màu sắc Sự tương phản đường nét, hình dạng kích thước làm nên ưu chi tiết so với tổng thể Thí dụ đóa hoa đặt trước tường tĩnh lặng đơn sắc thu hiệu nhiều môi trường ồn náo nhiệt Đồng Sự đơn giản thiết kế dẫn đến nhận thức chủ đề cách dễ dàng Sự đơn giản thực cần thiết, đặc biệt trang thiết kế, để tạo nên rõ ràng, sáng sủa Đơn giản Sự đơn giản thiết kế dẫn đến nhận thức chủ đề cách dễ dàng Sự đơn giản thực cần thiết, đặc biệt trang thiết kế, để tạo nên rõ ràng, sáng sủa Cân xứng Cân xứng mối quan hệ hình dạng kích thước Nó giúp cho đạt cân bằng, đồng cho trang thiết kế Để có cân xứng tốt yếu tố phải chiều chỉnh Sự điều chỉnh kích thước yếu tố với cân xứng hoàn hảo tạo nên mẫu thiết kế tốt Đó liên quan kích thước yếu tố với nhau, với cân xứng tổng thể Sự cân xứng bao gồm mối liên quan liên quan chiều cao, chiều rộng, chiều sâu không gian chung quanh 17 | P a g e Khoảng không gian mở xung quanh chủ đề tạo nên yếu tố gọi tỉ lệ Chúng ta thấy tỉ lệ liên quan mật thiết đến sống ngày Chúng ta vào siêu thị để mua đèn ngủ trang trí cho phịng tìm ngỡ phù hợp mắt lúc Nhưng nhà nhận thấy q to so với phịng Chúng ta khơng thay đổi đèn, khơng gian chung quanh có thay đổi tỉ lệ Đối với thiết kế Bạn ngỡ phù hợp hình vi tính, in khỏang cách khơng thể khơng xem xét Vì người ta phải in ma-két đen trắng để tìm trang thiết kế phù hợp Do nói tỉ lệ yếu tố quan trọng thiết kế, xếp vị trí thứ yếu tố thiết kế (các yếu tố đường nét, phương hướng, hình dạng, màu sắc, chất liệu độ sáng tối) Các công cụ trợ giúp thiết kế di động Hiện có nhiều cơng cụ trợ giúp cho việc thiết kế di động.Sau 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 Ios Android DroidDraw DroidDraw công cụ hỗ trợ thiết kế giao diện người dùng cho ứng dụng điện thoại thông minh hay máy tính bảng Android 2.Xcode Xcode mơi trường phát triển tích hợp mạnh mẽ để tạo ứng dụng tuyệt vời cho Mac, iPhone, and iPad Xcode bao gồm cơng cụ phân tích , iOS Simulator, phiên cuối Mac OS X iOS SDKs.Giao diện Xcode mang tính liền mạch tính chỉnh sửa code,thiết kế giao diện với Interface Builder, kiểm thử sửa lỗi bên hình Nó tích hợp Apple LLVM để phát lỗi bạn viết hay chí tự sửa động lỗi cho bạn 18 | P a g e 3.PhoneGap Nền tảng họ cho phép bạn dễ dàng xây dựng ứng dụng dựa HTML5, ứng dụng gốc vào tảng khác RhoMobile Các hiệu “một codebase, tất điện thoại thông minh” nhiều cho biết tất WordPress Mobile Edition cho người sử dụng WP Nếu bạn fan hâm mộ WordPress có số bổ sung điện thoại di động thân thiện có sẵn Một đặc biệt bật WordPress Mobile Edition plugin cho thấy giao diện thiết kế cho thiết bị di động khách truy cập đến trang web bạn thiết bị di động Trình duyệt di động tự động phát hiện, danh sách trình duyệt di động tùy chỉnh trang cài đặt Ví dụ minh họa cho thiết bị di động cụ thể Thiết kế phiên website cho điện thoạ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 Đánh giá tính dùng giao diện di động Sự thành cơng nhanh chóng Instagram (một ứng dụng chia sẻ ảnh điện thoại di động) nhờ thiết kế bắt mắt,đơn giản thân thiện với người dùng phù hợp với hình hiển thị nhỏ điện thoại Khi mà ứng dụng thiết bị di động ngày nhiều người dùng lại có u cầu cao 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 tính quan trọng,dễ sử dụng, loại bỏ rườm rà thiết kế,phù hợp với việc hiển thị độ phân giải hình thiết bị di động  Tài liệu tham khảo : 21 | P a g e http://www.slideshare.net/OpenRoad/mobile-ui-design-user-centereddesign-and-ui-best-practices Adaptive Human-Computer Interfaces - A F NORCIO & J STANLEY - Human Computer Interaction Laboratoryi " Information Technology Division http://www.goldmousedesign.com/2012/02/07/25-loi-khuyen-ve-thietke-cho-cac-thiet-bi-di-dong/ http://www.yuiblog.com/blog/2007/10/02/challenges-of-interfacedesign-for-mobile-devices/ http://smallsurfaces.com/ http://designreviver.com/tips/8-useful-interface-design-techniquesfor-mobile-devices/ Phân chia công việc: Cả nhóm tham gia tìm tài liệu chia dịch tài liệu.Đóng góp thành viên nhau: 25% 22 | P a g e ... phiê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 Chiến lược thiết kế giao di? ??n cho ứng dụng thiết bị di động Thiết kế cho hình nhỏ Khi thiết kế cho hình thiết. .. sâu sắc thiết giao di? ??n thiết bị di động Các loại ứng dụng thường gặp thiết bị di động Các ứng dụng thiết bị di động phát triển mạnh,đa dạng phong phú đáp ứng gần đầy đủ nhu cầu cần thiết người... web,những thiết kế ứng dụng thân thiện, đơn giản đẹp mắt đầy đủ chức thiết bị di động. Chính mà việc nghiên cứu đưa nguyên tắc cho thiết kế thiết bị di động cần thiết. Nó giúp cho nhà thiết kế có nhìn