1 / 13

Enhancing UX through Visual & Interaction Design Cleanup for Greater Brand Impact

This design cleanup focuses on enhancing the user experience (UX) while maintaining existing marketing and functional requirements. Our goals include establishing a brand-oriented design direction and implementing a consistent visual and interaction language across all platforms. We aim to elevate design standards, create a comprehensive style guide, and ensure efficient navigation with improved legibility. Key improvements will include reduced primary color palette, optimized use of space, and standardized filtering behavior, resulting in stronger product identification and better marketing messaging.

ianna
Télécharger la présentation

Enhancing UX through Visual & Interaction Design Cleanup for Greater Brand Impact

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