- Jakie są najlepsze praktyki obszaru docelowego dla interfejsów dotykowych?
- Jaka szerokość guzika to najlepsza praktyka?
- Jak zwiększyć rozmiar docelowego dotyku?
- Jaka jest idealna wyściółka do przycisków?
Jakie są najlepsze praktyki obszaru docelowego dla interfejsów dotykowych?
Zastanów się nad wykonaniem celów dotykowych co najmniej 48x48dp, oddzielonych 8dp przestrzeni lub więcej, aby zapewnić zrównoważoną gęstość informacji i użyteczność. Cel dotykowy 48x48dp powoduje fizyczny rozmiar około 9 mm, niezależnie od rozmiaru ekranu. Zalecany rozmiar docelowy dla obiektów dotykowych wynosi 7-10 mm.
Jaka szerokość guzika to najlepsza praktyka?
Badania przeprowadzone przez MIT Touch Lab sugerują, że 10 mm x 10 mm to najlepszy minimalny rozmiar przycisków ze względu na średni rozmiar opuszków palców. Projektowanie guzików musi nie tylko być przyjemne dla oka, ale także muszą mieć dotykowy sens dla użytkownika.
Jak zwiększyć rozmiar docelowego dotyku?
Jeśli dostosowujesz CSS w zapytaniu multimedialnym, aby zwiększyć cel dotykowy, testowanie grubego wskaźnika umożliwia zwiększenie celów Tap dla wszystkich użytkowników ekranu dotykowego. Daje to większy obszar dotknięcia, niezależnie od tego, czy urządzenie jest telefonem, czy większym urządzeniem.
Jaka jest idealna wyściółka do przycisków?
Wyściółka guzika jest jednym z najważniejszych aspektów stylizacji guzików. Moim osobistym stylem jest ustawienie pionowej wyściółki równej wysokości czcionki i ustawienie poziomej wyściółki na 1.33 -krotność pionowej wysokości. Jeśli wysokość czcionki wynosi 20px, wyściółka pionowa wynosi 20px, a pozioma wyściółka wynosi 27px.