Comments (6)
Hi @kellycouvrette, sorry it took me some time to get back to you, I was off yesterday!
-
There should not be a "choose your answer" title and "submit" button. That is my bad, I accidentally put in the wrong component on Figma. It is updated now, with the correct card (the one that was previously on the results page).
-
I just wrapped up the Phase 2 mockups. They are in the same location in Figma as the other mockups.
Play Phase 2 on PC
Feel free to send any other questions you may have as you implement these changes 😊
from righton-app.
Sweet write up on this, Olivia. I love how thorough and organized all that information is. Makes it very clear to see what dev
needs to do.
While the UI changes are straightforward, there's some thinking required on the technical side for how to handle delays required for scoring calculations. Kelly is out of office this week as she's writing finals but I will connect with her when she's back and we'll reach out with any further questions.
Thanks again!
from righton-app.
Great summary, Drew! Olivia (who's been on point on this issue from Design) and I spoke on Friday:
- She found some updated mockups in Figma (hat tip to Yong Lin) that depict the preferred layout (the hand-drawn one above was naturally just an early sketch); that Figma link and additional details can also be found in the Google Doc linked above
- In Figma (same link as above bullet point), Olivia has included a couple pretty cool flowcharts that depict the current flow and the desired, more streamlined one
- She's planning to update her charts/notes by Monday, 6/10; adding her here
- Hi Kelly and Olivia, please feel free to share updates here in Github and/or connect over Zoom if you have any questions/updates for each other!
from righton-app.
Overview
- A detailed write-up on the enhancement can be found here
- Figma information on this enhancement can be found here
- Figma designs are for incorporation into Host and Play V1 as they currently exist
- This should allow them be be transferred into host V2 in time, but the current designs are not for host V2
- Because these screens run in lock-step with the host screens, there needs to be a combination of screens on the host side as well.
- We are removing one step from both the host and play sides to streamline the game and prevent user error on the host side
Flow Changes
Discuss Phase Host Mockup:
Note: it is important that this screen has something visibly different from the previous host screen to eliminate the issue of teachers accidentally clicking through. This is why I incorporated the student screen preview at the top of the page. I am open to other suggestions for solutions to this issue.
from righton-app.
Hi @OliviaKnestaut , thanks for putting together such great documentation! Really helps clarify the issue. I just got off a call with Drew and we came up with a couple of questions about this task.
- When we display the correct answer card (the one that would have been on the results page but got moved over) are we still having the text that says "Choose the Correct Answer" and the 'Submit Answer' button? The Figma shows the card with the text and button but the card on the results page that is getting deleted does not have that text and button.
- Will we be doing a similar change for Phase 2 (when there are incorrect answer explanations also on the screen)? It seems like we will be getting rid of the results page for Phase 2 so we'll need some help from the design team on how this will change the design of the 'Answer Explanations' page for Phase 2.
Thanks again!
from righton-app.
![correctanswercard](https://private-user-images.githubusercontent.com/71471832/340838372-beb96ce3-2619-4e9a-9f40-86a38b06a271.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjExMTUsIm5iZiI6MTcxOTQyMDgxNSwicGF0aCI6Ii83MTQ3MTgzMi8zNDA4MzgzNzItYmViOTZjZTMtMjYxOS00ZTlhLTlmNDAtODZhMzhiMDZhMjcxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NTMzNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQyZWE3YWZhZmUzNmU5M2M3ZTdmNzIzZGYzMWNmNDM2YWJmYWI2OTRmNzEwOTZjMDUyNGZiYmEzYmNjODRhZDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GEU2z7nYxVijVK0r5cyMqWEgS5-3SrpewTKHE8LMoGo)
from righton-app.
Related Issues (20)
- [Host_v2] - Game End Lobby - Body Container/Swiper
- [Host_v2] - Game End Lobby - Suggested Games
- TODO: Breaking Package Updates
- Host/Play: Ensure time is synced, even when students navigate away from the RightOn tab/window HOT 1
- Develop a structured approach to backend backups
- Individual Study Mode / Teacher Assignment Mode
- Host/Play: Align Host and Play timers
- Play: Bug P2.3: Students who answer correctly should see Correct instead of Nice Try
- Play: Bug P2.4: Player should not be able to Submit before a response has been entered
- Play: Restore interim leaderboard between questions (and create corresponding screen on Host side)
- [Host_V2] - Start Game Lobby - Storybook - Main Task
- [Host_V2] - Start Game Lobby - Storybook - Start Game Button
- [Host_V2] - Start Game Lobby - Storybook - Start Game Footer
- [Host_V2] - Start Game Lobby - Storybook - Player Icon
- [Host_V2] - Start Game Lobby - Storybook - Player Icon List
- [Host_V2] - End Game Lobby - Storybook - Individual Game Card
- [Host_V2] - End Game Lobby - Storybook - Suggested Games List
- [Host_v2] - Screen Transition Animations
- [Host_V2] - GameSession Mutations and Subscriptions
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from righton-app.