Redesign

Here are some resources related to the redesign effort of the FROG interface:

Overview + Notes:

• Overview of FROG interface actions/elements, October '17

• Brainstorm/notes, November '17

Prototypes & Proposals (arranged chronologically):

• Design proposal by Tony, summer '17 - this was a mockup of the graph editor, followed by discussion.

• Design proposal by Renato, November '17.

  • detailed mockups of graph editor/preview etc. [
  • Link to Sketch File

• Mockups by Jenny

• Design proposal by Prastut, March '18 - sums up all past proposals, setting up future goals in redesign and research around various UI libraries and concerns about integrating with toolset in the current platform.

• Move to Material Design in #900, March '18.
  • using MUI library.
  • Reasoning behind the move: It provides a set of guidelines and visual language which helps abstract a lot of minute design thinking + it provides consistency to the platform. Speed is one of our primary concerns, and this move will help developers/designers to quickly ideate and ship things.

• Júlia Mockups

• Redesign V1: Session + Orchestration View Design proposal by Prastut, April '18.

  • Feedback.
  • Link to Sketch File.

• Redesign V2: Moving to a design system by Prastut, April '18

• Redesign V3: design system ideation by Prastut, April '18

  • Based on V1 and V2 feedbacks.
  • Feedback + Vision notes for the future design effort

• Redesign V4: Design System Prototypes

  • Combining all the feedbacks received and best of both V1 and V2.
  • Link to Sketch File

Misc

• Design of Activities

  • Link to Sketch File that houses all design thinking for current/new activities.
  • We are starting to implement the Learning Items as well, which might force a bit of a rethink for how activities look.

• Ideas for website's landing page