ORCANOS Deploys Google Material Design for Orcanos ALM 2017 UI / UX

Avatar November 18th, 2016 Posted by Zohar Peretz( ) Software Lifecycle Management

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.

orcanos software onboarding

 

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-medical-main-screen-adaptive-alm

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.

orcanos software dashboard colors

SPACING

Just so not everything is squeezed too much…lot of space is “lost” so user is not overwhelm with information

orcanos dashboard spaces

CSS RATHER THAN IMAGES

UI styling is based on CSS files rather than images to make Orcanos faster and robust

orcanos-css

Every pixel counts…

orcanos-pixle

ICONS

Minimize number of icons, colors

orcanos software - icons

SCREEN BEHAVIOR

Define scrollable area so user remains on the same position always

orcanos-google-material-design-scrollable-area

USABLE FEATURES

TRACEABILITY TOOL

orcanos-traceability-tool

WORK ITEMS – LIST VIEWS

Spacious list views, floating buttons

orcanos software - work items

 

INSTANT MESSAGING, ONLINE CHAT

orcanos-instant-messaging

 

STARRED ITEM

orcanos-manage-starred-items

 

FIND YOUR INFORMATION

Easily get your data using Orcanos tools:

Product tree, Search, Starred items list, Recent items list, Deleted item list

orcanos-search

Dashboard panels

orcanos-medical-main-screen-adaptive-alm

List views

orcanos software - work items

Easily navigate through work items path

orcanos-navigation

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

orcanos-layout

 

MAIN MENU

All modules are accessible within one click

ALM (Product tree), Document Control (QMS), Service Center and e-sign (part 11)

orcanos-modules

 

PROFESSIONAL TOOLS FOR EACH MODULE

ALM

Manage products, projects hierarchically, using Orcanos work items and traceability tool

orcanos-alm

FMEA RISK MANAGEMENT (ISO 14971)

Setup your FMEA Risk Management according your SOP within minutes

orcanos-fmea-risk-management-iso-14971

CUSTOMER FACING

Orcanos service center to manage customer service calls, and trace them back to R&D or Quality Control

orcanos-service-center

DOCUMENT CONTROL

Hierarchic and intuitive Document Control, fully 21 CFR Part 11 compliant

orcanos-document-control

 

TEST MANAGEMENT

Simple and powerful test management tool, as part of Orcanos ALM system

orcanos-test-management

 

SIMPLE AND POWERFUL ADMIN TOOLS

Creating projects, users, permissions and system settings and customization was never so easy

orcanos-admin

 

MOBILE ADAPTIVE

orcanos-mobile-adaptive


About the author, Zohar Peretz

Zohar has 18 years of experience in leading software development products, at leading software companies and startups. Using his vast experience in software development, Zohar has identified the need for a holistic solution for R&D departments, and together with Rami and a small development team, they established Orcanos ALM in 2005.

Since then, Orcanos software has evolved to other domains such as quality control and specific industries, such as medical device.

Zohar holds a BA degree in Industrial Engineering.

Orcanos

Contact

8 Tozeret Ha'aretz Street
Tel Aviv, Israel
+972-3-5372561
info@orcanos.com

Copyright © Orcanos, All rights reserved. | Privacy policy | Terms of use