chromatic.net: erik gibb's professional stuff: portfolio: planetout partners, inc.

• company: PlanetOut Partners
• type: ia
• description: A system architecture quirk required a persistent floating window to fully utilize the site. I added the user's buddy list and mini-profile browser, turning this annoying window (and perennial customer service complaint) into a useful asset for the user.
• screenshot: gif (17 k) >>
  

top of page

• company: PlanetOut Partners
• type: ia
• description: A compact, dhtml-based interactive widget, enabling the user to quickly browse through a list of "featured members" without having to reload the page.
• screenshot: gif (31 k) >>
  

top of page

• company: PlanetOut Partners
• type: ia
• description: This addition to Gay.com's traditional search results allowed the user to browse search results in Gallery View (icons only), List View (single picture, some details), and Advanced View (several thumbnail pictures and richer profile data).
• screenshot: gif (37 k) >>
  

top of page

• company: PlanetOut Partners
• type: ia
• description: The wireframes vary between high and low fidelity. In this hifi wireframe, I numbered every element with attention to system generated text and localized strings. The behaviors of each numbered element is described in rich detail in the UI Spec, below.
• screenshot: gif (45 k) >>
  

top of page

• company: PlanetOut Partners
• type: ia
• description: This UI Spec details the business rules and system behaviors for the elements that are shown in the wireframe, above
• screenshot: gif (33 k) >>
  

top of page

• company: PlanetOut Partners
• type: ia
• description: My userflows describe a high level interaction path for the user.
• screenshot: gif (27 k) >>
  

top of page

• company: PlanetOut Partners
• type: ia
• description: Attached to the userflow document is a user story, which is essentially a use case that pays attention to the UI, demonstrating both common paths and edge cases.
• download: gif (15 k) >>
  

top of page