170 likes | 306 Views
DBS UXI Strategy. Aaron Case. 50 Shades of CSC DBS UI. UI Dogpile. UXI Disparity. Aesthetic Overall Look & Feel Branding Color Scheme Text Organization Browser & Device Support. Functional Navigation Scheme Forms Tables Search & Filters Buttons & Actions. Task vs. Object
E N D
DBS UXI Strategy Aaron Case
50 Shades of CSC DBS UI UI Dogpile
UXI Disparity • Aesthetic • Overall Look & Feel • Branding • Color Scheme • Text Organization • Browser & Device Support • Functional • Navigation Scheme • Forms • Tables • Search & Filters • Buttons & Actions
Task vs. Object Users might want the same result from different directions. “I want to make DNS changes To DomainXYZ.com” “I want to change DomainXYZ.com in its DNS settings” “I want lookup BrandX and check for infringements” “I want to check infringements for BrandX User Paradigm Disparity
vs. Job Function Users with different goals and needs. “I register and setup new domains” “I manage DNS settings for my zones and sites” “I do market strategy and defensive registrations” “I manage domains in international markets” “Oh! I also handle SSL certs.” “…and sunrise registrations” “…and TMCH” “… I do some of ALL of this” I also look for brand infringements” “I protect my brands from phishing” “I look for negative sentiment” “I look for counterfeit sites” User Role Disparity
Control what they see on the page Search by task, object, or function See data in charts, maps, graphs Key actions on the nav and in the page body Work on any device One UI To Rule Them All Empower the User
Familiar: Very common and popular UXI style Control: User owns and crafts their experience Concise: Simple, clean. Only important info displayed Quick: All key actions are a click away Leveraging Modern Mobile Device UXI
Common look & feel Data visualizations User-controlled layout Panel Navigation Responsive Design Smart Search Six UXI Upgrades Across All DBS Apps
Responsive Design Smartphone Tablet
Demonstration Time
Get buy-in from product owners and stakeholders Generate documentation Craft code and style templates Add stories to the respective teams’ sprints Phased releases Next Steps