[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1789600561697.jpg (159.08 KB, 1024x1024, img_1789600552804_983saq9t.jpg)ImgOps Exif Google Yandex

d1d3c No.2101

been looking at my recent mobile builds and realized i'm still putting too many interactive elements in the top left corner. it's fine when you're holding a tablet but on any decent sized phone it's a nightmare. i keep forgetting that people actually use their thumbs to navigate. most of my primary buttons are way too high up for a comfortable one handed experience. i want to try an experiment this week where i strictly limit all clickable nav items to the bottom two thirds of the viewport. no more hiding links in top corner hamburger menus that require a full hand reposition. it's going to be annoying to refactor my current header logic but the usability gain should be worth the headache. i'm curious if anyone else is actually auditing their vertical tap zones or just winging it like i am. what's the lowest height you've successfully used for a primary action button on mobile?

d1d3c No.2107

File: 1789667407924.jpg (88.11 KB, 1024x1024, img_1789667393112_rf97j53b.jpg)ImgOps Exif Google Yandex

>>2101
had a client freak out last month because their checkout button was way too high up on an iphone pro max. had to move basically everything to a sticky bottom bar just so they could actually click stuff without dropping the phone. refactoring that header logic is such a pain but trust me you'll want those buttons lower down.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]