CTT 534 Thiết kế giao diện LN07 mobile UI vi

Nội dungn Không gian sử dụng trên mobile n Các hệ điều hành trên mobile... Tính toán di động mobile computingn Mobile computing tính toán trong khi di chuyển, khác với tính toán trên PC,

CTT534 – Thiết Kế Giao Diện

Thiết kế giao diện mobile

Nội dung

n Không gian sử dụng trên mobile

n Các hệ điều hành trên mobile

Mobile phones

Tính phổ biến của thiết bị di động

hơn là từ PC

Hơn cả lời nói

hơn

(dùng bút vẽ, bàn phím, chạm vào màn hình cảm ứng, ra lệnh bằng giọng nói…)

3 làn sóng của mobile telephones

Nguồn: Symbian Ltd

Dimensions of meeting extra

n Giao tiếp

q Giọng nói, tin nhắn, hình ảnh, video, VoIP…

n Truy cập thông tin

q Vị trí, điều hướng, hiện diện, giáo dục

n Giải trí

q Âm thanh, đồ họa, video, đa phương tiện

n Khả năng chơi game

q Nhiều người chơi, gaming, truy cập thế giới online từ mobile

n Sản phẩm phục vụ cá nhân/doanh nghiệp

q PDA, lên lịch, email, meeting

n Thương mại trực tuyến

Tính toán di động (mobile computing)

n Mobile computing

tính toán trong khi di chuyển, khác với tính toán trên PC, chỉ có thể thực hiện khi người đó ở các vị trí cố định nào đó

Nội dung

n Không gian sử dụng trên mobile

n Các hệ điều hành trên mobile

Mobile HCI

“Human-Computer Interaction is a discipline concerned with the design, evaluation and implementation of interactive

computing systems for human use and with the study of major phenomena surrounding them”

Khái niệm HCI đề cập đến việc thiết kế, đánh giá và cài đặt các hệ thống tính toán tương tác nhằm phục vụ mục đích con người và việc nghiên cứu các hiện tượng chủ đạo liên quan

… và mobile HCI nghiên cứu các vấn đề trên từ các thiết bị di động như mobile phones/pagers, wrist watches, memo

devices, GPS, hệ thống nhúng kích thước nhỏ…

Mobile mang lại sự khác biệt

Giới hạn của giao diện mobile

Giới hạn của giao diện mobile (tt)

n Yêu cầu của người dùng với ứng dụng mobile:

q Người dùng muốn những tính năng trên PC

q Nhưng họ ko muốn những bất tiện mà PC mang lại

n Ko thể đòi hỏi màn hình to ra và cần thêm bàn phím

q Vì như thế thì ko ai chịu mang nó cả

n Ko thể sử dụng bộ xử lí nhanh hơn, hay sử dụng nhiều

Các ràng buộc của giao diện mobile

tượng để giải quyết tất cả những vấn đề trên

Thiết kế giao diện mobile

q Đạt được tính khả dụng tối đa

vẫn áp dụng được

diện phức tạp bản thân nó lại dựa vào các phần mềm phức tạp (the substrate containing sophisticated software)

hơn cho màn hình hiển thị nhỏ trên mobile

Luật vàng trong thiết kế

Các thành phần trong thiết kế giao diện

Khám phá nhu cầu người dùng

Các giải pháp nhập liệu

hoặc attached keyboard

Fastap Twiddler

Virtual keyboard

Các giải pháp nhập liệu

Các giải pháp nhập liệu (tt)

Các giải pháp nhập liệu thay thế

Các giải pháp nhập liệu thay thế (tt)

Các giải pháp nhập liệu thay thế (tt)

Các giải pháp nhập liệu thay thế (tt)

tilted, gyro, acceleration sensors để điều khiển hướng

-MAR)

Example of MAR Wii

Các giải pháp kết xuất dữ liệu

Các giải pháp kết xuất dữ liệu (tt)

trên vị trí (location-based), dựa trên hoạt động

(activity-based)

trường xung quanh

Nội dung

n Không gian sử dụng trên mobile

n Các hệ điều hành trên mobile

Framework phân tích cho không gian sử dụng

Self enhancement space

Identity space

của người dung

về người dùng

nhiều hơn chính bản thân mình

Tổng kết

n Information space: Thông tin tham chiếu tĩnh

q VD: chỉ số chứng khoán, tin tức

n Self Enhancement space: Mở rộng khả năng

q VD: giúp ghi nhớ, giám sát việc đi bộ

n Relationships space: Mở rộng quan hệ xã hội

n Entertainment space: Giải trí

q VD: games, music

n Commerce space: Dịch vụ doanh nghiệp cung cấp

q VD: e-coupons, tiền ảo

n Identity space: thiết bị biết về người dùng

q VD: các thiết bị gắn lên người, các thiết bị vô hình

Nội dung

n Không gian sử dụng trên mobile

n Các hệ điều hành trên mobile

Các hệ điều hành trên mobile

Vai trò của hệ điều hành

tại và tương tác với nhau

thuật phức tạp

Các nền tảng và công cụ mobile

n iOS

n iPhone, iPod Touch, iPad

n Core OS layer

n Core services layer

n Media layer

n Cocoa touch layer

n email, calendar, photos, camera

Các nền tảng và công cụ mobile (tt)

n OS, middleware, tools, apps.

n email, browser, maps, SMS

Các nền tảng và công cụ mobile (tt)

Windows NET

n integral components

n VC++ IDE, NET Compact Framework, SDKs, Emulator, Tools

Các nền tảng và công cụ mobile

n Tham khảo thêm các nền tảng và công cụ để

phát triển ứng dụng trên thiết bị di động

q http://en.wikipedia.org/wiki/Mobile_Development

Nội dung

n Không gian sử dụng trên mobile

n Các hệ điều hành trên mobile

Tốt hay xấu?

n Tắt khi đang gọi

n Kết nối wifi yếu

n Built-in apps tệ

n App nhắn tin cho phép gửi tin rỗng

n 3.2 inch ~ 8 cm

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

Tốt hay xấu?

Source:

http://theresaneil.wordpress.com/2011/08/22/b