/
Mobile and Responsive Considerations
Mobile and Responsive Considerations
- Heather Flanagan
- Serena Rosenhan
- Matthew J Richards (Unlicensed)
Owned by Heather Flanagan
This section makes recommendations for how to apply similar best practice recommendations when adding the access button to a mobile or responsive Service Provider page.
Group all access options together and show the fewest possible number of choices.
Place grouped access options in the first view of the page.
Content can scroll upwards behind a static top menu bar.
Minimum button size: 256px wide to accommodate a minimum padding of 24px on either side, 50px height in all cases
Text wrapping is not necessary. Follow the rules for truncating long institution names.
The icon size will never change. It is always 28px tall.
Font sizes and weight shouldn’t change.
, multiple selections available,
Related content
Button placement & access panel best practices
Button placement & access panel best practices
More like this
States, Styles, and Assets
States, Styles, and Assets
More like this
Discovery Guidelines
Discovery Guidelines
Read with this
Accessibility
Accessibility
More like this
User Research Insights
User Research Insights
Read with this
Clarity of access entry point
Clarity of access entry point
More like this
