• Giới thiệu
    • Multimedia
    • Arena Multimedia
    • Tại sao chọn Arena Multimedia?
    • Cơ sở vật chất
    • Cộng đồng nói về Arena
    • Nhân vật truyền cảm hứng
    • Hỏi & đáp
  • Đào tạo tuyển sinh
    • Đào tạo
    • Chương trình đào tạo
    • Phương pháp đào tạo
    • Học phí
    • Tuyển sinh
    • Kết quả thi tuyển
    • Thông tin tuyển sinh
    • Lịch tuyển sinh
    • Tài liệu tuyển sinh
    • Đề thi mẫu
  • Gallery
    • Đội ngũ giảng viên
    • Đồ án nổi bật
    • Hoạt động học viên
    • Arena Face
    • Học viên tiêu biểu
    • Câu chuyện học viên
    • Portfolio học viên
  • Tin tức – sự kiện
    • Tin tức
    • Tin Arena
    • Tin Multimedia
    • Tin Báo chí
    • Sự kiện
  • Liên thông – Việc làm
    • Đối tác liên thông
    • Hỗ trợ tuyển dụng
    • Nghề nghiệp
    • Tin tuyển dụng
  • Liên hệ
  • Giới thiệu
    • Multimedia
    • Arena Multimedia
    • Tại sao chọn Arena Multimedia?
    • Cơ sở vật chất
    • Cộng đồng nói về Arena
    • Nhân vật truyền cảm hứng
    • Hỏi & đáp
  • Đào tạo tuyển sinh
    • Đào tạo
    • Chương trình đào tạo
    • Phương pháp đào tạo
    • Học phí
    • Tuyển sinh
    • Kết quả thi tuyển
    • Thông tin tuyển sinh
    • Lịch tuyển sinh
    • Tài liệu tuyển sinh
    • Đề thi mẫu
  • Gallery
    • Đội ngũ giảng viên
    • Đồ án nổi bật
    • Hoạt động học viên
    • Arena Face
    • Học viên tiêu biểu
    • Câu chuyện học viên
    • Portfolio học viên
  • Tin tức – sự kiện
    • Tin tức
    • Tin Arena
    • Tin Multimedia
    • Tin Báo chí
    • Sự kiện
  • Liên thông – Việc làm
    • Đối tác liên thông
    • Hỗ trợ tuyển dụng
    • Nghề nghiệp
    • Tin tuyển dụng
  • Liên hệ
Đăng ký
Trang chủTin tức - sự kiệnTin MultimediaThiết kế phù hợp với các ngón tay trong cảm ứng điện thoại

Thiết kế phù hợp với các ngón tay trong cảm ứng điện thoại

Post on Thứ Ba, 23-04-2013 -
Lượt xem: 406
  • Facebook
  • Twitter
  • LinkedIn
  • Copy Link

Trong phi tiêu, phi đúng phần tâm bia luôn khó hơn phi vào các phần khác của bia. Đơn giản vì phần tâm quá nhỏ – và so sánh một cách nào đó thì nó cũng tương tự như việc chạm đúng mục tiêu trong thiết kế cho thiết bị di động.

 

Arena Multimedia Thiết kế phù hợp với các ngón tay trong cảm ứng điện thoại

Những vùng nhỏ cần chạm khó hơn cho ngươì dùng so với những vùng lớn. Khi bạn thiết kế một giao diện cho thiết bị di động, tốt nhất là làm các mục tiêu của bạn đủ lớn để người dùng có thể dễ dàng chạm tới.

Nhưng chính xác là nó lớn thế nào để người dùng dễ dàng tương tác? Rất nhiều nhà lập trình thiết bị di động có những thắc mắc này, và hầu hết mở các cuốn hướng dẫn sử dụng (user interface guidline) của các nhà lập trình xây dựng nền tảng để tìm câu trả lời.

Hướng dẫn sử dụng dành cho iPhone của Apple khuyên dùng một vùng nhỏ nhất khoảng 44 tới 44 pixel cho ngón trỏ. UI design của Windows Phone và Interaction Guide đề nghị một vùng chạm với kích thước 34px, và nhỏ nhất có thể là 26px.

Nokia thì khuyến cáo không nên thiết kế một vùng chạm nhỏ vuông hơn 1cm x 1cm hay 28 x 28px.

Tất cả đều là các hướng dẫn cho thiết kế các vùng cảm ứng chạm bởi ngón tay, chúng không thống nhất với nhau và cũng không thống nhất với kích thước thật của ngón tay.

Trên thực tế, các đề nghị về kích thước thường nhỏ hơn các kích thước ngón tay trung bình, và nó gây ra các vấn đề cho người dùng khi sử dụng cảm ứng trên các thiết bị di động.

