Finger-Friendly Design

Guide on Mobile Touchscreen Target Sizes - Smashing Magazine

In darts, hitting the bulls-eye is harder to do than hitting any other part of the dartboard. This is because the bullseye is the smallest target. This same principle can also apply to touch targets on mobile devices. Smaller touch targets are harder for users to hit than larger ones.

Finger-Friendly Design is a detailed guide on optimal touchscreen target sizes for mobile applications. It discusses how the size of touch targets affects user experience and provides insights into best practices for mobile interface design. The article emphasizes the importance of designing larger, easy-to-target buttons to improve accessibility and usability for users, especially when dealing with varied finger sizes. With practical insights and references to mobile platform guidelines, this resource serves as a vital tool for designers aiming to enhance user interaction with mobile devices. Learn how to create applications that are truly finger-friendly by understanding the relationship between target size and user interaction.

hot, pwa

https://www.smashingmagazine.com/2012/02/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/

Finger-Friendly Design screenshot Finger-Friendly Design icon
{{ ui.publicListPage.error === 'not_found' ? 'This collection is unavailable' : 'Failed to load' }}
Добавить в лист
Ваши листы

Пока нет листов — создайте новый ниже.

{{ pocketNoteSubjectLabel }}

{{ t('note.editor_hint') }}

{{ t('note.rating') }}
{{ pocketNoteStarIconName(n) }}
{{ formatPocketNoteRatingLabel(pocketNoteDraftActive.rating) }}

{{ t('action.saving') }}

Карточка листа
  • Название
  • Описание
Доступ
Публичная ссылка

{{ publicListShareUrl(user.lists[ui.list.editingListId]) }}

{{ t('home.apps') }} search

{{ t('cat.public_collections') }}
{{ pl.ownerName }} Public collection
{{ pl.name }}

{{ pl.name }}

{{ pl.ownerName }}

{{ pl.fullDescription || pl.description }}

square_arrow_up
{{ t('profile.links') }}
{{ t('home.top_categories') }}
  • {{ cat.emoji }} square_grid_2x2
    {{ cat.title }}
dAppStore
+1000 usefull apps
{{ appPageUpdatingMessage() }}