...
When you go to GroupOrder, the first thing you see is a clear step by step process of how this app works. During the paper prototyping we got positive feedback on this as well as the big red button and how easy to notice its clickability (red button = clickable). Our intentions back then was to make it clear for the paper prototyping user that anything red can be clicked. But we ended up carrying the red button with us to the computer prototype where this became the signature design of this app.
Navigation Bar
The navigation bar was one of the parts that we iterated on the most. We initially had the following
We realized two things with it: 1) It did not scale well with the resizing of the screen, and 2) people were perceiving gray as something which is incomplete or inactive (This was one the comments in the heuristic evaluation).
...
We also added a required field for name, as well as 10-digit phone number validation for the mobile number in almost any format (supports hyphens, parentheses, etc.).
Confirmation
After our heuristic evaluation, we added more information to our order confirmation page. Many users were unclear about what happens when their order was placed and how to contact the site to change an order. We added a phone number to call for questions, which is how we imagine support would be handled for this service with an alpha launch.
Previous screen
Implementation
...