[Webpage design] Establish design documents for colour palette, form and general page design #16
Labels
No labels
_CRITICAL_
API
app
backEnd
Blocked, waiting for further changes
bug
cleanup
close
design
duplicate
enhancement
feature request
frontEnd
help wanted
invalid
low priority
needs input
needs review
project documentation
question
research
reviewed
script
security
SQL
style
testing
topLevel
wontfix
No milestone
No project
4 participants
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
Andras/BoundlessFlowCampus2K#16
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
We need an appropriate colour palette and a visually appealing design for the page.
Consider UX features.
Consider that we have a microservice architecture -> Each service should have its own "card" or "tile" and should be rearrangable (think the landing page of Canvas). We need a grid, and different microservices could have different sizes on it (think of widgets on your phone home screen).
This is possibly a high-level issue and may have sub-issues affecting some components.
Parent issue: Webpage design #13
Establish design documents for colour palette, form and general page designto [Webpage design] Establish design documents for colour palette, form and general page designZoom should work (resizable cards are preferred, at least on pre-defined parameters).
Note that some of the cards could have pictures, sensory data, graphs, and text, and all should work nicely as a uniform page.
You may also need to have sub-issues for different types of cards.
We also need calender or input cards. Feel free to add other types of cards.
layout prototype for phone (iphone)
Made a Webpage Design Document and put it in the wiki. Will need rework when more design elements have been decided by the group.
Review:
The Webpage design document provides a solid high-level foundation for the webpage design. The color palette, branding rules, and typography are defined with great detail.
However, since this is a high-level design issue that other sub-issues depend on (or so I understood), there is one point that can be improved and clarified:
UX features: interaction details such as resizing constraints, animations, and drag & drop behavior.
The universitys offical logos have been shared to us for proper use according to the graphical guidelines of the university.
The link has also been put into the wiki on this subject