We've designed over 250 different applications in the last 25 years.

Plex Systems 2013

Plex Systems contacted us to help them turn around an application with hundreds of screens, already in use by many customers in manufacturing, both on the desktop and on touch screen devices. The

Hagan: Project Lead, Interaction Design, User Research, Design Strategy, Prototyping
David: Visual Design

Plex Systems: BEFORE Parts of the application had users on the manufacturing floor, using touch screens. The application had large touch targets, but the interaction design and visual design didn't help the user find what they were looking for. Two Rivers Consulting Portfolio. Hagan Rivers. David Rivers.

BEFORE
Parts of the application had users on the manufacturing floor, using touch screens. The application had large touch targets, but the interaction design and visual design didn’t help the user find what they were looking for.

 

Plex Systems: AFTER We created clear blocks of information with standard layouts to make locating information faster and help users make decisions more quickly. One thing we always feel is important is to include "messy data" in our mockups; not just an idealized version of how the application should look, but what happens when images are missing or labels are long. Two Rivers Consulting Portfolio. Hagan Rivers. David Rivers.

AFTER
We created clear blocks of information with standard layouts to make locating information faster and help users make decisions more quickly. One thing we always feel is important is to include “messy data” in our mockups; not just an idealized version of how the application should look, but what happens when images are missing or labels are long.

 

Plex Systems: BEFORE Another part of the application that is used on a touch screen: there are really only a handful of actions the user can take here, but they are hard to find. Two Rivers Consulting Portfolio. Hagan Rivers. David Rivers.

BEFORE
Another part of the application that is used on a touch screen: there are really only a handful of actions the user can take here, but they are hard to find.

 

Plex Systems: AFTER Each large green box represents a button: information is shown inside the box, and the action that the user will take is described below the box. Two Rivers Consulting Portfolio. Hagan Rivers. David Rivers.

AFTER
Each large green box represents a button: information is shown inside the box, and the action that the user will take is described below the box. There are also links for less common actions – these are spaced far enough apart to be good touch targets.

 

Plex Systems: BEFORE The existing navigation system was large and complex and had to be usable by both users on tablets wearing gloves, and users at the desktop. The design forced users to click through screen after screen of buttons. Two Rivers Consulting Portfolio. Hagan Rivers. David Rivers.

BEFORE
The existing navigation system was large and complex and had to be usable by both users on tablets wearing gloves, and users at the desktop. The design forced users to click through screen after screen of buttons.

 

Plex Systems: AFTER We built a navigation application that the user can use to get to screens in a variety of ways. For those on a tablet, the "big buttons" are still available. For those on a screen, there is a site map, menued breadcrumbs, and search to help them locate screens quickly. Two Rivers Consulting Portfolio. Hagan Rivers. David Rivers.

AFTER
We built a navigation application that the user can use to get to screens in a variety of ways. For those on a tablet, the “big buttons” are still available. For those on a screen, there is a site map, menued breadcrumbs, and search to help them locate screens quickly.

 

Plex Systems: BEFORE The product is also widely used by workers sitting at desktop or laptop computers, and here too we were asked to review every basic screen type and propose new designs to improve usability. Two Rivers Consulting Portfolio. Hagan Rivers. David Rivers.

BEFORE
The product is also widely used by workers sitting at desktop or laptop computers, and here too we were asked to review every basic screen type and propose new designs to improve usability.

 

Plex Systems: AFTER While the visual changes are obvious, there are many differences in the interaction design as well. For example, in the new design the user can select more than one item in the list and take action on several items at a time. Two Rivers Consulting Portfolio. Hagan Rivers. David Rivers.

AFTER
While the visual changes are obvious, there are many differences in the interaction design as well. For example, in the new design the user can select more than one item in the list and take action on several items at a time. The search criteria also collapse, so that they only show the criteria that the user actually used to find the elements in the list.

