Design Log - hikaruhotta/password-iOS-app GitHub Wiki

Our designs went through several iterations to improve UX.

Mood Boards

Initial Designs with Figma

Our Initial Storyboard on Xcode:

Further Updates to Visuals and Functionality

We Implemented:

  • New Game and Join Game Buttons
  • Segues between View Controllers
  • Table View to display players who have joined the game
  • Table View to show words that have been played
  • Sending words to the backend, and retrieving the list of words that have been played
  • Updated Welcome Screen
  • Placed wand icon to inform user of ability to change icons
  • Placed information button to access game rules and tutorial
  • Updated Lobby Screen
  • Changed design to be more fun
  • Redesigned to highlight the valuable information displayed such as room code and players
  • Updated Game Screen
  • Implemented progress bar to display voting progress
  • Updated to show user points and user name in cells
  • Need to update word buttons to fit aesthetics

Final Storyboard on XCode

  • Implemented Scoreboard View Controller
  • Implemented Tutorial View Controller
  • Introduced slider to adjust number of rounds
  • Introduced bot functionality