Make a GUI

[theopak]

Here's the tough part!

The interface demo requires a fancy user interface. @ZacharyTorre volunteered to create one using pygame, a set of modules he is familiar with.

@theopak will deliver wireframes of the screens designed by the team during the 10 NOV meeting. @commissioneranthony previously delivered a flowchart of the purchase path, which is available to the team via Google Drive.

[theopak]

For reference, here's a portion from my notes from the meeting on 10 NOV. The full notes were sent to the mailing list.

• After discussion, these are the design choices that the team agrees on:
  • Addressing Perception-- The interface should use only 3 or 4 colors. We'll use a touch screen display. The minimum size of any action area / button should be larger than a finger.
  • Addressing Mental Models-- Theo dislikes skeuomorphism. Let's avoid it.
  • Addressing Memory Principles-- The interface should have a consistent style, especially in location of back/undo buttons. Jordan suggests making the screen resemble an iPad app with forward and back buttons.
• For print, presentation, and web literature-- any written or verbal introduction should 120 words or less in order to hold the attention of users, evaluators, visitors, etc. Theo suggests a length of 72 words, especially for the web.
• [...]
• @theopak held a "6-8-5" exercise where everybody on the team drew 6-to-8 wireframes in 5 minutes. Afterwards, we showed each other our ideas for discussion. Using everybody's input, Theo will draw clean copies on the computer.

[theopak]

As a reminder, here are some files in the Google Drive folder that was shared with all team members:

• Purchase Path Flowchart
• UI Wireframes