Mockup Screens
Unavailable. See Design Decisions
We have incorporated a mobile-first approach into the designs, although we haven't created mobile screens as of yet. We have organized our frames and screens so that customers and users can visualize what the mobile view would look like reasonably.
When switching to the mobile view, all of the content inside the central container remains intact, while the navigation bar gets smaller. The new post button looks very similar to the floating action buttons in most of the Google Products. Our central container is 440 ad 480 pt depending on the content. Everything in it can easily be displayed in 360px with necessary font-size and spacing adjustments. Therefore our desktop view is a superset of our mobile views.
We have also chosen aqua-lime colors for our app, we wanted to make users feel the freedom of a sea.
Turquiz App
- Implementation Phase 1
- Design
- Scenarios & Mockups
- Software Requirements Specification
- Forming the Team
- Lab Meeting #1
- Meeting #1
- Lab Meeting #2
- Meeting #2
- Project Plan Meeting
- Frontend Meeting #1
- Lab Meeting #3
- Meeting #3
- Meeting #4
- Lab Meeting #4
- Meeting #5
- Meeting #6
- Meeting #7
- User Scenario 1 - Explore and Register
- User Scenario 2 - Search for a Quiz & Create a Quiz
- User Scenario 3 - Take & Review a Quiz
- User Scenario 4 - Search Forum & Bookmark & Upvote & Answer
- User Scenario 5 - User Badges
- User Scenario Template
- User Stories