The project: Demonstrate the value of collapsible sections and sticky headers, and test workflow.
My role: prototyping, graphic design, workflow design
I designed and developed an interactive HTML+javascript prototype to test 1) the workflow and 2) expand/collapse functionality and 3) sticky headers.
The prototype focuses on searching, the primary use-case of the mobile app
Running a search shows the titles of entities with some metadata below
The profile: all the sections are initially collapsed
Expanding a section shows the data
As user scrolls, the headers stick to the top of the browser
The menu displays recently visited profiles and provides navigation