Nội dung bài viết

  • Những điểm chạm nhỏ tạo thành những vấn đề lớn.
  • Bề ngang trung bình của của ngón trỏ.
  • Bề ngang trung bình của ngón cái
  • Kích thước ngón tay là lý tưởng, nhưng không hẳn là luôn thực tế.
  • Kích thước vùng chọn tiêu chuẩn cho các ứng dụng trò chơi

Những điểm chạm nhỏ tạo thành những vấn đề lớn.

Những vùng chạm nhỏ khiến người dùng khó khăn hơn vì họ được yêu cầu phải chính xác hơn khi chạm. Người dùng cần xác định lại ngón tay của họ, từ mặt ngón tay (finger tab) tới những điểm chạm ở gần móng tay (fingertip) để chạm tới những điểm chính xác.

Sử dụng phần bề mặt của ngón tay có thể che phủ hoàn toàn mục tiêu và khiến ngươì dùng không thấy được họ đang chạm vào đâu.

Người dùng sử dụng những phần chạm ở gần móng tay để chạm vào những vùng chạm nhỏ, vì chúng cho phép họ thấy những phản ứng thị giác mà họ cần biết khi họ chạm vào mục tiêu.

Nhưng khi ngươì dùng phải xác định lại vùng chạm nào của ngón tay, nó sẽ làm chậm tốc độ sử dụng và khiến họ cảm thấy khó khăn.

Arena Multimedia Thiết kế phù hợp với các ngón tay trong cảm ứng điện thoại

Không những thế, những vùng chạm nhỏ có thể dẫn tới những sai lầm về cảm ứng. Khi vùng chạm nhỏ được đặt gần các vùng chạm khác, người dùng có thể tạo ra những hành động không mong muốn khi chạm qua cả phần bên cạnh.

Điều này đôi khi xảy ra với ngón trỏ và thường xuyên gặp phải khi người dùng sử dụng ngón cái vì kích thước vùng chạm lớn hơn. Đôi khi họ phải “linh hoạt” khi dùng cạnh của ngón cái để xử lý những vùng chạm nhỏ.

Arena Multimedia Thiết kế phù hợp với các ngón tay trong cảm ứng điện thoại

 

Ngón cái được sử dụng phổ biến nhất khi tương tác với thiết bị di động. Một số người dùng không có cả hai tay tự do khi họ sử dụng thiết bị di động (đi mua hàng, sách túi…)

Một số khác thích kiên nhẫn sử dụng chỉ một tay và tương tác với chỉ với ngón tay cái của họ. Người dùng sẽ không chuyển từ việc sử dụng một tay qua sử dụng hai tay, hay chuyển từ việc chạm bằng ngón cái qua ngón trỏ.

Và điều quan trọng, kích thước của vùng chọn không nên khiến họ chạm nhầm. Những vùng chạm nhỏ gây khó khăn cho người dùng và các điểm chạm không hợp với ngón tay.

Bề ngang trung bình của của ngón trỏ.

Một nghiên cứu chỉ ra rằng kích thước bề ngang trung bình của ngón trỏ người trưởng thành là 1.6 tới 2 cm (16-20mm). Nó tương đương với 45-57 pixel, và con số này lớn hơn hầu hết các con số trong hướng dẫn của các thiết bị.

Arena Multimedia Thiết kế phù hợp với các ngón tay trong cảm ứng điện thoại

Một vùng chạm từ 45 – 57 pixel cho phép ngón tay người dùng chạm vừa vặn vào mục tiêu. Cạnh của mục tiêu có thể nhìn thấy khi người dùng chạm vào. Điều này cho phép họ nhìn thấy các phản ứng thị giác khi chạm vào vùng chạm.

Họ còn có thể chạm nhanh hơn nhờ các vùng chạm lớn, trái với các vùng chạm nhỏ khiến người dùng phải chính xác nhiều hơn khi chạm.

Bề ngang trung bình của ngón cái

Có rất nhiều người dùng sử dụng ngón trỏ của họ khi chạm vào các mục tiêu trên thiết bị di động. Nhưng con số đó cũng tương đương với những người sử dụng ngón cái. Điều khác biệt giữa hai ngón này chỉ là kích thước vùng chọn.

Arena Multimedia Thiết kế phù hợp với các ngón tay trong cảm ứng điện thoại

Bề ngang trung bình của ngón trỏ người trưởng thành là 2.5cm, tương đương với 72px.

Cho những ai sử dụng ngón cái, 72 pixel có thể là một con số tạo sự thú vị. Chúng dễ dàng hơn và nhanh hơn để chạm. Các viền của vùng chạm có thể được nhìn thấy với các phản ứng tương tác thị giác.

Điều này giúp người dùng không phải thay đổi ngón tay của họ khi nhận ra việc sử dụng ngón cái khiến họ sử dụng chậm và khó hơn.

