Font styles and sizes will make the interface easily readable. Text should be easily read with the
Kemler 5
Creating the Prototype and User Flow
use of paragraphs and headings. Also, acronyms, unless defined, and jargon should not be sued.
Sentences should be free of complexity, and not too lengthy.
When creating a user interface, the design must be modified to suit a mobile device. As
more people use their mobile device to access a website, the user should have the same
experience on the mobile device as a personal computer when accessing that website. Buttons
will need to be larger to easily be clicked on by a finger. If the button is too small, the user may
become annoyed if there are many small buttons next to each other and cannot select the
correct button. Larger font sizes will need to be used along with standard fonts that are easier to
read on a smaller screen. High resolution images will need to be compressed to load faster
without the quality being affected. The mobile view of the interface should be able to switch
back to desktop version if the user prefers this version. Including a viewport meta tag will help
control the way the interface shows up on a mobile device. The viewport meta tag tells
browsers to fit the width of your page to the screen of the device type the visitor is coming
from. [Hic18]
Kemler 6
Creating the Prototype and User Flow
References
Hicks, K. (2018, March 12).
ow To Make A Website Mobile Friendly
. Retrieved from HostGator:
Introduction to Web Accessibility
. (9, January 2019). Retrieved from W3C:
Johnson, Jeff. ( © 2014).Designing with the mind in mind: simple guide to understanding user
interface design guidelines, second edition. [Skillsoft version] Available
from <;
