School Interface Design Challenge

https://www.figma.com/proto/9nXKLkKswuWDD8qSqyiJTZ/Untitled?node-id=1%A4&scaling=scale-down

The primary challenge with this layout was clearly the amount and variety of material that had to be included. My solution to this was to expand my layout beyond the vertical edges of the screen with a scrolling layout to take advantage of consistency and continuation. Beyond this, I also grouped related pieces of information, such as announcements and shared pictures. This layout generally follows the F pattern, since most content is aligned to the left side of the screen, and information is laid out from top to bottom in decreasing order of relevance. I used a common header to consistently indicate changes in category of information.

Leave a comment