All about our users…
ORCANOS GOAL
Comply with Google Material Design to create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science
Well, in other words – we want to make our end user feel comfortable with Orcanos technology
Material is the metaphor
A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic.
Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supercede those in the physical world, without breaking the rules of physics.
The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and indicates moving parts.
Ref: From Google Material Design
ON-BOARDING WIZARD
To get new users up and running quickly is a real challenge. Orcanos invested in building on-boarding wizard, that based on industry sector and needs, provides templates and how-to’s to start with. These templates are based on Orcanos 12 year extensive experience with ALM and Quality procedures.
Right from the beginning, the on-boarding UI was detailed to assure user adoption and good experience.
MAIN SCREEN
Main screen colors & structure are adjusted in a way so user that spends hours in front of the computer would feel comfortable. So relaxing colors, minimize the controls on each screen
ORCANOS ALM DESIGN CONSIDERATIONS
COLOR PALLET
Material takes cues from contemporary architecture, road signs, pavement marking tape, and athletic courts. Color should be unexpected and vibrant.
This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. They’ve been designed to work harmoniously with each other. The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Android, Web, and iOS. Google suggests using the 500 colors as the primary colors in your app and the other colors as accents colors.
Themes enable consistent app styling through surface shades, shadow depth, and ink opacity.
SPACING
Just so not everything is squeezed too much…lot of space is “lost” so user is not overwhelm with information
CSS RATHER THAN IMAGES
UI styling is based on CSS files rather than images to make Orcanos faster and robust
Every pixel counts…
ICONS
Minimize number of icons, colors
SCREEN BEHAVIOR
Define scrollable area so user remains on the same position always
USABLE FEATURES
TRACEABILITY TOOL
WORK ITEMS – LIST VIEWS
Spacious list views, floating buttons
INSTANT MESSAGING, ONLINE CHAT
STARRED ITEM
FIND YOUR INFORMATION
Easily get your data using Orcanos tools:
Product tree, Search, Starred items list, Recent items list, Deleted item list
Dashboard panels
List views
Easily navigate through work items path
USER MODE: COMFORTABLE, COZY AND COMPACT LAYOUT
If user prefers to have less spaces, he can easily switch from Comfortable mode to Cozy or Compact
MAIN MENU
All modules are accessible within one click
ALM (Product tree), Document Control (QMS), Service Center and e-sign (part 11)
PROFESSIONAL TOOLS FOR EACH MODULE
ALM
Manage products, projects hierarchically, using Orcanos work items and traceability tool
FMEA RISK MANAGEMENT (ISO 14971)
Setup your FMEA Risk Management according your SOP within minutes
CUSTOMER FACING
Orcanos service center to manage customer service calls, and trace them back to R&D or Quality Control
DOCUMENT CONTROL
Hierarchic and intuitive Document Control, fully 21 CFR Part 11 compliant
TEST MANAGEMENT
Simple and powerful test management tool, as part of Orcanos ALM system
SIMPLE AND POWERFUL ADMIN TOOLS
Creating projects, users, permissions and system settings and customization was never so easy
MOBILE ADAPTIVE
The post ORCANOS Deploys Google Material Design for Orcanos ALM 2017 UI / UX appeared first on orcanos.