CTT534 – Thiết Kế Giao Diện Thiết kế giao diện mobile Nội dung n n Tính phổ biến quan trọng tính toán di động Thiết kế giao diện mobile n Không gian sử dụng mobile Các hệ điều hành mobile n Giao diện – Tốt hay xấu? n 5/24/16 Mobile phones 5/24/16 Tính phổ biến thiết bị di động n Thị trường cực lớn q q q q Hơn 5.3 tỉ người sử dụng mobile (2010) ~302 triệu mobile Mỹ – 96% (2010) Ở nhiều nước, người sở hữu nhiều mobile Năm 2015, có nhiều người truy cập Internet từ mobile từ PC Nguồn: Symbian Ltd 5/24/16 Hơn lời nói n Mobile với khả ngày lớn: q q q q q n n Phần cứng phần mềm ngày mạnh mẽ Dung lượng lưu trữ ngày mở rộng Kết nối mạng kết nối đến thiết bị khác ngày tốt Màn hình lớn hơn, rõ ràng hơn, màu sắc Nhiều cách thức nhập liệu, ngày dễ dàng (dùng bút vẽ, bàn phím, chạm vào hình cảm ứng, lệnh giọng nói…) Ngôn ngữ lập trình linh hoạt, dễ dàng Cho phép người dùng dễ dàng sử dụng tính thông minh mobile 5/24/16 sóng mobile telephones Nguồn: Symbian Ltd 5/24/16 Dimensions of meeting extra n Giao tiếp q n Truy cập thông tin q n Nhiều người chơi, gaming, truy cập giới online từ mobile Sản phẩm phục vụ cá nhân/doanh nghiệp q n Âm thanh, đồ họa, video, đa phương tiện Khả chơi game q n Vị trí, điều hướng, diện, giáo dục Giải trí q n Giọng nói, tin nhắn, hình ảnh, video, VoIP… PDA, lên lịch, email, meeting Thương mại trực tuyến q 5/24/16 Mua sắm, ví điện tử, ngân hàng Tính toán di động (mobile computing) n Mobile computing q n Là thuật ngữ chung mô tả khả sử dụng công nghệ tính toán di chuyển, khác với tính toán PC, thực người vị trí cố định Phân loại q q q q q 5/24/16 Wearable computer Ultra-Mobile PC (UMPC) Handheld computer (PDA) Smart phone Tablet computer Tính toán di động (tt) n n Hiện nay, 50% truy cập Internet từ thiết bị ko phải máy tính Đa dạng hình dáng Kích thước, hình dáng, cách thức tương tác… q n Đa dạng chức q n Thiết bị “gắn” với người dùng q n 5/24/16 multimedia, game, mini-computer wearable, handheld, RFID, implants… Là lĩnh vực nghiên cứu thu hút nhiều ý HCI Nội dung n n Tính phổ biến quan trọng tính toán di động Thiết kế giao diện mobile n Không gian sử dụng mobile Các hệ điều hành mobile n Giao diện – Tốt hay xấu? n 5/24/16 10 Entertainment space n n Cách thiết bị giúp người dùng giải tỏa căng thẳng, hưởng thụ sống Ví dụ q q q 5/24/16 Games Karaoke Music 34 M-commerce space n n n Cách thiết bị mở rộng khả trao đổi mua bán người dùng Từ giới doanh nghiệp đến cá nhân Ví dụ q q q 5/24/16 Hiển thị thông tin e-coupons người dùng gần cửa hàng Mobile banking Chứng khoán 35 Identity space n n n Cách thiết bị trở thành phần định danh người dung Qua thời gian, thiết bị có thêm thông tin/hiểu biết người dùng Ghi nhận mẫu hành động phức tạp Đến ngày đó, có ĐTDĐ biết nhiều thân 5/24/16 36 Tổng kết n Information space: Thông tin tham chiếu tĩnh q n Self Enhancement space: Mở rộng khả q n n VD: games, music Commerce space: Dịch vụ doanh nghiệp cung cấp q n VD: giúp ghi nhớ, giám sát việc Relationships space: Mở rộng quan hệ xã hội Entertainment space: Giải trí q n VD: số chứng khoán, tin tức VD: e-coupons, tiền ảo Identity space: thiết bị biết người dùng q 5/24/16 VD: thiết bị gắn lên người, thiết bị vô hình 37 Nội dung n n Tính phổ biến quan trọng tính toán di động Thiết kế giao diện mobile n Không gian sử dụng mobile Các hệ điều hành mobile n Giao diện – Tốt hay xấu? n 5/24/16 38 Các hệ điều hành mobile n n HDH desktop khổ cho thiết bị di động Các HDH mobile phổ biến q q q q q q q q 5/24/16 Palm OS (Palm Computing) BlackBerry OS (Research In Motion) Windows CE / Windows Mobile (Microsoft) iPhone OS (Apple Inc) Android, open system (Google) Symbian OS, open system (Symbian Ltd, Nokia) Maemo OS, open system (Nokia) MeeGO, open system (Intel, Nokia) 39 Vai trò hệ điều hành n Giải vấn đề công nghệ phức tạp bên q n Cho phép tất thành phần ứng dụng tồn tương tác với q n Thành phần có thành phần tương lai Làm thứ trở nên đơn giản q n abstract out the “accidental differences” Người dùng nhìn thấy thứ tự nhiên dễ dàng HDH thay mặt người dùng giải vấn đề kĩ thuật phức tạp q 5/24/16 Dù người dùng ko để ý đến 40 Các tảng công cụ mobile n iOS q Apple mobile platform n q lớp n n n n q 5/24/16 Core OS layer Core services layer Media layer Cocoa touch layer Includes core applications n q iPhone, iPod Touch, iPad email, calendar, photos, camera Xcode programming environment, SDKs 41 Các tảng công cụ mobile (tt) n Android q q Google mobile platform A software stack for mobile devices n q Includes core applications n q q 5/24/16 email, browser, maps, SMS Application Framework n q OS, middleware, tools, apps Apps and GUI builder Linux kernel Java programming language 42 Các tảng công cụ mobile (tt) n Windows Mobile platform q q Pocket PC, Windows CE, Window Mobile, Windows NET Windows GUI builder n q Object oriented programming environment n 5/24/16 integral components VC++ IDE, NET Compact Framework, SDKs, Emulator, Tools 43 Các tảng công cụ mobile n Tham khảo thêm tảng công cụ để phát triển ứng dụng thiết bị di động q 5/24/16 http://en.wikipedia.org/wiki/Mobile_Development 44 Nội dung n n Tính phổ biến quan trọng tính toán di động Thiết kế giao diện mobile n Không gian sử dụng mobile Các hệ điều hành mobile n Giao diện – Tốt hay xấu? n 5/24/16 45 Tốt hay xấu? n Nokia N700 q q Đẹp Nhiều lỗi n n n n q Màn hình nhỏ n 5/24/16 Tắt gọi Kết nối wifi yếu Built-in apps tệ App nhắn tin cho phép gửi tin rỗng 3.2 inch ~ cm 46 Tốt hay xấu? n Nokia N700 apps scroll bar and scrolling scroll bar Apps scroll up when you drag the scroll bar down (opposite direction) But when you drag other areas down, apps scroll down (same direction) If you click here, apps jump up causing unexpected result (you may think you want to drag apps) 5/24/16 47 Tốt hay xấu? n Visual KPI Source: http://theresaneil.wordpress.com/2011/08/22/b ad-mobile-apps-ui-design-gone-wrong/ 5/24/16 48 ... dụng mobile (2010) ~302 triệu mobile Mỹ – 96% (2010) Ở nhiều nước, người sở hữu nhiều mobile Năm 2015, có nhiều người truy cập Internet từ mobile từ PC Nguồn: Symbian Ltd 5/24/16 Hơn lời nói n Mobile. .. kế giao diện mobile n Không gian sử dụng mobile Các hệ điều hành mobile n Giao diện – Tốt hay xấu? n 5/24/16 10 Mobile HCI n HCI and Mobile HCI “Human-Computer Interaction is a discipline concerned... quan trọng tính toán di động Thiết kế giao diện mobile n Không gian sử dụng mobile Các hệ điều hành mobile n Giao diện – Tốt hay xấu? n 5/24/16 Mobile phones 5/24/16 Tính phổ biến thiết bị di