index  |  prev / next



Disney Parks, Experiences and Products  |  Account Connections & Settings





PROJECT OVERVIEW

This was a 2-part project focused on improving the functionality and presentation of the User's Family & Friends Connections and Account Settings sections.

Part 1 - Family & Friends Connections
The "Family & Friends" section within a Guest's account listed all of their connections that could be involved in their trip planning and reservations as well as the sharing privileges associated with those connected accounts. Guests were encountering problems using this section by inadvertently creating duplicate accounts without knowing it. This caused major issues when they arrived at the park when certain entitlements were not assigned to the correct account.

Part 2 - User Account Settings

When a user viewed their account settings, they encountered a lot of discrepancy from platform to platform. There were issues of misaligned copy and instructions, complete visual differences, and variations in the interactions the user encountered when making changes or updates. A unified approach to how the settings were presented and functioned was needed.

One part of this effort was to redesign the Guest's "Profile" section. This section includes all of the Guest's important information such as personal details, password, security questions, account settings, and payment details. Guests were having trouble editing accounts that they managed. Due to the confusing copy and UI in the settings, it made it difficult to successfully connect to other accounts in order to make plans with them.

CHALLENGE

Improve and simplify the UX / UI for all User Account related sections
• Simplify the editing, management, and viewing of the User's Family & Friends Connections
• Simplify the editing, management, and viewing of the User's Account Settings
• Create a consistent presentation of copy, UI, and UX functionality across all User Account sections
• Develop 1-1 parity across the Disney World Mobile App, Mobile Web, and Desktop digital experiences

SOLUTION

• Clarification of the list structure and ordering of connection types
• Visually indicate differences between connection types
• Improved the overall structure, display, and organization of the section's content
• Simplified the UX/UI in the creation, editing, and connection of guest accounts
• Incorporated a new visual standard to unify the experience cross-platform
• Aligned all copy and design interactions cross-platform

Roles

Lead Interaction Designer assigned to fix issues of functionality and consistency for all user account settings and connections
• Worked with other Interaction Designers in the exploration of UI variations
• Collaborated with the Mobile App Design team in Seattle to work on consistency between platforms

Interaction Design  |  UX/UI Design  |  IA  |  Wireframes  |  User Flows  |  User Testing

Platforms

Mobile App  |  Mobile Web  |  Desktop Mac & PC

Years

2016 - 2017




PART 1 - FAMILY & FRIENDS CONNECTIONS

Unclear copy and confusing user flows were causing major issues for the user when adding and editing accounts they wished to manage and make plans with. The problem of creating duplicate accounts was a persistent and reoccurring problem.


Original Family & Friends Landing Page
Users had difficulty understanding this page due to confusing UX and unclear text in relation to guest account management






Initial Wireframes for new Family & Friends List
Explorations for displaying, adding, and editing account connections and their entitlements
Click image for larger view





Wireframes for Account Inline Edits - Desktop
Explorations for editing account connections
Click image for larger view





Wireframes for Account Inline Edits - Mobile Web
Explorations for editing account connections
Click image for larger view





Wireframes for Family & Friends Dropdown Options
Explorations for showing user's connections in planning drop-down menus
Click image for larger view





Family & Friends Connections - Before and After
The new design simplified and clarified all text, labels, and hierarchy of accounts
Click image for larger view







Registered Guest Account Settings Improvements - Before & After
Fixed problems of unclear copy and UI elements
Click image for large view





Managed Guest Account Settings - Before & After
Fixed problems of unclear copy and clearer presentation of how plans are shared
Click image for larger view





Pending Invitation - Inline Tray Expansions
Inline expansion for editing and sending an account invitation
Click image for larger view





Add A Guest Connection
Inline options for adding a guest connection
Click image for larger view






PART 2 - ACCOUNT SETTINGS

Misaligned copy and disjointed UI and UX flows caused confusion for the user. Realigning the user's account and settings was crucial to improving the user's experience in connecting, adding, and editing other accounts.


BEFORE VIEW - Profile section for App, Mobile and Desktop
Examples showing misalignment across platforms






AFTER VIEW - Profile section for App, Mobile and Desktop
New, nearly one-to-one alignment across platform






Early Wireframes and Concepts for Profile Account Management
Wireframe explorations for the user account landing page
Click image for larger view





Final Designs for Profile Account Management
Wireframe explorations for the user account landing page
Click image for larger view





Example: Account Settings Improvements
Before & After views for App Account Settings where problems of unclear text fields for passwords and security questions were fixed




index  |  prev / next


JASON SIMONS  -  Lead Product Designer | Design Manager