UX/UI Principles

Our Swisscom UX/UI Principles serve as guidelines and support making informed decisions and designing unique user journeys and interfaces.

Illustration of a computer monitor displaying three UI design cards: a layout grid, a photo icon with a mountain and sun, and abstract geometric shapes in blue and red. The scene represents Swisscom UX/UI design principles.

Simple

Focus on the essentials

  • Consistency: We employ consistent terminologies and create uniform interactions and menus to ensure a cohesive user experience.
  • Visual hierarchies: We organize visual elements in a manner that effectively communicates their significance to the users.
  • Design System: Through the implementation of SDX, we establish a straightforward and consistent design framework.
  • Essence of simplicity: We recognize clarity as a core principle of exceptional UI design, prioritizing it as an essential element.

 

Familiar

Consistency & recognisable

  • Guided orientation: We organize workflows into clear sections (beginning, middle, end) and offer positive feedback to users upon completing action.
  • Design patterns: We utilize established standards and design patterns whenever applicable.
  • Building trust: We create appealing aesthetics and intuitive userfriendliness.
  • Consistency & order: The consistency of our UI elements is comprehensive and reliable, providing a sense of order (e.g., clear call-to-actions).

 

High-quality

Swisscom is a brand of excellence

  • White space: We deliberately utilise white space to organise content and enhance visual communication.
  • Cognitive overload: We mitigate visual complexity by establishing clear hierarchies. We structure and design elements in a way that helps users navigate quickly.
  • Modern: We ensure a modern, cohesive, and high-quality design across our interfaces.

 

Exciting

Inspiring experiences

  • Emotional storytelling: We evoke emotions and create lasting memories through captivating visuals, including large-scale visuals.
  • Micro animations: We strategically incorporate subtle visual details and interactive elements wherever appropriate.
  • User testing: We conduct thorough user testing to optimize the userfriendliness of our applications and features. This iterative process occurs both before and after a launch.

 

Personal & Flexible

Engaging with the environment

  • Accessibility: When designing products, we ensure compliance with the Web Content Accessibility Guidelines (WCAG) at the AA level, meeting the requirements for accessibility.
  • Responsive design & mobile-also approach: We prioritize multiple use cases by considering touchpoint-specific design and layout, following a mobile-also approach to ensure a responsive experience across all devices.