UX in UI

How I create UI using UX principles, with an accessible flair.

Focus

  1. Accessibility

    The settings themselves must be useful and applicable to the user, while the menus need to be readable and easy to navigate.

  2. Testability

    All settings should be clear enough to test easily and iterate on.

  3. Modular

    Settings should be easily added and removed, and the layout should be easily altered.

  4. Demonstration

    The prototype needs to clearly communicate its concepts and usability to the rest of my team.

Mock-Up Process

  • Finalized Prototype

  • Stage 1, Blocking

  • Stage 2, Sections

  • Stage 3, Defining

  • Stage 4, Information

  • Stage 5, Adjustments

  • Stage 6, Polish

Execution

  1. In-Engine

    First, the settings prototype is given to my engineering team to be prototyped in-engine.

  2. Testing

    Then the user research team, including myself, will study how users interact with the new features.

  3. Iteration

    The data collected will help me work with the engineers to make appropriate changes, and repeat this cycle as needed.

  4. Finalize

    Finally, the UI artist will make the finalized version of our menu, with the finalized settings.

Why it is important to get features in early!

2/3 games that I have created settings menus for have had to cut important features because we did not give enough time for them to be implemented early.

I have learned to advocate early and often, as well as cultivate a good relationship with the team that is helping me implement.