A design system unifies product teams around a common visual language. The Unified UX (UUX) design system is based on Google's Material Design and acts as an extension of the existing Temenos style guide. The design guidance encapsulated in the UUX design system simplifies the process of designing Temenos user journeys and products, while API access to the UUX design system ensures future design updates are added into developed code automatically.
Using a design system benefits the design process in several ways.
- Consistent – A design system acts as a single source of truth for design decisions, promoting best practice consistency in areas such as accessibility.
- Rapid – A design system accelerates the design process by providing a basis and guidance for all design decisions.
- Efficient – A design system reduces design debt.
- Collaborative – Using a design system helps to build bridges between teams working in concert to bring products to life.
The Unified UX design system is an evolutionary step on top of Temenos' company-wide design system. Following the design guidance inherent in the UUX design system, themed components are created that align with the existing Temenos style guide. As the UUX design system evolves, solutions built with UUX components can be automatically updated with the latest component design updates, keeping our solutions at the market forefront.
Several factors influence the way we produce and maintain the Unified UX design system.
- Based on Google's Material Design
- Extend Temenos' existing style guide
- Themed components for a consistent look and feel
- Add modern interactions for a great user experience
Underpinning the UUX design system are a set of fundamental truths or propositions that contribute to the foundation of our design process.
- Simple and progressive
- Power to cut through
- User needs before solutions
- Aesthetics with a purpose
Aim for a concise, unambiguous design that takes the user on the shortest possible journey, revealing new paths as they become relevant. No surprises.
- Simplify – Every user experience should be Intuitive, eliminating obvious elements and keeping only what is essential to allow the user to understand what is required and what they can do. Progressive disclosure of functionality, controls, and content minimizes the chance of introducing confusion. By reducing the number of clicks, steps, data inputs, and new concepts, a well-designed UX presents the user with only what they need to achieve what they want.
- Consumable – Design and present concepts so that they are clear and understandable. Show the right amount of information and functionality at the right time while taking care to avoid information overload.
- Proactive – Create proactive features, systems, and experiences that consistently surpass user expectations for both simplicity and power.
The challenge is to maintain a careful balance between speed, familiarity, and the technical bleeding edge. Find speed where you can while making the user feel like they have been here before.
- Unlock speed – Enhance the perception of speed, taking advantage of techniques such as caching, prefetching, lazy loading, loading indicators, and skeleton loaders. Optimize performance, data processing, microservices, page loads, components, and functionality.
- Friendly and powerful – Make the user experience feel familiar. Keep interactions and workflows simple but stay technically powerful.
- Technically advanced – Temenos excels at producing feature-rich and functionally powerful solutions. This can cause friction when trying to build gracefully simple UIs that enable clarity. Design with balance to gain the most suitable approach for each use case.
A great design presents the right features in a familiar way that can be used by anyone and everyone.
- Meet your customers where they are – Our success is measured by how well and efficiently we fulfill our users' needs, not by the number of features that we ship. With a mindset of discovery and curiosity, use research to understand and build empathy with the target audience's viewpoint, and to inform decisions.
- What users know – Components and patterns are informed by what users know. Material Design's principles help to guide our component design in avoiding unfamiliar UI patterns and functionality.
- Designed for all – Technology is most powerful when it empowers everyone. A great design is comfortable and intuitive for everyone, so create UI and UX that adapts easily to diverse languages, cultures, and accessibility standards.
Our products are crafted with care to give users a great experience. Form and function work together to be engaging while providing context and clarity.
- Engaging – Techniques such as data visualization and microinteractions help to keep the user's attention on the task at hand. High quality UI and UX are non-negotiable, and also contribute to an engaging experience. Use design to create hierarchy, meaning, and focus for the user.
- Context – Reinforce context so that the user always knows where they are. Highlight events let the user know they are making progress and are on the right track. Give users feedback through techniques such as animations and microinteractions so that they know the system is listening to them.
- Clarity – Clear purpose drives all aesthetic decisions. Keep UI and content language short, unambiguous, and to the point. Powerful functionality that does not bombard the UI and user.