2. ‘Napkin’ Sketches
Following the brainstorming of ideas and follow-up questions I created a set of rough sketches which I conduct before going to more refined concepts. These are often done in meetings as the intent is to rapidly capture ideas for further investigation later.
Set Alert from Ticker with drop-down selection function, numerical entry, and advanced settings
Set Alert from Chart with change management feature
Chart Alert with short attention flash, audio, snooze, and action features
Actual size sketch example of a ‘Pop-up Alert‘ with min/max advanced settings :
3. Wireframes and Use Case Flows
The following are a set of more refined concepts in the form of wireframes. These are often void of color and graphics in order to ensure the focus of the review is on the layout and prospective functionality and unbiased by reviewers visual tastes.
Alert nomenclature with inequality, variable, integer, and alert functions
Set Alert from Ticker Use Case Example with predictive text entry and drop-down selection options
Minimize and Multiple Alert handling with close and close all options
4. Interaction Examples
Finally interaction examples were created to which could be provided to usability testing participants to gain feedback and developers to prototype.
