Who is Exterity?
Have you ever looked at a big screen advertising at a shopping centre or a sat in a hotel room and ordered a meal through a TV? Exterity is a market leading company that makes this possible.
They have a few partners and integrators that you may know…
The company provides a suite of creative softwares that lets businesses advertise, communicate, engage and entertain their customers without the need of a techie.
It’s basically a wiziwig creative canvas that makes it easy for users to drag and drop interactive apps to display on TV and signage screens. Similar to Adobe Creative Suite, users can drag item like text, photos, videos, pages and style them to their own brand and needs.
Exterity steps it up a notch and supply mini interactive apps such as News Feeds, In-app purchasing, Video on Demand, Live TV, Language configurations and much more without the need for a techie to get involved.
Powerful. Creative. Freedom.
(Motion Graphics to demonstrate the software, made in After Effects)
(Role of a UX designer at Exterity)
My role as a UX/UI designer
As the company’s only UX/UI designer, I worked closely with the UX team, product management, dev teams and QA.
Product Management – Contributing towards product strategy and vision.
Dev Teams – Produce mockups, instructions and specifications for development.
QA – Ensuring the brief is met. Testing the usability and interface of the product before roll out.
Achievements and Processes
(Note: I’d love to show you more but as I’m trying not to give away the Company’s exciting unreleased features or confidential information, certain work may be blurred out, limited or ommited). The following content is approved for viewing.
Started working for the company (on my birthday) as the first and only UX designer in the company. My main role was to keep consistency across teams and encourage good usability practices and improve the user interface.
Understanding the People and Product
(May 2019 onwards)
Internally – Understanding the process of project managers, the sales team, in addition to multiple software and hardware teams.
Externally – Gathering research to understand clients and end users. I researched competitors and carried out product analysis.
This helped create personas that were both goal-based and role based. Placing myself in the role of different stakeholders to understanding the strength and weaknesses of the products and how they work together within a user’s journey.
Introducing and creating a bespoke Icon Library
(July 2019 onwards)
I created a bespoke set of consistent looking (240+ and growing) icons to replace the generic set across several sister products which gave a clearer representation of functionality.
The icons have an attaching set of rules to ensure visibility. For example, certain icons are displayed in different sizes (small, medium, large). Medium icons can be outlined but small icons have an alternative version where the icon is filled.
Introducing a design documentation
(July 2019 onwards)
Similar to Android design documentions, this document is intended for developers to refer back to and understand the product from the users perspective.
The problem before- There was a lack of consistent style and actions between the screens. It didn’t have the same look nor feel. I researched what considerations they may have and wrote a developers standard guide to each.
- UX considerations – User behaviour & psychology, UX patterns, complexed scenario explanations, and more…
- UI considerations -Buttons, grids and layouts, spacing, font, sizes, and more…
Reshaping the product
(September 2019 onwards)
Used, researched, analysed and tested individual micro-app. My main goals were to keep a consistent UI, reduce work flow, and improve usability. Below are the stages to reshaping the product…
- Research – Initial intent and purpose of app / intended user / Development restrictions / Relationship with other apps
- Gather and pre-test – Opinion / Feedback / User Journey / Goals / Emotions and Frustrations/ Strength and Weaknesses
- Gather and collate information – Perform competitor analysis / Investigate User Research / Eliminate Inconsistencies / Understand User Patterns
(Grids and Inconsistency between apps)
- Sketch and Plan changes improvements – Low and Mid-Fidelity Prototyping / Create Mock-ups
(A selection of different pages in my sketchbook)
- The Pitch – Present Analysis / Demonstrate Existing Problems / Present changes in UX/UI.
- Test – Using mockup for intitial testing
- Iterate – Create High-Fidelity Prototypes with feedback
(High Fidelity Mockups)
(Old vs New – UX improvements and UI changes)
- Development Wrap up – Documentation write up / Developer specification write up / Assist developer during production / Furthur Testing
- Project Wrap Up – Testing / Roll Out