DISH for Microsoft
A Seller-Enablement Portal
*I worked on the restructure of information architecture, production of new designs, and backflow.
An internal Microsoft site that improved consumption of materials to help sellers sell.
An internal Microsoft site that improved consumption of materials to help sellers sell.
An internal Microsoft site that improved consumption of materials to help sellers sell.
the problem
To put it simply, there was too much information that was too hard to find. My coworker (another UX designer) and I put our noggin's together, did our best to figure out pain points, and came up with a list that was agreed upon by our stakeholders:
- See the information that's pertinant to your specific role faster - digging for info takes precious selling time
- Pair down the content - it's overwhelming and some information isn't relavant anymore
- Flatten out the nav - the less clicks, the better
- Microinteractions - bring the design into the 21st century
the problem
To put it simply, there was too much information that was too hard to find. My coworker (another UX designer) and I put our noggin's together, did our best to figure out pain points, and came up with a list that was agreed upon by our stakeholders:
See the information that's pertinant to your specific role faster - digging for info takes precious selling time
Pair down the content - it's overwhelming and some information isn't relavant anymore
Flatten out the nav - the less clicks, the better
Microinteractions - bring the design into the 21st century
* In retrospect, if the opportunity to do research was there, here is my "just enough" plan (because sometimes you have to work with what you've got):
- Get access to the online user feedback data - what are peoples' unsolicited complaints?
- User interviews with at least 2 people per role (~8 roles) - day in the life, how do you use this tool?
- Audit of the current site - from a techincal UX perspective, what can be better?
A page from the original site we were working with. Content, boxes, wheels, oh my!
A page from the original site we were working with. Content, boxes, wheels, oh my!
the process
Taking what we knew, and dealing with a pretty excellerated timeline, we got down to business. Starting with general research focusing on information heavy websites, then moving into a simultaneous process of information architecture edit + restructure and sketches, and ending with wires, functionality, and visuals. We collaborated on all decisions: functionality, ux, layout, and final visuals.
the process
Taking what we knew, and dealing with a pretty excellerated timeline, we got down to business. Starting with general research focusing on information heavy websites, then moving into a simultaneous process of information architecture edit + restructure and sketches, and ending with wires, functionality, and visuals. We collaborated on all decisions: functionality, ux, layout, and final visuals.
the process
Taking what we knew, and dealing with a pretty excellerated timeline, we got down to business. Starting with general research focusing on information heavy websites, then moving into a simultaneous process of information architecture edit + restructure and sketches, and ending with wires, functionality, and visuals. We collaborated on all decisions: functionality, ux, layout, and final visuals.
Early prototypes of layout and interaction
Early prototypes of layout and interaction
Global pages (above) and role specific pages (left).
Global pages (above) and role specific pages (left).
final output
Balancing the stakeholders request of "making it cool" and them giving us inspiration like Nike and Aston Martin, we tried to pull in 1 for 1 the agreed upon list of features.
- We worked tirelessly with the team to help them pair down their content, really getting into the nitty gritty of what a seller needed to see.
- We auto logged sellers into their siloed role so they could get to information pertaining to them faster, but made sure there was a place to see global information.
- By auto logging sellers in, this also helped to flatten out the navigation, showing more pointed pages at a higher level.
- Last but not least, we pulled in microinteractions and smoothed out transitions to "make it cool" and give the feeling of a classy, suave, high-end informational system.
final output
Balancing the stakeholders request of "making it cool" and them giving us inspiration like Nike and Aston Martin, we tried to pull in 1 for 1 the agreed upon list of features.
- We worked tirelessly with the team to help them pair down their content, really getting into the nitty gritty of what a seller needed to see.
- We auto logged sellers into their siloed role so they could get to information pertaining to them faster, but made sure there was a place to see global information.
- By auto logging sellers in, this also helped to flatten out the navigation, showing more pointed pages at a higher level.
- Last but not least, we pulled in microinteractions and smoothed out transitions to "make it cool" and give the feeling of a classy, suave, high-end informational system.
A look at a select few pages of the full design
THE DREAM TEAM
THE DREAM TEAM
THE DREAM TEAM
Microsoft Inside Sales | Client
Uptop | UX, Visual, Dev
Mirror Show Management | Event Agency
Demodern | Digital Agency
KaiCon | Video Content
Fleishman Hillard | PR
Cheshire | AV Production
Mirror Show Management | Event Agency
Demodern | Digital Agency
KaiCon | Video Content
Fleishman Hillard | PR
Cheshire | AV Production
©AbigailLynn 2017