Levels incorporated into stats UI

LearnersGuild / game-prototype

Lightweight, minimal implementation of game mechanics for rapid experimentation and prototyping.

0 stars 0 forks source link

Levels incorporated into stats UI #127

Closed shereefb closed 7 years ago

shereefb commented 7 years ago

Relevant Goals

!Learners quickly understand how to play the game
!Learner stats match our subjective reality, elicit honest feedback, and promote self-directed, collaborative growth

Benefits

As a player, I can see my current level, where I can go next, and the thresholds for dropping one level bellow.

Description

Players can have these questions answered:

What's my level? How do I reach the next one?
Thresholds: With #118 thresholds change depending on my level. Can I see them mapped on the graph compared to where I am? Or mapped on the stat compared to where I am?

tannerwelsh commented 7 years ago

UI Design - First Draft

Main changes:

Add a Levels overview component to top of Stats View
- Show abilities of current level
- Show progress towards next level
Improve "in the red" UI to be more informative / actionable
- Highlight color, change icon to clickable danger icon
- Clicking on danger icon shows dialog with more data

Stats List View with Level Info Component

stats view - with levels mobile

with comments

stats view - with levels mobile with comments

Revised "In The Red" View / Components

stats view - in the red mobile

with comments

stats view - in the red mobile with comments

Components

stats list item - in the red mobile

stats - in the red dialog mobile

tannerwelsh commented 7 years ago

ready for review @LearnersGuild/software

bundacia commented 7 years ago

I don't feel like it's going to be obvious that the danger icon is clickable, or that clicking it does something different from clicking elsewhere on the stat overview. Is there some way we can make that more obvious?

tannerwelsh commented 7 years ago

Good point @bundacia - moving back to UI Design...

tannerwelsh commented 7 years ago

UI Design - Second Draft

changes:

no more dialog for in the red message
show in the red message above graph when stat is expanded
no more clickable "danger" icon

Revised "In The Red" View / Components

when "in the red" stat is clicked, show graph + message:

stats view - in the red mobile

with comments

stats view - in the red mobile - comments

tannerwelsh commented 7 years ago

ok changes made. re-ready for review :)

jeffreywescott commented 7 years ago

@prattsj -- wanna take a look at this from a Pro Player perspective?

bundacia commented 7 years ago

Love the change @tannerwelsh

tannerwelsh commented 7 years ago

This is no longer Q1 2017 essential 😢 but doesn't need any more design work at the moment. @jeffreywescott if you want to move it to implementation board, that works. Otherwise it should be "frozen" in some way so that we know it's not part of the Q1 objectives

jeffreywescott commented 7 years ago

Thanks, @tannerwelsh -- hoping to address this with a better tool than ZenHub. Stay tuned ...

tannerwelsh commented 7 years ago

Moved to Clubhouse.