Những nghiên cứu gần đây chỉ ra rằng những lỗi của người dùng thường gặp với vấn đề vùng chạm ngày càng tăng. Ngươì dùng có xu hướng tương tác nhanh và càng gặp nhiều lỗi do vấn đề kích thước cùng chạm gây ra.

Kích thước ngón tay là lý tưởng, nhưng không hẳn là luôn thực tế.

Cũng như nhiều lợi ích của việc sử dụng kích thước chuẩn cho ngón tay, thì trong một số trường hợp chúng cũng không thực tế.

Trên thiết bị di động, bạn đang sử dụng trên một không gian có giới hạn. Điều này có nghĩa là bạn có nhiều điểm cần tương tác, và chúng sẽ chiếm nhiều diện tích hơn cho phép. Nhất là khi bạn sử dụng các kích thước tiêu chuẩn như trên.

Bạn sẽ cần đo kích thước màn hình và những điểm chạm để biết chính xác kích thước phù hợp mà bạn có thể đáp ứng. Nếu bạn không thể áp dụng các kích thước tiêu chuẩn thì hãy quay qua các hướng dẫn sử dụng mặc định của mỗi thiết bị.

Các kích thước vùng chạm nêu ra trong bài có lẽ dễ dàng áp dụng với các máy tính bảng hơn là các thiết bị di động vì sự giới hạn của màn hình. Bạn có thể sử dụng chúng dễ dàng mà không lo hết diện tích để nâng cao tính khả dụng (usability).

Tuy nhiên, các thiết bị di động là nơi người dùng hay gặp vấn đề về chạm và chính là nơi để áp dụng các kích thước cần thiết. Những thách thức cho người thiết kế là tìm ra cách để các điểm chạm thân thiện với ngón tay người dùng.

Nó có thể đòi hỏi ít chạm hơn và bắt người thiết kế giữ sự đơn giản trong điều hướng và sự tối giản trong thiết kế.

Kích thước vùng chọn tiêu chuẩn cho các ứng dụng trò chơi

Những vấn đề khác cần suy nghĩ là khi sử dụng ngón cái chiếm nhiều hơn việc sử dụng ngón trỏ. Rất khó khăn để biết trong trường hợp nào, ở đâu mà người dùng sử dụng ngón cái của họ hay ngón trỏ của họ.

Tuy vậy nếu ứng dụng cuả bạn là một trò chơi, thì hầu hết người dùng sẽ sử dụng ngón cái của mình thay cho ngón trỏ.

Arena Multimedia Thiết kế phù hợp với các ngón tay trong cảm ứng điện thoại

Điều này khiến cho các kích thước phù hợp với ngón cái tỏ ra hữu ích cho lập trình trò chơi. Bằng việc điều khiển trò chơi của bạn bằng ngón cái, người dùng sẽ linh hoạt và dễ điều khiển hơn.

Không nghi ngờ khi bạn áp dụng những vùng chọn với các kích thước ngón tay trung bình để tăng tính khả dụng. Cho dù ứng dụng của bạn là trò chơi hay cái gì khác, các vùng chọn phải được thiết kế để chạm.

Nếu người dùng phải phân tâm vì việc chạm sao cho chính xác, chuyển ngón tay, chuyển vùng chạm trên ngón, chúng sẽ làm giảm hứng thú với ứng dụng của bạn.

Với những thông tin trên, bạn có thể tạo ra các ứng dụng thật sự thân thiện với ngón tay người dùng. Thiết kế phù hợp với ngón tay – Finger-friendly design không dành cho số ít. Nó là một chuẩn thiết kế mới cho mọi ứng dụng trên di động ở khắp nơi.

(Sưu tầm)


Bài viết nổi bật

Dấu ấn giáo dục Arena Multimedia trong năm 2022 qua góc nhìn của Giám đốc Đào tạo Vũ Anh Đức

Tin Arena Post on Thứ Sáu, 23-12-2022
Xuyên suốt một tiếng trò chuyện, Thạc sĩ Vũ Anh Đức - Giám đốc Đào tạo của Arena Multimedia đã cho thấy, sự bứt phá của Arena ở thời điểm hiện tại không phải tự nhiên, mà là cả một quá trình xây dựng và định hình những giá trị bền vững từ nhiều năm về trước. Cuộc phỏng vấn với Thạc sĩ Vũ Anh Đức - Giám đốc Đào tạo Arena Multimedia diễn ra trong những ngày cuối cùng của 2022. Như cách để nhìn nhận về một năm “bình thường mới” tại cộng đồng sáng tạo này, anh đã chia sẻ rất nhiều khoảnh khắc và câu chuyện đặc biệt để ghi dấu chặng đường giáo dục của Arena trong năm qua.

