High-level UX design

Mock-ups are important in determining what kind of components and user controls we will need throughout the app. Any user control or component that will be used across components will need to be defined at the root level and others scoped with their own modules.

Earlier in this chapter, we identified the sub modules and designed landing pages for them to complete the walking skeleton. Now that we have defined the major data components, we can complete mock-ups for the rest of the app. When designing screens at a high level, keep several things in mind:

• Can a user complete common tasks required for their role with as little navigation as possible?
• Can users readily access all information and functionality of the app through visible elements on the screen?
• Can a user search for the data they need easily?
• Once a user finds a record of interest, can they drill down into detail records or view related records with ease?
...