UX Portal Re-design 2013

701 views

Published on

User Experience and User Interface Development of a PBM portal, altered to remove non-public or proprietary materials. All rights reserved, this content is NOT intended for public distribution by third parties.

Published in: Internet, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
701
On SlideShare
0
From Embeds
0
Number of Embeds
54
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

UX Portal Re-design 2013

  1. 1. Solutions for Portal User Interface Issues myPortalRx
  2. 2. INTRODUCTION User Interface Team Mission A  brief  statement  of  purpose,  goals  and  needs  
  3. 3. Introduction 3 Project Goals Evaluate and upgrade the Portal User Interface to: 1. Reduce Call Center Traffic 2. Reduce Web Support Demand 3. Improve User Experience 4. Extend Custom Functionality 5. Create Responsive Site
  4. 4. Introduction 4 User Interface Issues User Experience & Design 1. Hierarchy 2. Navigation Scheme 3. Inconsistent Visual Style 4. Flexibility 5. Performance
  5. 5. Introduction 5 Portal Admin Tool Front End Issues: 1. Data and DOM-scripts with Content and Markup 2. Quality Assurance 3. W3C* Standards 4. Section 508 Compliance 5. Customization options limited *World Wide Web Consortium: XHTML 4.01 Transitional (2003)
  6. 6. Marketing Data 6 Research Statistics and User Opinion 1. User Comments 2. New Customer Survey 3. Total Active Accounts: 170K* 4. User Experience Feedback 5. Logging of User Agents N/A *Accounts with activity in last 365 days since last audit (Q1/2013)
  7. 7. Competition 7 Express Scripts Inside Page Preview 1. Left-hand menu with Feature buttons. 2. Simple 4-column Grid. 3. Categorical and procedural hierarchy. 4. Text Links www.express-scripts.com
  8. 8. Competition 8 CVS/Caremark Design-centric Site 1. Wastes screen space 2. Subjective categorical hierarchy 3. Floating jQuery boxes 4. Floating Multimedia Window www.caremark.com
  9. 9. Competition 9 Prime Therapeutics MyPrime/PrimeMail 1. Left Navigation/text links 2. 3/6 column grid 3. Weak Visual design 4. Slide Show widget 5. HUGE footer for legal www.primemail.com
  10. 10. Competition 10 OptumRx (United Health Group) Strong Visual Design 1. Huge Slide Show Widget 2. Top Site Selection menu 3. Strong Banded Grid 4. Text-heavy Presentation www.optumrx.com
  11. 11. APPFRAMEWORK Front End Solutions
  12. 12. GGeenneerraatteedd HHTTMMLL In this illustration the concept of generating HTML from the JSPs using a new Default Template 12 AAppppFFrraammeewwoorrkk
  13. 13. JJaavvaa SSeerrvveerr PPaaggeess aanndd AAppppFFrraammeewwoorrkk Details the concept of migrating existing directly accessed JSP functionality to the Default Template in AppFramework. 13 AAppppFFrraammeewwoorrkk
  14. 14. WWiirreeffrraammee DDeessiiggnn Separation by MVC architecture method would include a theme layer and a new User Interface. 14 DDeessiiggnn SSoolluuttiioonn Java  App   SQL  DB   Client  Rules   Content   Pages   Styles     Theme   Group  Files   Plan  Rules   A�ached   Files   Applica�on   Management   Content   Management   Theme   Management   Customer   Features  

×