UI Wireframe development

[RJSkudra]

Description

Since we have a description of the project, we can start developing wireframe for ClassMate project

TODO

• Create a wireframe for future ClassMate project according to SRS
  • [x] Include all 7 main tools mentioned in Project Brief
  • Make wireframe for following ClassMate pages:
    • [x] Authorization screen
    • [x] Home screen with closed component sidebar

    • [x] Home screen with opened component sidebar

      RESULTS & logged time

• Design research (1h)

• Information Architecture - Site Map (0,5h)

• Wireframes - Low fidelity WF (0,5h)

• Wireframes -High fidelity WF (1 + ... h)

  

• • BrainStorm Board

• • • Link to commented WF

@LBTU-IT-M24/design-team

[RJSkudra]

@mesahil321

[kitten-cake-png]

Please review WF: Click here @andrejste7 Link to identity and High Fiddelity UI component review: Click here

[andrejste7]

@kitten-cake-png added some comments. Otherwise looks good. After resolving/addressing comments can be considered as done. Good work 🥇

[kitten-cake-png]

@andrejste7 I have updated the UI component design please see the 4th page bottom.. There should be:

• Modular window sample with no tabs.
• 2 variations of element cards sample.

Please take notice, that I've added only for better visabilty some shadow drop for some parts. Its only for cosmetic reasons! Not to be programmed (atleast not yet 😆 ). Comments left on WF are resolved. Please open a new comment box if need.

Comment updates AdobeXD on:

• Pagination

Pending from @kitten-cake-png & friends:

• [ ] Mockup first version
• [ ] Design review
• [ ] Adjustments
• [ ] High fidelity mockup
• [ ] Design acceptence

[kitten-cake-png]

Please do a acceptence testing @SandisAbele for the provided WF

[SandisAbele]

Reviewed it: Looks good - flow is clear and understandable, features are well defined too, approved. @kitten-cake-png