IX Office - iPad and web workspace for executives
“
Shared reading rooms, a personal library, news and discussions on two screens.
IX Office
iPad app and web app, 2014
About the project
IX Office is Applixya’s workspace for government officials and corporate executives, on the iPad and the web. In 2014 we took it from whiteboard sessions with the Applixya team in February to user stories, an 11-page wireframe map and two rounds of visual design. The final iPad and web screens were ready in September 2014.
Project
IX Office iPad and Web App
Industry
Enterprise Software
Location
Amman, Jordan
Date
2014
“
Client Request
Applixya wanted executives to share documents in reading rooms, keep a private library and follow company news, on the iPad and on the web.
Applixya
User story, July 2014
Design Pillars
Core UX Principles
Documents sit on shelves inside a room, and each room is shared with the people who need it.
Every delete opens its own dialog and says what goes with it, such as a room’s shelves and files.
The iPad and web versions share the colors, the cards and the same modules.
Research
What We Learned on the Whiteboard
Ten Components
With the Applixya team we sketched meetings, minutes, tasks, correspondence, contacts, the schedule, comments, news, reading rooms and the library.
Shared or Private
A reading room is shared with chosen people, while the library belongs to one person and is never shared.
One Rule for Time
Dates show the month and day, and anything newer than 24 hours reads as hours ago.
The Challenge
Problem Statement
The Main Goal: Keep an Executive’s Documents in Order
Applixya builds secure iPad software for officials and executives, with clients in Qatar and Saudi Arabia. IX Office had to hold shared rooms of documents, personal shelves, news boards and discussions, and stay easy to use away from the office, on an iPad or at a desk.
“
Enterprise-level highly secure iPad solutions for corporate executives and high-ranking officials.
Applixya
Company description, 2015
Our Approach
Solution
One Workspace for iPad and the Web
Reading rooms, shelves, a personal library, news boards, discussions and every add, edit and delete dialog, designed for the iPad and the web. It is an example of our Web App Design work.
01 - Whiteboard Sessions
In February 2014 we sketched ten components with the Applixya team, from meetings and minutes to reading rooms.
02 - User Stories and Wireframes
We wrote the user stories for web and iPad and mapped every screen in an 11-page wireframe map with spec notes.
03 - Two Visual Rounds
A first round in coral in August, then the final design in plum, magenta and blue in September.
Before & After
The Blueprint & Evolution
Wireframe to Final Screen
The reading rooms screen kept its layout from the wireframe to the final iPad design.
Before: the gray wireframe from the August 2014 map.
After: the final September 2014 design in plum, magenta and blue.
Design
Key Features
Shelves You Can Manage
Inside a room people rename or delete a shelf, delete files and move them to another shelf.
Discussions
Start a topic, add people by name and write the details. A topic can be muted, archived, closed or marked as unread.
Design System
Visual Identity
Typography
A sans serif in light and bold, as in the Reading Rooms headers, with room and file titles in bold caps.
Color Palette
Magenta and plum for headers and navigation, bright blue for menus and tabs, green to add or download and coral to delete.
UI Logic
Every room page switches between grid and list view, new files carry a New badge, and each card shows its file count and how many are new.
Impact
Designs for Both Platforms
Results for Applixya
By September 2014 IX Office had user stories, a wireframe map with spec notes and final designs for the iPad and the web in one visual language.
IX Office
Result
By the Numbers
2 Platforms
The iPad app and the web app, in one visual language.
67 Final Screens
32 for the iPad and 35 for the web, in September 2014.
10 Components
Sketched on whiteboards with Applixya in February 2014.
Process
From Whiteboard to Wireframe
Ten Components, One Map
We started on the whiteboard with the Applixya team, and every board was photographed and sorted by component. The user stories came next, then an 11-page wireframe map for the iPad and the web with notes on rules such as dates and deleting. You can see some of the results below.
Final Showcase
The IX Office Workspace
