RyanElliott10 / BeerMe

A small React website (with C# backend) to aid in beer-flavor exploration
0 stars 0 forks source link

Develop the UI Framework #17

Closed RyanElliott10 closed 4 years ago

RyanElliott10 commented 4 years ago

The website's UI is crucial to attracting and retaining users. Work on a whiteboard or AdobeXD to come up with the page designs for: Home, Explore, and Rec. For You

Acceptance Criteria

Create a project in AdobeXD or Balsamique and have 3 designs, one for each page.

Estimated Cost

Large

RyanElliott10 commented 4 years ago
Screen Shot 2020-02-02 at 7 48 54 PM Screen Shot 2020-02-04 at 8 48 19 PM

Explore, user is able to select options

Screen Shot 2020-02-02 at 7 48 57 PM

Explore, user is not able to select options due to lack of selection on earlier slides

Screen Shot 2020-02-02 at 7 48 59 PM Screen Shot 2020-02-04 at 8 49 10 PM

Homescreen

Screen Shot 2020-02-02 at 7 49 01 PM Screen Shot 2020-02-04 at 8 50 36 PM

Recommended for you screen

saraford commented 4 years ago

Some feedback on wireframes: Make sure you annotate using (1), (2), (3), etc. Also make sure you don't use colors. Otherwise, people argue over color scheme instead of discussing the interaction design. Lastly the (1), (2), (3) needs to tell the developer what to do if an action is performed or an alt path is taken. For example, what if I type in my password incorrectly? What if I search for a beer that doesn't exist? What does the dev implement on the page?