1 / 13

n!Fuze R2

n!Fuze R2. Visual & interaction design clean-up. Why are we doing this?. Proper functioning doesn ’ t mean there ’ s not room for improvement in the UX. Goals. While preserving all existing marketing and functional requirements… Create a brand-oriented design direction

ianna
Télécharger la présentation

n!Fuze R2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. n!Fuze R2 Visual & interaction design clean-up

  2. Why are we doing this? Properfunctioning doesn’t mean there’s not room for improvement in the UX.

  3. Goals While preserving all existing marketing and functional requirements… • Create a brand-oriented design direction • Deploy a systematic visual and interaction language across all platforms simultaneously. • Bring the interaction and visual design up to best practices across the board • Create a style guide

  4. Dev and QA: Don’t Panic We won’t do this every release.

  5. A crash course in visual design:

  6. Step 3: Moodboards Step 1: Keywords Step 2: Image research Step 4: Direction

  7. Today R2 Stronger product identification and value proposition on sign in panel More space given to marketing messaging to encourage trial/purchase.

  8. Today R2 More efficient use of vertical space for navigational elements Number of primary colors in palette reduced from five to two, reducing “fruit salad” effect and increasing overall legibility. Line spacing increased for better readability More use made of rollover states to include additional information and commands

  9. Today R2 Filtering behavior standardized across add-in, web. Space provided to display results count Display space optimized to show more models simultaneously Icons redesigned for more simplicity, appropriate metaphors, and more family resemblance

  10. Today Filtering mechanism consolidated into space-efficient mechanism, mirroring behavior of add-in R2 Two-column display gives far more real estate to content.

More Related