Reusable Customer Interface Elements and Core Code
The Style Guide is an unique ecosystem, shared across multiple work streams that ensures consistency within the interface, increases production and efficiency and provides an experience that is inclusive of all customers. Furthermore it creates knowledge and resources that are easily available to expand to other AT&T projects. This provides a tight product integration and a common UI language.
Designing for everyone
As a result of all this features together, the final website content is presented in various ways to accommodate a wide range of users. Visual cues deftly guide users through the interface, and the background code is engineered to enhance usability, learnability and coherence. There are several accessibility principles applied, such as text, multimedia presentation and mouse alternatives, well-organised content & navigation, and a concern about content and language.
Activity
In this section, you can keep track of the latest updates and implementations, subscribe to the news feed and take a look on the progress of different tasks taking place at the moment.
Philosophy
A systematic approach that gathers the most basic beliefs, concepts and attitudes and supports eStrategy’s functional workforces.
Structures
Structures supply customer experience designers with layout templates and grid systems for the entire project. Used consistently, these standards create a familiar global customer experience.
UI Elements
Constantly being populated with new contents, the Ui Elements section is the heart and soul of the collection. In this section, elements are presented and explained thoroughly, so that their implementation rules are easy to comprehend.
UI Patterns
Patterns are combinations of different customer interface components. Pattern standards impart consistent experiences and a global UI language, increase learnability and unify brand offerings site-wide. In this section, common patterns are shared across all project work streams.
Icons
The AT&T business portal, by its sheer size and volume, demands a customised icon set that conveys the right meanings.
This section of the library contains the global icon family, each in a variety of sizes, to spread across the length of the project.
A platform that allows:
- consistency and easier
implementation, throughout
complete and well organized
documentation - understanding of detailed
patterns for complex
processes, through step by
step videos - resources download,
so that all you need is available
everywhere, anytime - interaction with elements
to understand all their different
states and behaviours