Professional Documents
Culture Documents
com/inventory
UI/UX
DESIGN PROCESS
Elumalai Jayaraman
UX Designer - Zoho
This uniform design provides a level of UX and visual consistency across products
that you simply will not nd when you integrate independent solutions from
dierent providers.
You need to get all that background information long before you start putting pen
to paper (or cursor to screen). Only then will you be actually designing something
thats nice to use and allows the user to get things done as quickly as possible.
Luckily, we had all the background information we needed before we started
designing the interface for Zoho Inventory. Weve been running Zoho Books and
Zoho CRM for many years, and weve had numerous requests for an inventory
management solution that ties right into these products.
The nal Visual Design for Zoho Inventory. To view live interface at https://www.zoho.com/inventory/
A visually appealing design primes the user for good expectations even
before they start using your product. Once that rst impression is created,
the user leans toward viewing the entire product through a positive lens.
Its important to have a consistent visual experience as well. Good design
has to extend right from your website to your entire product in order to
maintain that positive impression.
With all this in mind, and after much experimentation, we carefully put
together the above visual design for Zoho Inventory. Now, since visual
design is a creative process theres no denite set of steps to designing
something that looks good. However, we decided to use basic visual design
principles as guidelines to structure our process.
Here are the things we took into account:
TYPOGRAPHY: Readability of UI elements is one of the basic things that you
need to ensure. We have been using the Proxima Nova font so far in many
of our products. We carried this over to Zoho Inventory and it worked out
beautifully.
COLOR SCHEME: Choosing the right color scheme is like dressing up really
well. When people have nothing else to go on, they will immediately judge
you based on what youre wearing. If you want that kind of judgement in
your favor when people look at and use your product, its important to
choose a color scheme that is visually appealing.
While for many of our products (such as Zoho Books), we went for a
pastel-style color scheme, we did something dierent with Zoho Inventory,
going for a dark and at color scheme that mixed elements of black and
blue. This gave it a clean, professional look.
ICONS: Icons play a role of giving important visual information which text by
itself cannot achieve. We needed to choose icons that were not only
For example, the user needs help when he needs to integrate Zoho
Inventory with another service. Zoho Inventory has a lot of integrations.
While experienced users will know how to make these integrations work, a
lot of users wont know what is possible with these integrations. Thats why
once you land on an integration page we provide a brief summary of what
the integration can do.
For example, consider marketplaces. With Zoho Inventory, you can integrate
with eBay, Amazon, Etsy, and Shopify. There is a business advantage to
selling your products on as many marketplaces as possible, but a lot of
businesses dont diversify the marketplaces on which they sell their products.
This is partly because of the dierent nuances (and diculty) involved with
each marketplace integration.
Right within Zoho Inventory, we have prominent instructions on how to
integrate with each marketplace and how exactly each integration will behave.
Contextual help for setting up a marketplace integration. Visit at https://www.zoho.com/inventory/
We articulate how data items (such as product and order information) in Zoho
Inventory will be labeled in the marketplace and vice versa. This gives
customers all the knowledge required to integrate these marketplaces with
Zoho Inventory.
Were providing instructions. And while thats nothing really new, contextually
providing this information in an easily digestible manner right within the user
interface is new. We are removing all emotional (and knowledge) barriers to
getting integrations done.
Conclusion
Inventory management is complex. It can be hard work. I think we successfully
distilled that complexity into something that is really simple to use, and made
some lives easier in the process. At the risk of sounding a little boastful, we
think thats pretty awesome.
I hope you took something away from this post. Tell us what you think by
leaving a comment below. And if you liked it, dont forget to share it with your
friends & other network!
Originally published at
https://www.zoho.com/inventory/blog/zoho-inventory-ui-ux-design-process.html