Zvents Search
2011
Interaction Design, Visual Design
Mocks from the Zvents search results page redesign.
- Ever since the big Zvents.com redesign (before my arrival) the new search results design was unanimously disliked in addition to being a usability nightmare. That said, our search results and the ability to allow users to filter on a myriad of possible facets was quite complex. Unfortunately I couldn't find a before picture, but here are the mocks up of the redesign that I did. I should also include that the bulk of this redesign work was done on the fly with the engineers to get the interaction models right. What happens when a filter is toggled, how does the filter change states, how is the data effected, etc. It was a fun project that we'd all been thinking about for a long time so it was nice to finally get to crank it out.
- We went with the left rail filters. It did reduce the content area and we played with removing the right rail but for business reasons the smaller content area was the trade off we made. It did make the interaction of the filters much more usable and scalable. The previous design had top filters that had a hard time scaling to show very many filters (food categories for example requires substantial real estate).
- This is the sub-filter design. There were some parent filters that needed child filters, if you will. You can see here that when restaurants was clicked there were sub filters that then applied. We didn't want to create another level of cascading filters underneath because the visual hierarchy of filters would be hard to distinguish and take up even more horizontal space.
- This was an early concept we considered but ultimately decided against because of several reasons. We knew our users would want to toggle filters frequently so they'd need to be able to view the UI without being buried in a menu. We also couldn't get the menus to elegantly hold and display all the controls necessary for each section.
-
Mocks from the zvents event and venue nameplate redesign.Interaction Design, Visual Design2011 -
Analysis and redesign of the Zvents event detail page right rail.Interaction Design, Design Research, Visual Design2011 -
Mock up of the Zvents Top40 site.Product Management, Interaction Design, Visual Design2011 -
This is a set of designs for the Zvents Facebook App.Product Management, Interaction Design, Visual Design2011 -
This is the concept work for my startup called Knack.MeEntrepreneurship, Design2011 -
This is a sample of the design work I did for the Xobni Mobile for BlackBerry.Product Management, Interaction Design, Visual Design2011 -
This is a sample of the product and design work I did for Xobni Enterprise.Product Management, Interaction Design, Visual Design2011 -
These are the designs for a couple of Xobni Enterprise ExtensionsProduct Management, Interaction Design, Visual Design2011 -
This is the design for web based on IM on hi5.comInteraction Design, Visual Design, Product Management2011 -
This is the design for hi5's virtual giftsInteraction Design, Visual Design, Design Management2011 -
This is the design for the mobile hi5 site.Interaction Design, Visual Design, Design Management2011 -
This the design and iteration examples for the hi5 homepage redesign.Interaction Design, Visual Design, User Research2011 -
Examples from the hi5 design pattern library.Interaction Design, Visual Design, Design Management2011 -
This is work I did as a co-founder of a magazine about the niche cycling sport of Cyclocross. The magazine is still up and running by my co-founder, I stepped away to continue to work on digital projects.Print Design, Entrepreneurship2011 -
Yahoo! Messenger Pingbox allows users to chat anonymously with their website visitors using the Yahoo! Messenger service.Interaction Design, Design Management2011 -
Yahoo! MyM blended IM and Social Networking.Interaction Design, Design Management, Visual Design2011 -
Integration of SMS into the Yahoo! Web Messenger Product.Interaction Design, visual design, design management2011 -
This is the design for the My Yahoo! Messenger Widget.Interaction Design2011 -
Yahoo! Messenger for MacInteraction Design, visual design, User Research2011 -
This is the design for the first version of the Yahoo! Messenger Plug-ins.Interaction Design2011 -
Yahoo! IM message archive project.Interaction Design, design management, User Research2011 -
Opsware Desktop Application Design SpecificationInteraction Design, Usability, User Research2011
