I am a New York City based User Interface & User Experience Designer with a knack for solving complex problems and designing simple yet powerful solutions. I also enjoy photography, art collecting and other very cool things.
I’ve been working on a problem where the requirements of the navigation of the page allows the user to traverse a deeply nested hierarchical tree structure without reloading the page with every click ( a traditional drill model) and not just using a lame old school tree structure.
What I’ve done in this sample is created a two-action navigational system where the user can either click the smaller target to ‘drill’ to the lower level of the tree without selecting the nav item OR select a navigational node to display that content on the page.
The idea here is that we allow the user to drill into a parent item and display its children in a segment below. When you drill into a child of a child nav item, the model adds the drilled child to the top section for context then displays the sub-children in the segment below. This continues until a selection is made or terminal nodes are displayed.
A few notes about this design’s strengths and weaknesses:
Strengths:
Using a single column the user can traverse a huge tree structure
Drilling doesnt reload the page
Keeps context for deep selections
Weaknesses:
Possibly difficult to cognitively process the difference between a drill and select option
If you select a navigation item and then choose to drill into other sections you could potentially loose content of which is selected. This could be solved by possibly moving the selected item from the sub segment to the main segment to keep context
For this project, I acted as the Creative Director, Art Director and User Experience Designer. The client wanted to create a fresh and professional e-commerce experience which allowed the products and product details to stand out and shine.
This microsite included a character design (by an contractor) and a cool animated intro with an experiential pay off at the end.
These are the Interaction Design documents I created for the redesign of Oust.com. We wanted a product focused site that would work on all types of screen sizes.
What Should I Get For Lunch? is a concept site where a new lunch time suggestion.
Shots of Rock concert photography site was built and designed by me. It uses a custom zenphoto theme.
This is Block UI displaying the concept of a celebrity matchmaker application.
Two-Action Navigational Model
I’ve been working on a problem where the requirements of the navigation of the page allows the user to traverse a deeply nested hierarchical tree structure without reloading the page with every click ( a traditional drill model) and not just using a lame old school tree structure.
What I’ve done in this sample is created a two-action navigational system where the user can either click the smaller target to ‘drill’ to the lower level of the tree without selecting the nav item OR select a navigational node to display that content on the page.
The idea here is that we allow the user to drill into a parent item and display its children in a segment below. When you drill into a child of a child nav item, the model adds the drilled child to the top section for context then displays the sub-children in the segment below. This continues until a selection is made or terminal nodes are displayed.
A few notes about this design’s strengths and weaknesses:
Strengths:
Using a single column the user can traverse a huge tree structure
Drilling doesnt reload the page
Keeps context for deep selections
Weaknesses:
Possibly difficult to cognitively process the difference between a drill and select option
If you select a navigation item and then choose to drill into other sections you could potentially loose content of which is selected. This could be solved by possibly moving the selected item from the sub segment to the main segment to keep context
Let me know what you guys think and if this model could solve your navigational issues.
When you click and hold the send button in Gmail then mouse off while still holding the click, the send button turns red letting you know if you release your mail will be not send.
The DataBot mouse applies small ‘brakes’ when dragging large files, so they feel heavier. (DataBot, via FlowingData)
Create Vimeo-like top navigation
Yes you can do this, but your name will never be Sox, never…
Used Omnigraffle to layout the polished and revised photoshop comps. The comps were then annotated to explain functionality and different scenarios related to the same screen.
This iteration is near the end of it’s release cycle, which is why I have detailed visual designs.
This project started with research then sketches and wireframes and then Photoshop comps. Then I built a prototype in Keynote and did five usability studies after which I made tweaks (then tested them) and exported the comps into Omnigraffle to create the annotations for the development team.
While working on a project with Richard Amos about a year ago we were pondering the static linear nature of breadcrumbs and wondering why they should always be so. The breadcrumb serves two purposes; firstly it gives users a sense of where they are in a site’s structure, helping them to never…
For those unfamiliar with Modcloth, the online retro clothing and accessories retailer, I’d like to introduce you. I’ve always hated crowded stores and overstuffed racks but yet I’ve always been reluctant to purchase clothes online. I like the instant gratification of knowing if something…
Why do we get so angry when the websites we love update their look? Anna Leach examines the battle between users and developers.
At Punchcut, we look past old television paradigms to create user interface solutions that align with a more connected, dynamic digital world. Our UIs strive to bring clarity to television’s growing complexity and reduce the barriers of adoption.
In an evolving digital world, traditional television UI models are no longer relevant. Content options are expanding. Broadcast, on-demand, and internet TV are fusing into one television experience. With this added complexity, companies can no longer design linear, one-dimensional, single-user experiences.