Re-worked page to increase number of tiles in the user's view

Using tiles to capture data

Icon designs

Icon designs for buttons

Windows 8.1 Universal medical app

Implementing visual designs already completed by a designer, the requirement was to style XAML pages and controls, and create additional icon assets where desired.

Challenges & approaches

  • Once the UI/UX designer had left the project, the responsibility was to ensure the essence of the design was maintained throughout the development process. This meant that where the design may require adaptation, particularly when the UI responded to changing screen sizes and devices, the integrity of the design was retained.
  • The biggest challenge was adapting the designs across different form factors. The content consisted of many intricate pieces of dynamic data that resulted in complex tabular-style data and interactions. Extensive use was made of XAML grids and Visual State Manager to ensure the pages responded to changes from wide desktop to narrow views.
  • With the customer's developer working closely as part of the team, a scrum-based agile process, supported by Team Foundation Server, ensured the customer had all assets and styles required at the point of handover.
Return to home