UIE: Mobile Enterprise
UX Training
Enterprise, Mobile, UIE
UIE: Mobile Enterprise
Inteq 2016
InteQ InfraDesk
Enterprise, Mobile, Recent, Responsive, Web
Inteq 2016
UIE: Navigation
UX Training
Recent, UIE
UIE: Navigation
DST Systems 2016
Billing, Advertising
Enterprise, Recent, Web
DST Systems 2016
Riverbed 2015
IT Network management, Network administrators
Enterprise, Recent, Web
Riverbed 2015
Sonian 2013
Cloud computing, IT Networking, Network Administrators
Enterprise, Recent, Web
Sonian 2013
Plex Systems 2013
Manufacturing
Enterprise, Recent, Web
Plex Systems 2013
EIQ Networks 2013
IT Networking, Network Administrators
EIQ Networks 2013
DST Systems 2012
Hospital and Insurance Billing, Nurses, Doctors
Enterprise, Mobile, Recent, Responsive, Web
DST Systems 2012
BioBase 2012
Prosumer scientists and researchers
Enterprise, Recent, Web
BioBase 2012
UIE AppMaps 2011
UX Training
UIE
UIE AppMaps 2011
Demand Ware 2011
eCommerce, Retail
Enterprise, Web
Demand Ware 2011
Cooper Industries 2011
Public emergency responders, and members of the public
Consumer, Enterprise, Web
Cooper Industries 2011
Cloud Switch 2010
Cloud Computing
Enterprise, Web
Cloud Switch 2010
Flatworld 2010
Professors and Students
Consumer, Web
Flatworld 2010
InteQ InfraDesk 2010
Help desk professionals and end users
Consumer, Enterprise, Web
InteQ InfraDesk 2010
Newforma 2009
AEC - Architecture, Engineering, Construction
Consumer, Enterprise, Native
Newforma 2009
Partners Healthcare 2009
Health care, Intranet
Enterprise, Web
Partners Healthcare 2009
UIE Navigation 2009
UX Training
UIE
UIE Navigation 2009
Vela Systems 2009
AEC - Architecture, Engineering, Construction
Consumer, Enterprise, Mobile, Responsive, Web
Vela Systems 2009
VFA 2009
Health Care, Finance, Analysts
Enterprise, Web
VFA 2009
SBC Systems 2009
Healthcare, Benefits
Consumer, Web
SBC Systems 2009
Jonas Software 2009
Service Professionals (golf)
Enterprise, Native
Jonas Software 2009
Tyco Electronics 2008
Emergency Professionals
Consumer, Mobile
Tyco Electronics 2008
Jenzabar 2008
Education Philanthropy Management
Enterprise, Web
Jenzabar 2008
EIQ Networks 2008
IT Security and Compliance
Enterprise, Web
EIQ Networks 2008
Sheetz 2008
Sheetz
Enterprise, Web
Sheetz 2008
KenCast 2007
Media and Advertising
Enterprise, Web
KenCast 2007
Member Solutions 2007
Hospitality and Service Professionals
Enterprise, Web
Member Solutions 2007
Quattro Wireless 2007
Mobile, Mobile Advertising
Enterprise, Mobile, Responsive, Web
Quattro Wireless 2007
Ecora Software 2006
IT and Compliance
Enterprise, Web
Ecora Software 2006
TeleAtlas 2006
B2B GPS Mapping, Consumers, SaaS
Consumer, Enterprise, Web
TeleAtlas 2006
WebDialogs 2006
WebDialogs: conferencing and collaboration
Consumer, Web
WebDialogs 2006
Pantero 2006
Database IT and Analysts
Enterprise, Native
Pantero 2006
KSSG 2005
Finance, Oil Analysts
Enterprise, Web
KSSG 2005
Spring Street 2005
Online dating
Consumer, Web
Spring Street 2005
Broad Institute 2005
Scientists, SaaS
Enterprise, Web
Broad Institute 2005
Intelli Reach 2005
Business Compliance, Email
Consumer, Enterprise, Mobile, Responsive, Web
Intelli Reach 2005
ProfitLogic Future Project 2005
Retail finance analysts
Enterprise, Web
ProfitLogic Future Project 2005
Lumigent 2004
IT, Database IT
Enterprise, Web
Lumigent 2004
ProfitLogic 2002
Retail, Finance, Analysts
Enterprise, Web
ProfitLogic 2002
Netscape 1992
Netscape, the Killer App
Consumer, Native, Web
Netscape 1992
ShowMe 1991
Desktop conferencing
Consumer, Enterprise, Native
ShowMe 1991