• Work
  • About
Rosalind Farrow Carnes
  • Work
  • About
 

Phase I: Assessing the Requirements

In order to design the software, we first needed to understand the goals, context, and requirements for the project. Given a technical list of specs from an engineering team based in Singapore, we began by forming loose outlines on whiteboards to

Printout of Requirements

Whiteboard Process

View fullsize General
General
View fullsize Animation Overview
Animation Overview
View fullsize Animation Mapping
Animation Mapping
View fullsize Animation Tempos
Animation Tempos
View fullsize DPI Lighting
DPI Lighting
View fullsize Lighting Zones
Lighting Zones
View fullsize Lighting Zones Specs
Lighting Zones Specs
View fullsize Animation Specs
Animation Specs

Phase II: Sketching a Framework for the UI

Keyboard Lighting UI, Accessory Profile Overlay

Keyboard Lighting UI, Accessory Profile Overlay

Anatomy Diagram

Anatomy Diagram


Phase III: Prototyping Interaction Models and Flows

gidvid.gif
View fullsize AW_Phase3_slider01.png
View fullsize AW_Phase3_slider02.png
View fullsize AW_Phase3_slider03.png
View fullsize AW_Phase3_slider04.png
View fullsize AW_Phase3_slider05.png
View fullsize AW_Phase3_slider06.png
MOUSE-animation.gif

Phase IV: Defining States and Behaviors

 
View fullsize blkhd_BKHD 6B Labels copy.png
View fullsize blkhd2_aerial-38.png
View fullsize blkhd6_BKHD 6B Labels.png
View fullsize blkhd6-18.png
View fullsize blkhd_BKHD 6B Labels copy 2.png
View fullsize blkhd2_aerial-39.png
View fullsize blkhd6_BKHD 6B buttons select.png
View fullsize blkhd6-19.png
View fullsize blkhd_BKHD 6B Labels copy 3.png
View fullsize blkhd2_aerial-40.png
View fullsize blkhd6_BKHD lighting.png
View fullsize blkhd6-20.png
View fullsize blkhd_BKHD 6B Labels copy 4.png
View fullsize blkhd2_aerial-41.png
View fullsize blkhd6_BKHD 6B buttons assigned.png
View fullsize blkhd6-21.png
View fullsize blkhd_BKHD 6B Labels copy 5.png
View fullsize blkhd2_aerial-42.png
View fullsize blkhd6_BKHD 6B selected assigned.png
View fullsize blkhd6-22.png
 

Phase V: Rendering Visuals

View fullsize Phase5_sliders01_theme-mgr.png
View fullsize Phase5_sliders03_lighting-anmation1.png
View fullsize Phase5_sliders06_basiclighting-1.png
View fullsize Phase5_sliders07_mouse-dpi1.png
View fullsize Phase5_sliders07_mouse-dpi2.png
View fullsize Phase5_sliders10_mouse-macro_record.png
View fullsize Phase5_sliders03_lighting-anmation1.png
View fullsize Phase5_sliders08_mouse-createmacro.png

Phase VI: Redlining

00_Ltg_Color hover2.jpg