The presentation of the submitted paper by Michael Bechinie, Manfred Tscheligi and Markus Murtinger at the international UXPA conference in Toronto, Canada 2017.
How User Experience Evolves in a Company - a New Look at UX Maturity ModelsUXPA Boston
User experience design involves many skill sets and methods but companies don’t always have staff with the right expertise or placed in dedicated user experience roles. This puts product designs at risk, especially in competitive markets. In an effort to advance user experience design to minimize taking risks with design, several maturity models were published that explain the different phases of corporate UX maturity. I have surveyed several user experience maturity models, identified the most important information, enhanced with my own experiences and simplified the delivery using a light hearted, easy to understand metaphor – an evolution scale. Each evolution level defines what methods are typically used, who typically does “design” at that level and most importantly what is needed to evolve to the next level. This infographic is a valuable tool to educate different development teams where they are in the user experience spectrum as well as outline what they need to do to evolve. It also helps to educate executives to set realistic expectations that this is a process that takes time (we can’t all go from zero to Apple) and to help gain their support by plotting your competition on the same scale.
UX Strategy: A Systems Design Approach to InnovationLiam Friedland
Understanding systems behavior is an essential part of any UX strategist’s toolkit. In this talk, we'll introduce systems-thinking concepts that are of practical use to UX strategists in their day-to-day planning, organizing, and influencing. We discuss businesses as systems, or holoarchies, and introduce some simple, yet powerful tools for analyzing organizational stakeholders and creating influencing strategies.
Finally, we present User Experience (UX) itself as a meme for driving organizational renewal through innovation. We'll use several examples to illustrate how UX is a systems-thinking paradigm.
Learn how to transition from being an impotent, passive, holon subordinate to a regime-altering butterfly.
Presented by Liam Friedland & Jon Innes to the Silicon Valley IXDA group on 28 May 2014
What's all the Fuss About UX Strategy? slideshareJanice James
Presented at UPADC March 6, 2014
Discusses my take on what UX Strategy is and how a UX strategy is important to the UX profession as a whole and to us as UX professionals.
User Experience & Design…Designing for others…UEDPreeti Chopra
The document discusses user-centered design (UCD) and its multistage process of analyzing how users will interact with a product. It outlines the key phases of UCD - analysis, design, implementation, and deployment. It then provides descriptions and definitions of many important concepts in user experience design, human-computer interaction, and usability testing.
How UX Evolves at Companies: A New Look at Maturity Modelsrbuttigl
User experience design involves many skill sets and methods but companies don't always have staff with the right expertise or placed in dedicated user experience roles. This puts product designs at risk, especially in competitive markets. In an effort to advance user experience design to minimize taking risks with design, several maturity models were published that explain the different phases of corporate UX maturity.
I have surveyed several user experience maturity models, identified the most important information, enhanced with my own experiences and simplified the delivery using a light hearted, easy to understand metaphor - an evolution scale. Each evolution level defines what methods are typically used, who typically does "design" at that level and most importantly what is needed to evolve to the next level.
This infographic is a valuable tool to educate different development teams where they are in the user experience spectrum as well as outline what they need to do to evolve. It also helps to educate executives to set realistic expectations that this is a process that takes time and to help gain their support by plotting your competition on the same scale.
This document discusses user experience (UX) maturity models and provides strategies for improving organizational UX maturity. It begins by defining UX and listing the many skills and standards involved. It then examines several UX maturity models that assess UX practices and integration on different levels or dimensions. Common challenges to UX maturity include lack of executive support, centralized functions, strategy, resources and process integration. Solutions include conducting a UX maturity assessment, gaining executive sponsorship, establishing UX processes, budgets, communities, standards, training and infrastructure to better integrate and leverage UX practices across an organization.
An introduction to UX methods and artifacts for integration into an agency waterfall model. This deck focuses on some basics fundamentals and acts as a primer to encourage entrenched departments to engage with UX.
How User Experience Evolves in a Company - a New Look at UX Maturity ModelsUXPA Boston
User experience design involves many skill sets and methods but companies don’t always have staff with the right expertise or placed in dedicated user experience roles. This puts product designs at risk, especially in competitive markets. In an effort to advance user experience design to minimize taking risks with design, several maturity models were published that explain the different phases of corporate UX maturity. I have surveyed several user experience maturity models, identified the most important information, enhanced with my own experiences and simplified the delivery using a light hearted, easy to understand metaphor – an evolution scale. Each evolution level defines what methods are typically used, who typically does “design” at that level and most importantly what is needed to evolve to the next level. This infographic is a valuable tool to educate different development teams where they are in the user experience spectrum as well as outline what they need to do to evolve. It also helps to educate executives to set realistic expectations that this is a process that takes time (we can’t all go from zero to Apple) and to help gain their support by plotting your competition on the same scale.
UX Strategy: A Systems Design Approach to InnovationLiam Friedland
Understanding systems behavior is an essential part of any UX strategist’s toolkit. In this talk, we'll introduce systems-thinking concepts that are of practical use to UX strategists in their day-to-day planning, organizing, and influencing. We discuss businesses as systems, or holoarchies, and introduce some simple, yet powerful tools for analyzing organizational stakeholders and creating influencing strategies.
Finally, we present User Experience (UX) itself as a meme for driving organizational renewal through innovation. We'll use several examples to illustrate how UX is a systems-thinking paradigm.
Learn how to transition from being an impotent, passive, holon subordinate to a regime-altering butterfly.
Presented by Liam Friedland & Jon Innes to the Silicon Valley IXDA group on 28 May 2014
What's all the Fuss About UX Strategy? slideshareJanice James
Presented at UPADC March 6, 2014
Discusses my take on what UX Strategy is and how a UX strategy is important to the UX profession as a whole and to us as UX professionals.
User Experience & Design…Designing for others…UEDPreeti Chopra
The document discusses user-centered design (UCD) and its multistage process of analyzing how users will interact with a product. It outlines the key phases of UCD - analysis, design, implementation, and deployment. It then provides descriptions and definitions of many important concepts in user experience design, human-computer interaction, and usability testing.
How UX Evolves at Companies: A New Look at Maturity Modelsrbuttigl
User experience design involves many skill sets and methods but companies don't always have staff with the right expertise or placed in dedicated user experience roles. This puts product designs at risk, especially in competitive markets. In an effort to advance user experience design to minimize taking risks with design, several maturity models were published that explain the different phases of corporate UX maturity.
I have surveyed several user experience maturity models, identified the most important information, enhanced with my own experiences and simplified the delivery using a light hearted, easy to understand metaphor - an evolution scale. Each evolution level defines what methods are typically used, who typically does "design" at that level and most importantly what is needed to evolve to the next level.
This infographic is a valuable tool to educate different development teams where they are in the user experience spectrum as well as outline what they need to do to evolve. It also helps to educate executives to set realistic expectations that this is a process that takes time and to help gain their support by plotting your competition on the same scale.
This document discusses user experience (UX) maturity models and provides strategies for improving organizational UX maturity. It begins by defining UX and listing the many skills and standards involved. It then examines several UX maturity models that assess UX practices and integration on different levels or dimensions. Common challenges to UX maturity include lack of executive support, centralized functions, strategy, resources and process integration. Solutions include conducting a UX maturity assessment, gaining executive sponsorship, establishing UX processes, budgets, communities, standards, training and infrastructure to better integrate and leverage UX practices across an organization.
An introduction to UX methods and artifacts for integration into an agency waterfall model. This deck focuses on some basics fundamentals and acts as a primer to encourage entrenched departments to engage with UX.
This document provides an overview of Danforth Media, a 7-year-old user experience design strategy firm. It outlines the founder's 20 years of experience in software design and user research. It also describes Danforth Media's process, which includes discovery, user research, design, implementation, user testing, and post-project support phases. The goal is to iteratively design products through a user-centered lens.
UX STRAT USA: Beverly May, "Moving Your Team From Good To Great UX"UX STRAT
This document summarizes insights from 5 years of the UX Awards, which honors exceptional user experience design. It discusses how UX teams can move from good to great by following 9 common factors of good UX like clearly identifying user needs. It also identifies 9 factors of exceptional UX, such as addressing business/technical concerns beyond UX and having impressive real-world impact or adoption. The document analyzes hundreds of past submissions to identify trends over time, finding experience and following best practices are correlated with winning. The goal is to inspire teams to achieve exceptional UX.
This was a presentation made to Refresh Boyne in which Patrick discusses why User Experience design can fail. How not to engage with UX teams. Too often UX is done last or it's a rubber stamp step - especially around accessibility. That's when it fails. Patrick will show how to get it right.
Is User Centered Design a buzzword, a technique, or a methodology? Why does "UCD" get so much attention? How has it changed how teams approach web application usability efforts? Is UCD right for you?
1. User Centered Design: Evolving from Dot-Com to Web 2.0
2. Why UCD? (Development, Business, Design benefits)
3. Development process: UCD vs. Agile vs. Waterfall
4. Case Studies: User Centered Design success stories
5. Is UCD right for you?: Planning a UCD process for your product
6. Q & A
UX maturity - how do you develop the UX practice in your organisationMargaret Hanley
The document discusses UX maturity models and how to assess the maturity of a UX practice within an organization. It presents several UX maturity models proposed by experts over time, focusing on the model by Jennifer Fraser and Scott Plewes from 2015. Their model measures UX maturity based on three factors: the timing of initial UX work, availability of UX resources, and UX leadership and culture. The document provides examples of assessing UX maturity scores for different organizations at different points in time. It includes an activity where readers assess their own organization's current UX maturity, goals for 18-24 months, and propose tactical and strategic actions to achieve those goals.
This document provides an overview of key user research methods including field studies, user personas, card sorting, prototyping, usability testing, and customer journey maps. It discusses why user research is important for understanding users, identifying needs and opportunities, and aligning products with user goals. Specific methods are described like field studies to learn from observing users in context, card sorting to understand user mental models and priorities, and prototyping to quickly test designs with users. The document encourages testing designs frequently with users to foster innovation and highlights that the user research process is more critical than any specific tool.
Many analyses of developing compelling user experiences (UX) involve a theoretical understanding of key UX principles. However in this webinar, Belatrix´s UX experts Barbara Lipinski and Bruno Vilches, will provide a practical step-by-step guide through the UX process which we use at Belatrix. We will provide a case study of how we applied this process to a product.
What you will takeaway from this webinar:
* The principles and fundamentals underlying UX
* How to practically apply these principles to create a UX process
* Case study and our key learnings from applying the UX process
Sridhar Dhulipala's design portfolio spans 25 years working in various sectors. At Ekstep, a nonprofit digital education platform, he oversaw user experience design including research, managing design teams, and served on the core management team from 2015 to 2018. Prior to that, he co-founded a big data startup that developed several award-winning products. Earlier in his career, he was the first designer at Infosys and helped establish design practices, working on various products from 1995 to 2006. He has also consulted for startups and large enterprises and conducted design workshops.
The document discusses integrating UX into Agile environments through four case studies:
1) A large government agency with distributed teams employs UX research 1-2 sprints ahead of development. This steady flow of research allows for fewer assumptions.
2) An oil and gas company splits UX efforts between future sprints and supporting the current sprint. This allows UX to be responsive but makes usability research difficult.
3) An early startup incorporates UX into its Scrum process through wireframes ahead of sprints and detailed design within sprints. Regular user feedback is established.
4) Common challenges across the cases include balancing work ahead of sprints versus within sprints and ensuring big picture assumptions
Institutionalization of user experience chaitanya inamdarapgionline
The document discusses institutionalizing user experience and design thinking approaches within an agile software development process at Siemens Technology and Services Pvt Ltd. Research found gaps in incorporating user and design perspectives in requirements. Initiatives were started to introduce UX processes and train people. An iterative UX process was developed aligned with SAFe principles. Over time, the process was formalized and supported more projects, and designathon events helped increase awareness and find champions. Further work is needed to standardize templates and fully institutionalize the approach.
User Experience professionals are commonly called upon to fix a problematic design or help drive product enhancements. There is a wealth of research methods to help assess the success of an existing interface. But what about the early phases of a new product or concept? Do these same methods still apply? How can you best tailor your approach to gather useful input when your product and/or company are still in the formative stages?
For this presentation, Dorothy M. Danforth will discuss various low overhead, high-impact research methods available to Web Designers and UX professionals when creating new products, scenarios for when and how to use these methods, as well as general insights on how to get the most out of early stage R&D processes. Some illustrative examples and ideas from past product-concept research efforts will be provided.
Talking points to include:
• considerations when developing a UX focused research plan for a new product or concept
• how brand and corporate culture can impact and possibly drive interface decisions
• how the research process can identify organizational knowledge gaps (and vice versa)
• integrating UX research within the creative (visual design) and engineering processes
The UX Strategy team presented a strategy for improving user experience across the organization. They outlined steps to define the scope of the UX strategy, align it with business strategies and IT functions, organize the governance structure and guide adoption. The strategy includes focusing on user experience, developing persona groups, using an experience first model with user stories and prototypes, and introducing new technology patterns and tools. The team proposed next steps to further align the strategy, organize the governance structure, and transform the organization through staff training and development.
This document outlines an approach to design called "design as one". It advocates that designers should not see themselves as the sole owners of user experience but rather as enablers who work as part of a learning team. The key aspects of this approach include asking users questions, listening to their perspectives, and thinking critically as a team to gain insights and make evidence-based decisions. By facilitating collaboration and ensuring everyone's voices are heard, designers can help create synergy across teams and lead users to the best solutions. Ultimately, this framework is meant to apply not just to designers but to working as one cohesive unit to achieve shared goals.
Building And Managing Successful Ux TeamsRod Farmer
Presentation to the ARK Online User Experience Conference. Provides an overview of how to build and manage successful User Experience teams through planning, leadership, and organisational influence. More specifically, this presentation argues that greater quality and org influence do NOT come through focusing on better research and design skills ...
This document discusses challenges with integrating user experience (UX) work into agile software development processes and proposes solutions. It describes how UX deliverables like research and design work do not always fit neatly into short agile sprints. It then recommends integrating UX by tracking work in a UX Innovation (UXI) matrix, emphasizing UX priorities through information radiators, and involving users early and often to define requirements.
- what is UX?
- why is it important?
- a brief history and future of UX
- general ux principles
- enterprise ux
- ux project approach
- ui design principles
- ux tools
User Experience Design (UX) is a hot term in software these days, but as a relatively new and evolving field there has been confusion as to what this discipline entails and how it relates to other design practices. In this talk, Dorothy will provide an overview of current user experience design and research best practices, touch on how these methods have evolved in recent years, and discuss what many practitioners believe to be core philosophies behind "User Experience Design" as an approach to software design. In addition, Dorothy will walk through a software product lifecycle using case study examples to illustrate how common UX methods can be leveraged to improve a product. The presentation will be followed by an open discussion about where User Experience Design methods parallel or counter other human factors and ergonomics practices.
Takeaways - Participants will walk away with a clear understanding of User Experience Design as a practice, an overview of current methods, and insight into how these practices might relate to broader human factors and ergonomics approaches.
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUXBERT
Presentation slides from UXBERT's monthly UX & Design meetups in Riyadh, Saudi Arabia on February 28th. In this session we covered the UX process, business benefits of UX and an overview of Jakob Nielsen's 10 Usability Heuristics.
What UX is, how it works and why it matters. Train your teams to recognize and strengthen the links between customer experience indicators and your overall business performance. Learn how to work with your customers to design successful products, services and experiences.
This document provides an overview of Danforth Media, a 7-year-old user experience design strategy firm. It outlines the founder's 20 years of experience in software design and user research. It also describes Danforth Media's process, which includes discovery, user research, design, implementation, user testing, and post-project support phases. The goal is to iteratively design products through a user-centered lens.
UX STRAT USA: Beverly May, "Moving Your Team From Good To Great UX"UX STRAT
This document summarizes insights from 5 years of the UX Awards, which honors exceptional user experience design. It discusses how UX teams can move from good to great by following 9 common factors of good UX like clearly identifying user needs. It also identifies 9 factors of exceptional UX, such as addressing business/technical concerns beyond UX and having impressive real-world impact or adoption. The document analyzes hundreds of past submissions to identify trends over time, finding experience and following best practices are correlated with winning. The goal is to inspire teams to achieve exceptional UX.
This was a presentation made to Refresh Boyne in which Patrick discusses why User Experience design can fail. How not to engage with UX teams. Too often UX is done last or it's a rubber stamp step - especially around accessibility. That's when it fails. Patrick will show how to get it right.
Is User Centered Design a buzzword, a technique, or a methodology? Why does "UCD" get so much attention? How has it changed how teams approach web application usability efforts? Is UCD right for you?
1. User Centered Design: Evolving from Dot-Com to Web 2.0
2. Why UCD? (Development, Business, Design benefits)
3. Development process: UCD vs. Agile vs. Waterfall
4. Case Studies: User Centered Design success stories
5. Is UCD right for you?: Planning a UCD process for your product
6. Q & A
UX maturity - how do you develop the UX practice in your organisationMargaret Hanley
The document discusses UX maturity models and how to assess the maturity of a UX practice within an organization. It presents several UX maturity models proposed by experts over time, focusing on the model by Jennifer Fraser and Scott Plewes from 2015. Their model measures UX maturity based on three factors: the timing of initial UX work, availability of UX resources, and UX leadership and culture. The document provides examples of assessing UX maturity scores for different organizations at different points in time. It includes an activity where readers assess their own organization's current UX maturity, goals for 18-24 months, and propose tactical and strategic actions to achieve those goals.
This document provides an overview of key user research methods including field studies, user personas, card sorting, prototyping, usability testing, and customer journey maps. It discusses why user research is important for understanding users, identifying needs and opportunities, and aligning products with user goals. Specific methods are described like field studies to learn from observing users in context, card sorting to understand user mental models and priorities, and prototyping to quickly test designs with users. The document encourages testing designs frequently with users to foster innovation and highlights that the user research process is more critical than any specific tool.
Many analyses of developing compelling user experiences (UX) involve a theoretical understanding of key UX principles. However in this webinar, Belatrix´s UX experts Barbara Lipinski and Bruno Vilches, will provide a practical step-by-step guide through the UX process which we use at Belatrix. We will provide a case study of how we applied this process to a product.
What you will takeaway from this webinar:
* The principles and fundamentals underlying UX
* How to practically apply these principles to create a UX process
* Case study and our key learnings from applying the UX process
Sridhar Dhulipala's design portfolio spans 25 years working in various sectors. At Ekstep, a nonprofit digital education platform, he oversaw user experience design including research, managing design teams, and served on the core management team from 2015 to 2018. Prior to that, he co-founded a big data startup that developed several award-winning products. Earlier in his career, he was the first designer at Infosys and helped establish design practices, working on various products from 1995 to 2006. He has also consulted for startups and large enterprises and conducted design workshops.
The document discusses integrating UX into Agile environments through four case studies:
1) A large government agency with distributed teams employs UX research 1-2 sprints ahead of development. This steady flow of research allows for fewer assumptions.
2) An oil and gas company splits UX efforts between future sprints and supporting the current sprint. This allows UX to be responsive but makes usability research difficult.
3) An early startup incorporates UX into its Scrum process through wireframes ahead of sprints and detailed design within sprints. Regular user feedback is established.
4) Common challenges across the cases include balancing work ahead of sprints versus within sprints and ensuring big picture assumptions
Institutionalization of user experience chaitanya inamdarapgionline
The document discusses institutionalizing user experience and design thinking approaches within an agile software development process at Siemens Technology and Services Pvt Ltd. Research found gaps in incorporating user and design perspectives in requirements. Initiatives were started to introduce UX processes and train people. An iterative UX process was developed aligned with SAFe principles. Over time, the process was formalized and supported more projects, and designathon events helped increase awareness and find champions. Further work is needed to standardize templates and fully institutionalize the approach.
User Experience professionals are commonly called upon to fix a problematic design or help drive product enhancements. There is a wealth of research methods to help assess the success of an existing interface. But what about the early phases of a new product or concept? Do these same methods still apply? How can you best tailor your approach to gather useful input when your product and/or company are still in the formative stages?
For this presentation, Dorothy M. Danforth will discuss various low overhead, high-impact research methods available to Web Designers and UX professionals when creating new products, scenarios for when and how to use these methods, as well as general insights on how to get the most out of early stage R&D processes. Some illustrative examples and ideas from past product-concept research efforts will be provided.
Talking points to include:
• considerations when developing a UX focused research plan for a new product or concept
• how brand and corporate culture can impact and possibly drive interface decisions
• how the research process can identify organizational knowledge gaps (and vice versa)
• integrating UX research within the creative (visual design) and engineering processes
The UX Strategy team presented a strategy for improving user experience across the organization. They outlined steps to define the scope of the UX strategy, align it with business strategies and IT functions, organize the governance structure and guide adoption. The strategy includes focusing on user experience, developing persona groups, using an experience first model with user stories and prototypes, and introducing new technology patterns and tools. The team proposed next steps to further align the strategy, organize the governance structure, and transform the organization through staff training and development.
This document outlines an approach to design called "design as one". It advocates that designers should not see themselves as the sole owners of user experience but rather as enablers who work as part of a learning team. The key aspects of this approach include asking users questions, listening to their perspectives, and thinking critically as a team to gain insights and make evidence-based decisions. By facilitating collaboration and ensuring everyone's voices are heard, designers can help create synergy across teams and lead users to the best solutions. Ultimately, this framework is meant to apply not just to designers but to working as one cohesive unit to achieve shared goals.
Building And Managing Successful Ux TeamsRod Farmer
Presentation to the ARK Online User Experience Conference. Provides an overview of how to build and manage successful User Experience teams through planning, leadership, and organisational influence. More specifically, this presentation argues that greater quality and org influence do NOT come through focusing on better research and design skills ...
This document discusses challenges with integrating user experience (UX) work into agile software development processes and proposes solutions. It describes how UX deliverables like research and design work do not always fit neatly into short agile sprints. It then recommends integrating UX by tracking work in a UX Innovation (UXI) matrix, emphasizing UX priorities through information radiators, and involving users early and often to define requirements.
- what is UX?
- why is it important?
- a brief history and future of UX
- general ux principles
- enterprise ux
- ux project approach
- ui design principles
- ux tools
User Experience Design (UX) is a hot term in software these days, but as a relatively new and evolving field there has been confusion as to what this discipline entails and how it relates to other design practices. In this talk, Dorothy will provide an overview of current user experience design and research best practices, touch on how these methods have evolved in recent years, and discuss what many practitioners believe to be core philosophies behind "User Experience Design" as an approach to software design. In addition, Dorothy will walk through a software product lifecycle using case study examples to illustrate how common UX methods can be leveraged to improve a product. The presentation will be followed by an open discussion about where User Experience Design methods parallel or counter other human factors and ergonomics practices.
Takeaways - Participants will walk away with a clear understanding of User Experience Design as a practice, an overview of current methods, and insight into how these practices might relate to broader human factors and ergonomics approaches.
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUXBERT
Presentation slides from UXBERT's monthly UX & Design meetups in Riyadh, Saudi Arabia on February 28th. In this session we covered the UX process, business benefits of UX and an overview of Jakob Nielsen's 10 Usability Heuristics.
What UX is, how it works and why it matters. Train your teams to recognize and strengthen the links between customer experience indicators and your overall business performance. Learn how to work with your customers to design successful products, services and experiences.
The document discusses various topics related to UI/UX design including design principles, tools, methodologies, and best practices. It provides an overview of strategies like the 5S approach to design, user-centered design processes, wireframing and prototyping tools. It also discusses specific design topics such as responsive design, material design, use of icons, fonts, and color palettes. Comparisons are made between approaches like native vs. hybrid apps and adaptations vs. responsiveness. Career goals, responsibilities and qualifications for UI/UX roles are also outlined.
UX design encompasses all aspects of a user's experience with a product including the interface, graphics, and physical interaction. It aims to make interfaces intuitive and user-friendly. The UX design process involves understanding user and business goals, conducting research and usability testing to identify problems, designing wireframes and prototypes, and iterating based on feedback. Key principles for good UX include simplifying information architecture, using navigation and visual elements effectively, anticipating errors, and making content and tasks clear for very busy users. UX benefits business through improved usability, efficiency, and customer satisfaction.
The document provides an overview of user experience (UX) design. It begins with definitions of key terms like user experience, user interface, and discusses the difference between the two. It then covers UX design processes and methods like creating personas, user flows, user stories, information architecture, prototyping, usability testing and more. The document emphasizes that UX design should be integrated throughout the entire product development lifecycle from ideation to deployment. It also discusses best practices for integrating UX design into agile development processes.
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX DesignSrijan Technologies
Speaker: Baruch Sachs, Senior Director UX, PegaSystems
Baruch dives into the intricacies of Enterprise UX design. We will get a good look at the opportunities that exist and the unique challenges that accompany enterprise UX today, with specific focus on how to solve these challenges in project implementation.
Baruch shares some key pointers on strategic vs. tactical UX design, user story vs. job story, and also some tricks to get enterprise stakeholders to agree to a uniform and intelligent UX design.
UX & UI Design behind SDL’s Customer Experience CloudPhilipp Engel
This slide deck illustrates the journey SDL’s user experience design community went through over the course of the last few years. As part of that process, UX design thinking proved to be an invaluable transformational element and an innovational catalyst in transforming a set of disconnected and separate products into one consistent service offering, the SDL Customer Experience Cloud. More at http://www.sdl.com/cxc
During this Morgenbooster, we will dive into the understanding of digital design systems, and why they have become increasingly popular.
What are they? How do they work? What will you gain from building one? And last, but not least we will take you through a couple of tangible experiences and journeys of building such a system.
Throughout the talk we will be sharing experiences from both a design and development perspective.
And hopefully we will all have the feeling of getting one step closer to a design system, which meets all the requirements in modern digital design. A system where all services, assets and communications are designed from one central place to evoke both emotions in a coherent brand experience and support the functional necessities of today’s dynamic business strategies.
Design Systems: Designing out Waste, Designing in ConsistencyEqual Experts
Design Systems help modern innovative companies build new software quickly without waste and with a consistent look and feel.
They are the single source of truth to allow the teams to design, realise and develop a product.
From our work with Design Systems for Equal Experts' clients we have many learnings to share about benefits and risks and what needs to be overcome to get a system live and adopted.
SPEAKER: David Hawdale. Product and UX person at Equal Experts.
Contact www.equalexperts.com
Contact David: david.hawdale@hawdale-associates.co.uk
This document discusses user-centered design and the roles of web designers. It explains that web designers encompass skills in graphic, UI, and UX design. The standard web development process involves planning, design, production, and launch. Planning includes defining user needs through research and analysis. Design involves wireframes, prototypes, and visual design. UX design focuses on ensuring a positive user experience through attributes like usability, ease of use, and minimizing errors. The goal of user-centered design is to optimize products around how users want to use them rather than forcing users to change behavior.
The document discusses responsive web design (RWD) and outlines a process for collaboratively designing responsive websites. It begins with conducting research to understand user needs and business goals. A single requirements document is created without specifying solutions. User flows, templates, modules, and styles are developed through an iterative process of prototyping, testing, and refinement. Development is broken into sprints with collaboration between business, UX, visual, and development teams throughout.
Samar Pal has over 8 years of experience in UX and UI design. She creates wireframes, process flows, and visual design mockups to conceptualize product interactions. She keeps up with design trends and assists with usability and accessibility standards. She has experience with UI design for websites, mobile apps, and software in various technologies such as HTML, CSS, Java, and Flex. She also conducts user research, prototyping, and gathers user feedback.
Intelligent Design - Transitioning UX into UI Michelle Reyes
Users are infinitely more complex today because technology has become so readily accessible. In order to gain any kind of foothold, designing a system has to be approached with the same intricacy and diversity as one's desired target demographic.
User Experience Design has brought strategy to the forefront of any system build, and User Interface Design marries that practicality with aesthetically pleasing creations all with the end user top of mind.
This presentation seeks to give an overview of the two design methods and the process of how to go from brainstorming to realization.
WinkTales Creative Solutions Bangalore UI UX Design Portfolio Vinumon S
WinkTales Creative Solutions Pvt. Ltd. (founded 2012) helps companies communicate effectively with all its stakeholders including customers, employees and vendors. We have been applauded by clients for the quick turn-around time, out-of-the-box thinking & commitment to clients’ business goals. We have been able to carve our niche in Advertising, Design and Communication
UI UX Design for Android and IOS Apps, Websites
101 Startups UX. Every aspect of the user's interaction with a product, service or company that make up the user's perceptions of the whole. User experience design as a discipline is concerned with all the elements that together make up that interface, including layout, visual design, text, brand, sound, and interaction. UX works to coordinate these elements to allow for the best possible interaction by users.
Why Does A Start-Up Need A UX Designer?
How Does A UX Designer Work?
Incorporating UX Design At Your Startup
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...UX STRAT
Presentation at UX STRAT 2015 by Tim Klauda, Vice President of Global Digital Creative, Walt Disney Parks & Resorts; and Mike Hubler, User Experience Program Manager, Northrop Grumman Corporation
The document provides an agenda for a user centered design 101 web seminar. It will cover what user centered design is, why it is important, how it compares to other development methodologies, case studies of successful user centered design implementations, and whether it is suitable for the audience's products. The speaker is an expert in user experience design with over 10 years of experience leading a usability design research firm.
The document provides an agenda for a user centered design 101 web seminar. It will cover what user centered design is, why it is important, how it compares to other development methodologies, case studies of successful user centered design projects, and whether it is suitable for the audience's products. The speaker is an expert in user experience design with over 10 years of experience leading a usability design firm.
User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3Aravind Rajagopalan
This document provides an overview of a web seminar on User Centered Design 101 presented by Frank Spillers. The seminar agenda covers what UCD is, why it is important, how it relates to development methodologies like Agile and waterfall, case studies of UCD success, and how to plan a UCD process. The seminar is intended to provide an introduction to UCD principles and practices.
Lavacon 2010: Stop Documenting and Start Designing - Smith & AschwandenJames Smith
Presented at LavaCon 2010 in San Deigo: Learn how to stop “documenting a product” and start “designing information” so that needed information is presented to users where/when it’s needed.
Similar to User Interface Design Style Guides are not dead, the just smell funny (20)
USECON MuC 2018: User Integration im agilen UmfeldUSECON
Drei unterschiedliche Vorgehensweisen werden präsentiert, die sich in der Art der Erhebungsmethode, der Form der Dokumentation und der Ergebnisverarbeitung im agilen Umfeld unterscheiden. Zudem werden ihre Voraussetzungen und Anwendungsbereiche diskutiert, da sich selbstverständlich nicht jede Methode oder Verarbeitung für jedes Projekt oder jede Entwicklungsstufe im Projekt eignet.
RoX 2017 - Can Security and User Experience coexist?USECON
Speaker: Scott Miller, Section Head-Development Section, Department of Safeguards (IAEA)
Security decisions are often done without considering the end-user impact. Will a security procedure be followed by an end-user or in the interest of time and effort will it be avoided? Should our effort be on motivating end-users to follow security procedures? Or can we improve the user experience to support good security habits? How do we get security professional and designers working toward a common goal? This talk will try to answer some of these questions.
RoX 2017 - Customer Experiencing: Community Design ThinkingUSECON
Speaker: Stephanie Ogulin, Head of Customer Experience Design und Sales (ambuzzador GmbH)
Digitalisierung verlangt strukturellen Change: hin zur Maßanfertigung – um über die Motive persönliche Kundenansprache zu erreichen. Jedoch: Die gängige Null-Fehler-Kultur bietet null Spielraum zum Ausprobieren und Lernen. Design Thinking muss aus geschützten Wochenendworkshops in den Alltag.
Social Media dient dabei als „goldener 24/7 Draht“ zur Community und bietet DIE Chance, tagtäglich zu lernen und Lösungen zu testen: Was treibt die Community an, was motiviert sie? Wie lassen sich Interaktion und Nachfrage stimulieren?
Speaker: Michael Bechinie, Head of Experience Design (USECON)
Ein schöner Blick vom Berggipfel ins Tal, lässt uns den anstrengenden Aufstieg fast vergessen. Eine gute Tasse Tee macht uns wohlig warm an einem klirrend kalten Wintertag. Ein Lächeln lässt Ärger vergessen. Ein schöner Platz in der Stadt, lädt uns an einem stressigen Tag zum Verweilen ein. Allen Beispielen gemeinsam ist – sie rufen positive Stimmung bei Menschen hervor. Warum uns die motiviert und über Designprobleme hinwegsehen lässt, das ist Thema im Talk von Michael Bechinie.
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...USECON
Speaker: Beatrix Wais-Zechmann, Scientist (AIT – Center for Technology Experience)
Wer hat nicht schon einmal Technologie zur Aufzeichnung der eigenen Daten verwendet? Tracking-Apps wie Runtastic boomen, jedoch verleiten sie Menschen oftmals nur zu kurzzeitigen Motivations-Hochs und werden nach einigen Wochen kaum noch beachtet. Digitale Motivation funktioniert, die Herausforderung besteht jedoch darin, Menschen langfristig zu einem gesünderen Verhalten zu motivieren, sodass eine Verhaltensänderung stattfinden kann. In diesem Vortrag werden verschiedene persuasive Ansätze präsentiert und gezeigt, dass die heutigen Technologien lange nicht alle Möglichkeiten ausgeschöpft haben. Weiters wird der wissenschaftliche Stand des Zusammenhangs von Persuasiven Strategien und unterschiedlichen Persönlichkeitstypen beleuchtet und diskutiert, wie dies in technischen Systemen im Sinne einer Personalisierung genutzt werden kann.
Michael Steingress - More than Metrics
Service Design Thinking ist in aller Munde. Nur wie sieht es mit Service Design Doing aus? Nach den Basics zu Customer Journey Mapping (Personas, Stakeholder Maps, Journey Maps) lernen die Teilnehmer verschiedene Ansätze kennen, selbst (interne und externe) Workshops co-kreativ und zielgerichtet zu gestalten.
Exemplarisch werden dabei Methoden u.a. zu Storyboarding oder der Implementierung von externem Feedback gezeigt, welche die Workshop-Teilnehmer in kleinen Gruppen auch direkt ausprobieren werden.
Gesteigerte Employee Experience durch mobile EthnographieUSECON
Markus Murtinger (USECON) und Katharina Rainer (MoreThanMetrics) präsentierten bei der diesjährigen Mensch-Computer-Konferenz in Regensburg „Gesteigerte Employee Experience durch mobile Ethnographie“.
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON
Everyone working in Artificial Intelligence (AI)/chatbots, has the opportunity to further develop technology which will affect the future of especially finance/payment, transport and health. The main question is how human-like‘ these solutions will need to be (if at all) in order to be adopted. And how will the future of employment look like?
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON
Inhalte:
• Theoretische Grundlagen: Definition von Begrifflichkeiten, Abgrenzbarkeiten sowie geschichtliche Entwicklung von AR, VR, MR
• Show Case: Verschiedene VR/AR Devices und deren Funktionalitäten
• Vielseitige B2B und B2C Anwendungspotentiale anhand verschiedener Use Cases aus der Praxis
• High- vs. Low-Cost Virtual Reality Technologien - Welche Technologie für welchen Zweck?
• Diskussionsrunde: Potentiale der Zukunft
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON
Gemeinsam mit indoo.rs wird USECON im ersten Teil unserer Webinar Reihe 2017, welche auf Definition & Anwendung technologischer und forschungsorientierter BuzzWords abzielt, das Thema "Indoor Navigation" aus unterschiedlichen Perspektiven gemeinsam beleuchten.
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON
Speaker: Agnieszka M. Walorska (Geschäftsführerin von Creative Construction Heroes)
2015 war von einer beispiellosen Dynamik auf dem Gebiet der künstlichen Intelligenz (Artificial Intelligence/AI) gekennzeichnet. Und zwar nicht nur aus der technologischen Perspektive – AI wird zu einem der wichtigsten Tools für die UX-Designer. Sie kann die Interaktion mit Maschinen „menschlicher“ gestalten und sie nahtlos in unser Leben integrieren.
Aber gibt es da auch eine Kehrseite? Wird die künstliche Intelligenz das Ende des Designs und der Designer wie wir sie kennen?
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON
Speaker: Marc Busch (Scientist im AIT)
User Experience wird oft durch eine reine Design-Brille und als Aufgabe von Agenturen, Marketing- oder Kommunikationsberatungen oder -abteilungen in Unternehmen verstanden. User Experience ist durch die zunehmende Digitalisierung unseres Lebens nicht nur überall, sondern auch mehr als Design. Es ist ein interdisziplinäres wissenschaftliches Feld mit mächtigen Methoden und Instrumenten, um das menschliche Erleben und Verhalten zu erfassen, zu modellieren und – vor allem – vorherzusagen. In der Beschreibung, Modellierung und Vorhersage von User Experience wurden vor allem Ansätze zu Produkt-, Service-, und Technologieakzeptanz beleuchtet. Diese Ansätze erlauben es, auf Basis von empirischen Daten, die zukünftige Nutzung und das zukünftige Erleben eines Produktes, eines Services oder einer Technologie vorherzusagen und damit den Entwicklungsprozess zielsicher zu steuern.
In diesem Vortrag wird der wissenschaftliche Zugang zu User Experience und Acceptance im digitalen Wandel beleuchtet und Möglichkeiten präsentiert, wie sich Unternehmen dieses Wissen zu Nutze machen können.
USECON RoX2016: Creating the ultimate last-mile experienceUSECON
Speaker: Christian Adelsberger (Geschäftsführer und Founder von Parkbob)
Sie haben Ihr Ziel erreicht” hören wir oft von unserem Navigationsgerät oder Smartphone. In den seltensten Fällen steigen wir dann direkt aus dem Auto aus. Parkbob arbeitet daran, die letzte Meile im Auto nahtlos zu gestalten und den Nutzern damit Zeit, Geld und Nerven zu sparen.
Wie werden Nutzerwartungen miteinbezogen? Wird das Service auch wirklich genutzt? Wie können wir das mit unseren begrenzten Ressourcen angehen? Ein Beispiel, wie ein Start-up mit diesen Fragen umgeht.
Speaker: Michael Bechinie (Head of Experience Design USECON)
Grenzüberschreitungen wohin man blickt: nicht nur Experten und Wissenschaftler, auch Amateure können jetzt mit IT, Physik und Biologie auf professionellem Niveau experimentieren. Unternehmen bieten innovative, leistbare Möglichkeiten an, um komplexe Themengebiete Nicht-Experten zugänglich zu machen und die Experimentierfreude zu wecken. Arduino und Raspberry Pi haben es vorgemacht; neue Unternehmen wie CEED, Consumer Physics und Bento Bioworks zeigen Wege auf, Menschen zu begeistern. Allen vorgestellten Beispielen gemeinsam, ist der Aufruf zu Grenzüberschreitungen: Themenmix vom Produkt über die Plattform bis zur Community – professionell, verständlich und mit gutem Experience Design.
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON
Speaker: Andreas Jakl (Mobility Expert bei Tieto) & Florian Leiler (Head of Sales bei indoors) & Markus Murtinger (Director Consulting & Sales bei USECON)
Wo befindet sich der Raum 08/15? Wie komme ich in den „gelben Bereich“ der Parkgarage? Welche Meetingräume entsprechen meinen Anforderungen? Und v.a.: wie löse ich all diese Fragestellungen, ohne Mitarbeiter und Besucher orientierungslos in den unendlichen Hallen meines Gebäudes zu verlieren?
indoors, Tieto und USECON haben sich im Rahmen einer Innovationsausschreibung zu dem Thema „Raumbuchung und Orientierung“ genau diesen Fragen der (Indoor-) Navigation gestellt.
Wir dürfen Ihnen in dieser Präsentation ein Best Practise Beispiel vorstellen: eine Lösung mit einer positiven User Experience und einer hohen Benutzerfreundlichkeit, die dabei intelligent mit der Orientierung innerhalb eines Gebäudes verknüpft ist und so ein komplett neues Service für Besucher, Organisatoren, Management und Mitarbeiter bietet.
USECON RoX2016: Agile & User Experience - Crossing Borders?USECON
Speaker: Christoph Schmiedinger (Management Consultant bei Boris Gloger Consulting)
Ein Grundprinzip agiler Methoden ist die kontinuierliche Einbindung der zukünftigen User, um an Hand von deren Feedback das Produkt weiter zu entwickeln. Um die aktuelle Digitalisierungsoffensive erfolgreich zu gestalten, ist es notwendig, diese regelmäßige Einbindung noch viel intensiver zu forcieren, als dies bisher in der Praxis der Fall ist. Nur so werden die Unternehmen von heute die modernen Lösungen von morgen mitgestalten können.
Freuen Sie sich auf einen erfrischenden Vortrag über das „Grenzgebiet“ von User Experience und agilen Methoden wie Scrum.
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON
Speaker: Christoph Korherr (Executive Assistant to SVP Operations bei Flughafen Wien AG) & Werner Jordan (Head of Experience Consulting bei USECON)
Die Verlagerung von Prozessen, weg von der vor Ort Terminal-gebundenen Infrastruktur, hin zu digitalen Services, bietet im Bereich Aviation zahlreiche Möglichkeiten. Der Flughafen Wien setzt hier einige Schwerpunkte, um die Qualität seiner Angebote, aber auch – durch die zunehmende Individualisierung – den Komfort der Reisenden zu erhöhen.
Wo, wenn nicht dort, wo viele Reisen beginnen oder enden, ist das positive Kundenerlebnis (Customer Experience) so wichtig, wie am Flughafen.
USECON RoX2016: An Grenzen stoßen - Real & DigitalUSECON
Speaker: Bayram Cigci (Berater für den Blinden- und Sehbehindertenverband Wien, NÖ, Burgenland) & Bettina Zillinger (Experience Consultant bei USECON)
Bayram Cigci kann aus Erfahrung sprechen: tagtäglich stößt er als blinder Mensch an Grenzen, die sehende oft nicht wahrnehmen. Sei es im realen Leben oder in der digitalen Umgebung: ein Gebäudeleitsystem, schlechte Alternativtexte für Bilder und Grafiken im Web oder Stolperfallen im öffentlichen Raum. Allein ein Supermarkteinkauf kann in vielerlei Hinsicht ein Hürdenlauf ohne Ende werden.
Welche Barrieren existieren, wie man sie vermeiden kann und welche Innovationen die Mensch-Maschine-Forschung (Human Computer Interaction) bereit stellt, erklären Ihnen in Bayram Cigci und Bettina Zillinger – Accessibility Expert bei USECON – anhand einiger, aus dem Leben gegriffenen, Fallbeispielen.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
User Interface Design Style Guides are not dead, the just smell funny
1. Usability User Experience User Interface Design
User Interface Design
Style Guides are Not Dead
THEY JUST SMELL FUNNY
Michael Bechinie | Head of Experience Design | bechinie@usecon.com
#UXPA2017 | uxpa2017.org
#UIDSG
5. • New technique > bentwood
• One distinct style > variations
• Industrial production process
• Very successful business
• By 1930 Thonet had sold 50 million chairs
A solid construction plan, a style
guide and an effective production
process led to a successful business.
Thonet – a modern design company
#UIDSG 5Source: didatticarte.it
7. • Todays' business world consists of omni-channel
applications (web, mobile, POS, appliances, …)
• Especially business applications have mostly
web-frontends
• Many different tools out to document patterns,
based on code (HTML, CSS, JS)
Complex application ecosystem
#UIDSG 7Source: Bechinie
9. • Often “good” screen and flow based interaction
patterns are not in place > nothing to be
documented
• Corporate and web style guides lack of
elements > not appropriate for applications
• Applications of today are extensive > prone to
inconsistencies
• Distributed projects and teams > communication
gaps
Cope with incomplete and
inconsistent design documentation.
Shortcomings in design management
#UIDSG 9Source: Pexels
10. • Dependence on UX / Design mindset of the
client > hostile attitude
• Will take a lot of time > (missing) budget?
• Added value is often not seen by the client
• Challenges of developing “modern” applications
within (IT) constraints
E.g. legacy IT-frameworks > based on classical web-forms,
interactions were designed with (necessary) server
roundtrips in mind
Mix of legacy system with current frameworks, like JFS (Java
Server Faces)
Style guide (SG) challenges
#UIDSG 10Source: Pexels
11. Benefits of SGs for different groups
Users Developers Business
End Users
More consistency leads to
reduced errors
Less frustration
Increased morale
Improved efficiency
Increased confidence
Reduced resistance to new
technology
#UIDSG 11Source: Gale 1996
Developers
Maintain control over
look and feel
Minimize reinvention
Capitalize on learning
Enable production of
reusable software
Reduce development time
Reduce arbitrary
design decisions
Business
Produce usable systems that
reduce support costs and
increase user satisfaction
Increase market awareness
Increase product awareness
Reduce training costs
Improve staff retention
Increase user acceptance of
new systems
14. • Platform style guide (e.g. mobile, web, GUI,…)
• Corporate style guide (colours, typography, logo,
brand)
• Application family style guide (products within a
certain group of products)
• Application style guide (single application)
• Web style guide (for websites: contend focused,
pixel perfect)
• Development framework style guide (e.g.
bootstrap)
• Service design style guide (processes)
Style guide ≠ Style guide
Each SG type has a different goal
#UIDSG 14
15. Let’s focus on User Interface
Design Style Guides – UIDSGs
#UIDSG 15
16. • Preserve consistency within and between
applications
• Promote good design practice
• Get groups working together
• Provide repository for design guidelines and
standards
• Work as training aid for new members of the
product team
• Should be part of knowledge management
A UIDSG is a strategic tool for design
management.
UIDSG goals
#UIDSG 16
17. • Replace a detailed User Interface Specification
• Substitute step of interaction design
• Ensure usability per se
• Make sure that the application performs the
tasks required either by the end users or the
business
A UIDSG is (just) a piece in the
portfolio of different UX activities to
ensure the quality of a system,
product or service.
What a UIDSG can’t do
#UIDSG 17
18. • Develop pattern based
• Include also general usability principles
• Think from “Button to Business”
• Develop screen based patterns
Page types (e.g. start, search, gallery etc.)
Screen components (e.g. form, table etc.)
User Interface widgets
• Interaction based
Flows (e.g. switch from read to write mode, master > details)
CRUD (C-reate, R-etrieve, U-pdate, D-elete)
etc.
A clear strategy keeps the
development of an UIDSG on track.
Every UIDSG needs a strategy
#UIDSG 18
Source: Garret 2002
19. Lists
info boxes
figures
tables
document changes
How to Work with the UIDSG
Introduction
goals of the UIDSG
interface strategy
intended user groups
liability
deviations
IT framework
General Guidelines
prioritized usability guidelines / heuristics
accessibility
User Interface Design Framework
structure of pages
page types
screen patterns
interaction patterns
UI Widgets
inactivity of UI widgets
abbreviations
text input fields
link and button classes
icons
order of buttons
list selection
labels
scrolling
Visual Design
icon design
colours
sample screens
Default Settings
Online Help and Documentation
guidelines for developing help content
Reference Documents
Icon List
Glossary
Screen Width Classes
Annex
Index
Every UIDSG needs a standard TOC to
cover important aspects of the
application(s).
UIDSG basic table of contents (TOC)
#UIDSG 19
20. Feedback
Consistency
Efficiency
Flexibility
Wording in the users’ language
Match between users and real world (mental model)
Clearly marked exits
Task orientation
Control
Minimize memory load - Recognition rather than recall
Transparency
Recovery and forgiveness
Aesthetics and emotional effect
Affordance
Nielsen, Molich Design Heuristics
#UIDSG 20
Source: Nielsen, Molich 1994
21. In which ways can an UIDSG
be implemented?
#UIDSG 21
22. • Single document
E.g. WORD, PDF
Stored on a server, intranet etc.
• Interactive
HTML, Wiki: text with screenshots
Interactive: try out components, code samples, descriptive text,
tables, screenshots
• Production tools
There is neither right / wrong nor a single
tool to develop and manage an UIDSG.
Single document vs. interactive
#UIDSG 22
23. Practicability of Production Tools
Tool Draw
Wireframes
Annotation
Wireframes
Visual
Design
Write main
UISG Body
Make UISG
Interactive
Export
Content
Word
PPT
Axure
Sketch
Markdown
CSS / HTML
#UIDSG 23
Low
Medium
High
Practicability
24. • Research project > experiments with tailored content, in
relation to user groups
Only partly successful: people have the feeling to miss something,
good search wins over showing only tailored content
• Relevance of UIDSG changes over time for specific user
groups to different extent
Developers > if patterns are developed and implemented in the
framework > no use to look it up in the UIDSG. Also valid for
colours > they are implemented in the CSS framework
Business analyst (working with architecture tools) > they need
design patterns to write their functional requirements documents
Tester > they need usability test cases to check the conformity of a
system against the UIDSG
The relevance of an UIDSG for different
groups changes over time.
Different content for different users?
#UIDSG 24
25. higher
lower
UIDSG
Relevance
Dev.
internal
Once the UIDSG
patterns are in a
dev. framework
Relevance once the UIDSG is in place
Dev.
external
Guidance for the
development of
components
Bus.
Use patterns in
business analysis
Test.
Use guidelines /
test cases to
check the UI
UX.
Develop consistent
patterns
Source: Bechinie
26. Is there a process the helps to
develop and manage an UIDSG ?
#UIDSG 26
27. UIDSG
development
(1) Initialize
and Plan
(2)
Understand
and Define
(3) Develop
(4) Evaluate
and Refine
(5) Deploy
and Train
(6) Lessons
learned and
Iterate
27
Accompanying
project activities
Governance, Promotors, Awareness activities etc.
Basic UIDSG development process
28. UIDSG
development
(1) Initialize
and Plan
(2)
Understand
and Define
(3) Develop
(4) Evaluate
and Refine
(5) Deploy
and Train
(6) Lessons
learned and
Iterate
• Goals
Get funding
Define team and UIDSG
owner
Setup project and roadmap
Define main goals for the
UIDSG
• Results
Team in place with clear
responsibilities
Prioritized goals
28
(1) Initialize and Plan
Accompanying
project activities
Governance, Promotors, Awareness activities etc.
29. UIDSG
development
(1) Initialize
and Plan
(2)
Understand
and Define
(3) Develop
(4) Evaluate
and Refine
(5) Deploy
and Train
(6) Lessons
learned and
Iterate
• Goals
Analysis of current state of
system / documentation
Collect insights and feedback
Define user group(s)
Inspect tool stack
• Results
Content strategy
Results from reviews
Target audience
Tool-chain
29
(2) Understand and Define
Accompanying
project activities
Governance, Promotors, Awareness activities etc.
30. UIDSG
development
(1) Initialize
and Plan
(2)
Understand
and Define
(3) Develop
(4) Evaluate
and Refine
(5) Deploy
and Train
(6) Lessons
learned and
Iterate
• Goals
Define TOC
Document / define needed
UID and IxD patterns
Write collateral chapters
Prepare icon list
Provide conformity check list
• Results
Main body of the UIDSG
Accompanying material
30
(3) Develop
Accompanying
project activities
Governance, Promotors, Awareness activities etc.
31. UIDSG
development
(1) Initialize
and Plan
(2)
Understand
and Define
(3) Develop
(4) Evaluate
and Refine
(5) Deploy
and Train
(6) Lessons
learned and
Iterate
• Goals
Quality assurance by
different user groups
Review content
Test tool stack
First signed off version
• Results
Improvements
Identification of missing
content
Iterated, confirmed v1.0
31
(4) Evaluate and Refine
Accompanying
project activities
Governance, Promotors, Awareness activities etc.
32. UIDSG
development
(1) Initialize
and Plan
(2)
Understand
and Define
(3) Develop
(4) Evaluate
and Refine
(5) Deploy
and Train
(6) Lessons
learned and
Iterate
• Goals
Publishing UIDSG at the
target platform (single
document and/or interactive
version)
Train the user groups
• Results
In place UIDSG
Interactive templates
Conformity-test cases
Icons and icon-list
Informed and skilled teams
32
(5) Deploy and Train
Accompanying
project activities
Governance, Promotors, Awareness activities etc.
33. UIDSG
development
(1) Initialize
and Plan
(2)
Understand
and Define
(3) Develop
(4) Evaluate
and Refine
(5) Deploy
and Train
(6) Lessons
learned and
Iterate
• Goals
Quality assurance of the
process
Plan and budget next version
• Results
Improved UIDSG
development process
Editorial plan
33
(5) Lessons Learned and Iterate
Accompanying
project activities
Governance, Promotors, Awareness activities etc.
34. UIDSG
development
(1) Initialize
and Plan
(2)
Understand
and Define
(3) Develop
(4) Evaluate
and Refine
(5) Deploy
and Train
(6) Lessons
learned and
Iterate
• Goals: Get funding, define team and UIDSG owner,
setup project and roadmap, define main goals for
the UIDSG
• Results: Team in place with clear responsibilities,
prioritized goals
• Goals: Analysis of current state of
system / documentation, collect
insights and feedback, define user
group(s), inspect tool stack
• Results: Content strategy, results
from reviews, target audience, tool-
chain
• Goals: Define TOC, document / define
needed UID and IxD patterns, write
collateral chapters, prepare icon list,
provide conformity check list
• Results: Main body of the UIDSG,
accompanying material
• Goals: Publishing UIDSG at
the target platform (single
document and/or interactive
version), train the user
groups
• Results: In place UIDSG,
interactive templates,
conformity-test cases, icons,
icon-list, informed and
skilled teams
• Goals: Quality assurance of
the process, plan and
budget next version
• Results: Improved UIDSG
development process,
editorial plan
34
• Goals: Quality assurance by different user groups,
review content, test tool stack, first signed off
version
• Results: Improvements, identification of missing
content, iterated, confirmed v1.0
Accompanying
project activities
Governance, Promotors, Awareness activities etc.
Cheat Sheet: Basic UIDSG development process
35. Why SGs fail, how to resolve 1/4
Problem Solution
We will see how the style guide project evolves. Following an "organic flow" in the project is
not efficient; plan at least 3 to 4 months for
the initial version.
#UIDSG 35Source: Wilson 2001, Constantine & Lockwood 1999, Own experience
We do the style guide just with the operational
people to avoid complex discussions.
If key stakeholders and developers in general
have no input to the style guide the
acceptance is threatened.
To save time we give it to someone externally
to write the style guide.
Externals with no connection to the style
guide group are “Aliens”; form a team and
define a style guide owner.
We just follow existing platform style guides. Every project needs specific guideline,
platform guides can be just a part of them.
36. Why SGs fail, how to resolve 2/4
Problem Solution
The style guide has to be exhaustive. The content itself of a style guide needs a
preceding strategy: what to include and what
will stay in other places (e.g. concrete
requirements / analysis documents of specific
projects)
#UIDSG 36
The style guide is our “universal remedy“. Besides the guide itself it needs also a
standardizing process.
We will include the best and newest interaction
patterns in our style guide.
What goes in the style guide must be cross
checked with existing / planned in-house
development frameworks.
Many users say that our style guide is not
usable.
Iteratively test and inspect the document.
37. Why SGs fail, how to resolve 3/4
Problem Solution
I have to read so much to get the point. Too much running text is not effective; use
additional info-boxes, annotated screen,
tables, index etc.
#UIDSG 37
It's inconvenient to check whether the systems
conforms to our style guide.
A conformity checklist or usability test cases
are a tool for testers for formal conformity
checks (e.g. during functional tests).
Our tools are all separated; it's so time-
consuming to ensure that I use the right
pattern.
Prevent (too many) media disruptions and
aim for least possible touchpoints.
38. Why SGs fail, how to resolve 4/4
Problem Solution
The style guide will spread itself, we just send
out a link.
Plan a good communication / training plan for
introducing the style guide; otherwise
misunderstandings are predestined.
#UIDSG 38
The style guide is here, now we are done. The management of the style guide is at least
much important than the initial development.
Provide a method for updating the style guide
and develop reasonable rules on when new
standards must be enacted
39. • Think in iterations. Start early in an application
project with the development. Initial version of
the UIDSG can be “slim”
• Content development will be always “with your
back pointing into the future”
• “Have the guts” to change existing (bad) UID /
IxD patterns over time, based on feedback
From usage of the document itself by user groups
From users of the implemented applications, e.g.
conducted usability test
Tips and tricks 1/2
#UIDSG 39Source: Bechinie
40. • Plan review session with the user groups
• Create backlog for topics that rise from different
teams / projects that don't go directly in the
current version of the UIDSG
• Include new topics, only when they are thought
through
• Use the UIDSG also for conformity checks
E.g. write specific usability test cases, give them to the
software testers for their test routines
Use your defect tracking system to document the usability
bugs (violations of the UIDSG)
An UIDSG will be at any stage
incomplete and somewhat blurred.
Tips and tricks 2/2
#UIDSG 40Source: Bechinie
41. high
low
Level of
Consistency
UIDSG consistency and completeness
high
low
Level of
Completeness
Project A
Project B
Project D
Project …
Project C
Project E
UIDSG development
Contributions by different projects to the UIDSG
Situation: line of gaze
while developing an
UIDSG will always
point into the past.
Source: Bechinie
Initial
System
42. high
low
Level of
Consistency
Initial
System
UIDSG consistency and completeness
high
low
Level of
Completeness
Project A
Project B
Project D
Project …
Project C
Project E
UIDSG development
Contributions to the UIDSG by different projects
Source: Bechinie
Version 1 Version 2 Version 3
45. • eGovernment application range
• Digital Data Management (DDM) for
environment and waste management
Applications have to ensure legal security
Cloud system, data warehouse in Austria
AA level of accessibility
• Laws for the protection of: health, soil, air, water
• Cooperation of different stakeholder:
authorities, companies, experts
• Cross administrative business processes
Prepare and submit waste balances
Obligations to report to local authorities and EU
Management of notifications of permissions
Expert assessments
Case study: Digital Data Management (DDM)
#UIDSG 45Source: Bechinie
46. • 53.5 million tons waste per year in Austria
(approx. 900,000 box wagons)
• Waste has to be: moved, stored, utilized,
deposed
• Ecosystem of complex business applications
45.000 registered users (companies)
1.500 public official users (federal, provincial/district level)
800.000 reports / year are submitted
DDM facts
#UIDSG 46Source: Bechinie
47. • Very fragmented application ecosystem
• Different age of each single applications
• Hardly any consistency within / between app.
• Legacy front end framework, form based
• Usability: big room for improvement
• Industry stakeholder very dissatisfied
• New app. projects have already started
• Style document: 10 page, out dated
Wake up call: new DDM technical
director identified need: improve
usability, we need an UIDSG.
Starting point of the UIDSG project
#UIDSG 47Source: Pexels
48. • Client budgeted UX activities,
UIDSG development
• Ownership of UIDSG: technical DDM director
• Usability group was installed
• “A Team” was defined
• Biweekly jour fixe of usability group
Discussion of current (design, usability) issues from the
projects, provide concrete solutions
Invite people to join and discuss their questions (e.g.
analysist)
Project setup
#UIDSG 48
49. Usability Group
#UIDSG 49
Test.
Software testing team
monitors overall app
consistency, based on
UIDSG
UX.
UX team develops
UID and IxD patterns,
writes main body of
UIDSG
Arch.
Internal system archi-
tecture provides IT
framework, develops
components
Auth.
Contracting authority
= Ministry for
Environment
Proj.
Business analysts of the different
projects participate in the
Usability Jour Fixe
Bus.
Biweekly Usability Jour Fixe
IT
Technical Director
has overall DDM
responsibility,
UIDSG owner
Source: Bechinie
51. #UIDSG 51
Wireframes
UID patterns,
annotations
UID specification
document
Annotation of
visual design
screens
Main UIDSG
body
Icon list
UX.
UID, IxD pattern
for business
analysis
Usability test
cases
Single UIDSG document
Icons
Website with
interactive examples,
templates, code
CSS framework with
components
Usability bugs
Source: Bechinie
53. #UIDSG 53
Review of UIDSG
Bus. Dev.
internal Test.
UX.
UX team develops
UID and IxD patterns,
writes main UIDSG body
Single UIDSG
document
UIDSG development workflow
Usability
Group
Iterations, quality
assurance
Source: Bechinie
Auth.
Official sign off for
UIDSG
54. • Consistency within and between DDM
applications has improved
• Overall DDM usability has improved (checked by
usability tests, SUS-scores)
• General acceptance of DDM application by end
users (companies, authorities) is higher than
4 years ago (feedback from users)
• Value of UIDSG is recognized by: developers,
analysts, testers (feedback within different team
meetings)
• Awareness towards consistency within the
whole organization has been raised (topic is
much more thematised)
What return did we generated?
#UIDSG 54Source: Pexels
55. • Versioning
Annotations in the UIDSG for parts that have changed to
the last version are helpful, e.g. annotations in the single
Word document
• Interpretation of UIDSG
It still needs humans to explain the UIDSG to avoid
misinterpretations
Find balance between too loose (too much room for
interpretation) and too rigid definitions and rules (it’s not
possible to define every case within complex applications)
Lessons learned 1/3
#UIDSG 55Source: Bechinie
56. • Content
Take out content redundancies (writing the same content
at different positions in the single document)
Enhance cross referencing of content within the single
document
Improve the clarity of rationality behind (design) decisions
in the UIDSG
• Management
Improve reaction time of UIDSG group towards questions
from projects
Lessons learned 2/3
#UIDSG 56Source: Bechinie
57. • Application
Findability of topics in the document must be improved
Testability of code against UIDSG has to be improved by
prioritising and clustering of usability test cases
• Deployment
Single document has its value but is at its limit with 250
pages > index, table of contents, table of figures,
annotated screens, bad/good examples, icon-list
Annotations what has changed and the search function of
the word processor helps to find the information needed
Provide a single document (DOC,PDF) and an interactive
version (HTML) for the UIDSG body
Lessons learned 3/3
#UIDSG 57Source: Bechinie
58. • UIDSG development needs its own project
• Install a quality group
• Define a tool chain that fits your general setup
• Start early, think and develop in iterations
• Provide easy and interactive access
• Bring the content to the tasks of the user groups
• Use it as a conversation tool among stakeholders
• Use the UIDSG also for conformity checks
• Conduct trainings
• Do a lessons learned session from time to time
Wrapping up
#UIDSG 58Source: Pexels
60. Doesn't replace human centred design activity
Is part of the design management
Will be always incomplete
Isn't a licence to stop thinking
A solid UIDSG and an effective
management process leads to a
successful application.
A User Interface Design Style Guide…
Michael Bechinie
USECON
Head of Experience Design
bechinie@usecon.com
@beemcog
#UIDSG 60Source: Bechinie