Upgrade Yourself – Upgrade Your Career: Hiểu mình, hiểu nghề và hiểu thời đại

Tin Arena Post on Thứ Năm, 22-12-2022
Blockchain, Metaverse, NFT hay AI đang không ngừng thay đổi cuộc chơi của người làm sáng tạo. Cộng đồng Artist sẽ là ai trên chặng đường sắp tới? Cần chuẩn bị hành trang thế nào để kiến tạo sự nghiệp bền vững? Những đáp án vô cùng giá trị đã được bật mí tại workshop...

Lần đầu “trình làng” tại Arena Hồ Văn Huê: 21 nhóm đồ án xuất sắc tỏa sáng thành công, mở đầu hành trình đam mê tại căn cứ sáng tạo mới

Tin Arena Post on Thứ Ba, 20-12-2022
Arena Multimedia vừa tổ chức buổi triển lãm kết hợp bảo vệ đồ án vào ngày 13/12 tại Arena Hồ Văn Huê – 43R/12, Hồ Văn Huê, Phú Nhuận. Hôm 13/12 vừa qua, Arena Multimedia đã tổ chức buổi triển lãm kết hợp bảo vệ đồ án đầu tiên tại cơ sở mới Arena Hồ...

Xem thêm
Post on Chủ Nhật, 04-12-2022

Hợp tác trong thiết kế: Tất tần tật những điều cần bạn cần biết và lưu tâm

Các sản phẩm “thiết kế” thường mang đến cảm giác là một hành trình mang đậm màu sắc cá nhân, nhưng hẳn nhiên không phải dự án nào cũng có...
Tin Multimedia
Post on Thứ Hai, 21-11-2022

UX Designer và 5 bước cơ bản “must-do” trước khi thiết kế

UX Design không chỉ giới hạn trong lĩnh vực thiết kế mà dần trở thành yếu tố quan trọng giúp gia tăng thiện cảm của người tiêu dùng đối với...
Tin Multimedia
Post on Thứ Sáu, 18-11-2022

10 tips giúp Designer thiết kế logo chuyên nghiệp và hiệu quả

Thiết kế logo chưa bao giờ là công việc dễ dàng. Đặc biệt, sáng tạo ra một logo vừa hữu dụng vừa mang đậm bản sắc thương hiệu đòi hỏi...
Tin Multimedia
Post on Thứ Hai, 10-10-2022

Top 20 Google Fonts thỏa mãn các “tín đồ” đam mê Typography (Phần 2)

Tiếp nối phần trước, trong bài viết này chúng ta hãy cùng điểm danh loạt cái tên còn lại trong danh sách Top 20 Google Fonts “sang xịn” nhất dành...
Tin Multimedia
Post on Thứ Hai, 10-10-2022

Top 20 Google Fonts thỏa mãn các “tín đồ” đam mê Typography (Phần 1)

Sản phẩm thiết kế tuyệt vời luôn song hành cùng một phông chữ đẹp mắt. Đặc biệt, thiết kế phông chữ hiện đại không chỉ đáp ứng nhu cầu hiển...
Tin Multimedia
Post on Thứ Tư, 28-09-2022

10 tố chất giúp bạn trở thành một Freelancer sáng giá trong ngành sáng tạo

Làm một Freelancer không khó, nhưng làm một Freelancer tỏa sáng thì đòi hỏi nhiều hơn chỉ kỹ năng hay kiến thức.  Không muốn bó mình vào những bộ quy...
Tin Multimedia

TP.HCM

Nguyễn Đình Chiểu

212-214 Nguyễn Đình Chiểu, P. Võ Thị Sáu, Q. 3

Tel: 1800 1525

Email: [email protected]

Hồ Văn Huê

43R/12 Hồ Văn Huê, P. 9, Q. Phú Nhuận

Tel: 1800 6325

Email: [email protected]

Tân Bình

Số 6 Tân Kỳ Tân Quý (gần Etown), P.15, Q.Tân Bình

Tel: 1800 2074

Email: [email protected]

HÀ NỘI

Trúc Khê

80 Trúc Khê, P. Láng Hạ, Q. Đống Đa

Tel: 1800 1542

Email: [email protected]

Phạm Văn Bạch

D29 Phạm Văn Bạch, P. Yên Hòa, Q. Cầu Giấy

Tel: 1800 1542

Email: [email protected]

Trần Phú

110 Trần Phú, P. Mộ Lao, Q. Hà Đông

Tel: 1800 1542

Email: [email protected]

NHẬN ARENA YEARBOOK

DMCA.com Protection Status
© 2020, ARENA MULTIMEDIA
  • Arena Multimedia
  • Đăng ký học
  • Liên hệ
  • Sitemap
  • Arena Multimedia
  • Đăng ký học
  • Liên hệ
  • Sitemap