Finding's 1 + 2
Finding 1
It is easy for users to accidentally trigger the search overlay when they mean to tap on the search filters areas
Video: https://www.usertesting.com/highlight_reels/iztfQ5MMqu2EQJv69qCq
Suggestion
Increase tap area to 44px for the height and by 22px to either side of the text.
Finding 2
Users seem to have a hard time deciphering the filter dropdown as a link rather than a title
Suggestion
Increase the tap area for the search filter area to include slightly to the left and right of the label text and 5px above and below.
Potentially consider styling the title as a link:
Filter implementation on Apple news |
Design
iPhone | iPad |
Zeplin: https://zpl.io/yOsjF | Zeplin: https://zpl.io/1jdRDF |