The document discusses design guidelines from real-life case studies. It describes how JDSU, Blackboard, and Xerox developed design guidelines to achieve consistency across their products and brands as they acquired new companies or platforms. It provides tips for creating guidelines, such as starting with visual style first, focusing on low-hanging fruit, and gaining management support. Case study presenters discuss workshops, documentation, and culture change needed for successful guidelines.
Enrique Allen, D Fund - Warm Gun Conference500 Startups
The document discusses designer founders in tech. It defines what is meant by design, which goes beyond just visual design to include interface, information architecture, interaction design, functional specifications, content requirements, underlying technology, and user-product-business hypotheses and objectives. It defines what is meant by designer founders, noting they need skills across engineering, design, and business stacks as well as the ability to continuously guide their product and organization through design cycles. Critical assertions made are that differentiated brand and experience design from designer founders will be crucial to short- and long-term success in the crowded consumer tech market, and having a multi-disciplinary designer founder is a competitive advantage.
Social Business - The Business Value in Social NetworksBilal Jaffery
Social networks are everywhere. In fact you are probably reading this message on one right now.
As these systems continue to reach into the very fabric of our existence, businesses are increasingly realizing the value in social collaboration. Join Bilal Jaffery,
(Worldwide Social Media & Competitive Marketing Leader, IBM ISV & Developer Relations) and Daryl Pereira (Web and Social Media Manager, IBM ISV & Developer Relations) on an exploration into how businesses are finding real value in social media. You'll see how social networks within the workplace can make us more efficient and knowledgeable, and how a social business breaks down barriers between prospects, customers and its extended ecosystem.
Creative Labs India is an interactive digital agency based in Bangalore, India. We put together creative thinking, digital strategy, user experience, interface design, and web development services to IT, healthcare, hospitality, entertainment and retail industries worldwide.
Bringing mobile apps to market faster using rapid application prototypingPidoco
The world is going mobile and in business this is not something to be ignored. Designing applications for mobile requires planning, consideration of the user experience and a balance of business requirements. Rapid application prototyping is one of the ways to help you bring mobile applications to market faster to achieve better results.
Recap, branding and concept developmentEirik Langås
This document discusses strategic design and concept development. It covers segmentation and defining target groups through personas. Analysis and design are presented as separate phases with analysis including understanding the market, opportunities, communication targets and technology. Concept development techniques like creativity methods, prototyping and testing are discussed. Tips for concept development include avoiding a limited brand perspective, linking to functional benefits, generating consumer insight, and making the brand identity drive execution. Branding is defined as perceptions in consumers' minds and brands can be managed through their identity systems.
Injoos Teamware is a social collaboration and knowledge management platform. It provides integrated team communications including blogs, discussions, file sharing and web conferencing to improve productivity. The platform captures both structured and unstructured knowledge to easily find information. Key advantages include bringing all team interactions into one place, delivering software as a service with no upfront costs, and providing a quick and easy to use setup with powerful enterprise features.
AusLUG - Australian Lotus User Group - "Social Business at Work" by Ed BrillEd Brill
Ed Brill's keynote presentation at the Australian Lotus User Group, 29/30 August 2011 in Sydney. Covers high level themes of social business, Lotus Notes/Domino 8.5.3, and future directions for Lotus Notes/Domino.
Enrique Allen, D Fund - Warm Gun Conference500 Startups
The document discusses designer founders in tech. It defines what is meant by design, which goes beyond just visual design to include interface, information architecture, interaction design, functional specifications, content requirements, underlying technology, and user-product-business hypotheses and objectives. It defines what is meant by designer founders, noting they need skills across engineering, design, and business stacks as well as the ability to continuously guide their product and organization through design cycles. Critical assertions made are that differentiated brand and experience design from designer founders will be crucial to short- and long-term success in the crowded consumer tech market, and having a multi-disciplinary designer founder is a competitive advantage.
Social Business - The Business Value in Social NetworksBilal Jaffery
Social networks are everywhere. In fact you are probably reading this message on one right now.
As these systems continue to reach into the very fabric of our existence, businesses are increasingly realizing the value in social collaboration. Join Bilal Jaffery,
(Worldwide Social Media & Competitive Marketing Leader, IBM ISV & Developer Relations) and Daryl Pereira (Web and Social Media Manager, IBM ISV & Developer Relations) on an exploration into how businesses are finding real value in social media. You'll see how social networks within the workplace can make us more efficient and knowledgeable, and how a social business breaks down barriers between prospects, customers and its extended ecosystem.
Creative Labs India is an interactive digital agency based in Bangalore, India. We put together creative thinking, digital strategy, user experience, interface design, and web development services to IT, healthcare, hospitality, entertainment and retail industries worldwide.
Bringing mobile apps to market faster using rapid application prototypingPidoco
The world is going mobile and in business this is not something to be ignored. Designing applications for mobile requires planning, consideration of the user experience and a balance of business requirements. Rapid application prototyping is one of the ways to help you bring mobile applications to market faster to achieve better results.
Recap, branding and concept developmentEirik Langås
This document discusses strategic design and concept development. It covers segmentation and defining target groups through personas. Analysis and design are presented as separate phases with analysis including understanding the market, opportunities, communication targets and technology. Concept development techniques like creativity methods, prototyping and testing are discussed. Tips for concept development include avoiding a limited brand perspective, linking to functional benefits, generating consumer insight, and making the brand identity drive execution. Branding is defined as perceptions in consumers' minds and brands can be managed through their identity systems.
Injoos Teamware is a social collaboration and knowledge management platform. It provides integrated team communications including blogs, discussions, file sharing and web conferencing to improve productivity. The platform captures both structured and unstructured knowledge to easily find information. Key advantages include bringing all team interactions into one place, delivering software as a service with no upfront costs, and providing a quick and easy to use setup with powerful enterprise features.
AusLUG - Australian Lotus User Group - "Social Business at Work" by Ed BrillEd Brill
Ed Brill's keynote presentation at the Australian Lotus User Group, 29/30 August 2011 in Sydney. Covers high level themes of social business, Lotus Notes/Domino 8.5.3, and future directions for Lotus Notes/Domino.
Zabhatech Indonesia is a multimedia company founded in 2010 that produces multimedia products and web services. It aims to share advances in multimedia technology and help clients with internet solutions. The company's founders have skills in web design, multimedia, and IT. Zabhatech focuses on multimedia solutions, websites, 3D animation, and logo/brochure design. It has experienced growth and won awards for its work. Contact information and the company's product offerings and history are provided.
Nowlab is an ideation studio and knowledge hub within Isobar dedicated to digital innovation. It acts as a consortium of digital specialists to pioneer digital media convergence for clients. Nowlab focuses on discovering ways to meaningfully connect brands and people through hybrid converged media solutions that achieve multiple business goals simultaneously. One case study example provided is a seamless retail experience using digital media walls, magic mirrors, augmented reality, touch tables, and NFC payments to engage customers from Special K and SK-II.
This document provides an introduction to a user interaction design course. It outlines the course instructor's background and expertise. It also discusses classroom rules and covers the first lesson which introduces the difference between designing objects and designing interaction. The document explains key concepts such as interaction design, aspects of interaction like control and feedback, and how to create interactive experiences. It includes activities for students to discuss designing interactive products.
The document discusses the state of UX in Singapore. It describes how UX work has evolved from industrial design and web programming to experience design. UX jobs are common in sectors like public, banking, logistics and technology. Types of work include website design, mobile apps, and interest in retail and service design. However, UX is still perceived mainly as usability. The speaker hopes to change this by sharing customer stories. There are also gaps like a small talent pool and a fragmented design industry. Opportunities exist in partnerships, thought leadership and adapting global practices locally. The speaker hopes to start a dialogue to discuss ideas and provide expertise.
This document discusses the value of social media for business. It outlines how social media allows for connecting and collaborating with others. Case studies show how companies can use social platforms like Facebook, Flickr, YouTube, and blogs to engage with customers, gather feedback, and cultivate online communities. The document argues that future business will increasingly rely on social media to facilitate networking, capture customer data, and provide interactive experiences to build loyalty. Companies must develop strategies to take advantage of social media's ability to strengthen relationships.
The voice of the customer & the continuum of creativity - Gianfranco ZaccaisOpenKnowledge srl
Design Continuum is a global design and innovation consultancy. It uses an intranet platform called Orange to facilitate collaboration between its interdisciplinary teams of designers, engineers, and analysts located around the world. Orange allows employees to connect with each other, share knowledge and work products, and engage in research communities on topics like pleasure, fun, and social behaviors. The document outlines how Orange supports collaboration, resource planning, project management, knowledge sharing, and discussion to help Design Continuum deliver innovative experiences that improve people's lives and drive business success for its clients.
Hi, this deck is mainly meant to help with my Design Studies lessons to undergraduate students at NABA, Media Design and Multimedia Arts School, Milan.These slides are supposed to come with a live commentary for the class, so sorry if you wish to have more explicit context and liaisons. Please see referred sources to this purpose.
Slides on Norman, Salen and Zimmerman, Haraway are based on the articles by these authors included in Design Studies.A reader. Edited by Hazel Clark and David Brody, Berg, Oxford and New York, 2009. Please see all other sources at the bottom of the slides and at the end of each section.
Images are all credited to their creators and copyright holders, to the best of my knowledge and care. If you are unhappy with the fact that they are used here, of if you think that someone’s rights have not been fully respected in any manner, please mail me to lgalli at pobox dot com and I will promptly remove them
Architecting the Building Blocks of Enterprise Social Networking Mike Gotta
Note: Some builds and layouts/colors did not come out with the same fidelity as the PPT.
What are the architectural building blocks that enable social networking? What cultural dynamics should be considered when implementing “social infrastructure”? What research methods aid design efforts? This session will help architects and practitioners understand connections between profiles and identity, social objects and participation, activity streams/micro-blogging and formation of social networks.
This document discusses experience design and is presented by Aynne Valencia. It provides 10 things to know about experience design. Experience design considers how users will experience a new product, service, or brand across all touchpoints. It is a multi-disciplinary field that considers human factors, visual design, interaction design, and more. Experience designers aim to create seamless experiences for users before, during and after interacting with a product or service. The document emphasizes that experience design is about creating meaningful experiences through an informed design process.
Class 4: Introduction to web technology entrepreneurshipallanchao
The document is an agenda for a class on user interface and user experience design. It includes topics like wireframing, branding, logo design, and an overview of UI/UX principles. Students will use Balsamiq Mockups to create wireframes for their web applications and work on designing the visual aspects. Homework involves reading about UI/UX design principles and creating wireframes and mockups for their team's web application.
InformeDesign is a free, online database providing evidence-based design research summaries to inform design decisions. It was created in 2003 and contains over 2,300 summaries, but now faces funding cuts that could shut it down. InformeDesign is a valuable resource for designers, helping to differentiate practitioners who use evidence-based design. It covers topics related to office environments like ergonomics and productivity. Support is needed from manufacturers, firms, and individuals to maintain InformeDesign as an important tool for the design industry.
The portfolio then shows some of Adam's design projects, including redesigning an angle grinder to be safer and more adjustable, and conceptualizing a juicer that simplifies the juicing and drinking process into a single product to encourage healthier habits. His juicer
6 Secrets of Career change - Instructional Design to eLearningsuzetteconway
In this presentation I share some thoughts on moving from a career in instructional design to one in eLearning. However, most of the principles in this presentation could apply equally to any career transition. I hope you enjoy it!
Ana Amorim is an interaction designer and design strategist focused on creating meaningful, useful, and delightful experiences between people and technology. Over 2 years at IDEO she worked across industries as a designer, information architect, analyst, strategist, and project manager. She aims to build an understanding of global trends through diverse work. Her skills include concept development, storytelling, prototyping, and interface design.
This document discusses the concept of LeanUX. It begins by clarifying that LeanUX is not about doing less UX work or being lazy. Rather, it is about minimizing waste and focusing UX efforts on validating product hypotheses through prototypes and customer feedback, rather than extensive documentation. The document provides several examples to illustrate LeanUX principles like developing minimum viable products to test ideas quickly and using metrics and iterative design to continually learn and improve. Overall, the document presents LeanUX as an approach to make UX work more efficient and focused on learning what customers need through early testing and feedback.
Adaptation of my IA 7/ UX 1 deck for an InnovationLab talk at Stabilo International, Heroldsberg on 10/17/2012.
Credits & image credits within the presentation.
UX for Startups - Nasscom Product Conclavesaritarora
Hire the best design talent and learn how to work with the designers in a startup.
Also checkout http://uxforstartups.org/ for the video and the handouts.
NON is a brand experience company that helps businesses take advantage of the competitive power of design. Our services consist of helping clients create products, services and even businesses and communicate them through brand expressions.
User Experience (UX) Design and User Interface (UI) Design are related but distinct roles. UX Design focuses on the overall user experience through research, testing, and iteration. UI Design is responsible for visual design and translating a product's development into an attractive and responsive interface. While UX Design is analytical and involves the entire customer journey, UI Design focuses on visual elements, typography, and crafting interfaces for different devices. Both roles are important for enhancing usability and customer satisfaction.
Best Prototyping Tools for Mobile Apps in 2023Baek Yongsun
Looking for the best prototyping tools for mobile apps? Check out our top 5 picks that will help you create functional and visually appealing app prototypes quickly and easily.
Zabhatech Indonesia is a multimedia company founded in 2010 that produces multimedia products and web services. It aims to share advances in multimedia technology and help clients with internet solutions. The company's founders have skills in web design, multimedia, and IT. Zabhatech focuses on multimedia solutions, websites, 3D animation, and logo/brochure design. It has experienced growth and won awards for its work. Contact information and the company's product offerings and history are provided.
Nowlab is an ideation studio and knowledge hub within Isobar dedicated to digital innovation. It acts as a consortium of digital specialists to pioneer digital media convergence for clients. Nowlab focuses on discovering ways to meaningfully connect brands and people through hybrid converged media solutions that achieve multiple business goals simultaneously. One case study example provided is a seamless retail experience using digital media walls, magic mirrors, augmented reality, touch tables, and NFC payments to engage customers from Special K and SK-II.
This document provides an introduction to a user interaction design course. It outlines the course instructor's background and expertise. It also discusses classroom rules and covers the first lesson which introduces the difference between designing objects and designing interaction. The document explains key concepts such as interaction design, aspects of interaction like control and feedback, and how to create interactive experiences. It includes activities for students to discuss designing interactive products.
The document discusses the state of UX in Singapore. It describes how UX work has evolved from industrial design and web programming to experience design. UX jobs are common in sectors like public, banking, logistics and technology. Types of work include website design, mobile apps, and interest in retail and service design. However, UX is still perceived mainly as usability. The speaker hopes to change this by sharing customer stories. There are also gaps like a small talent pool and a fragmented design industry. Opportunities exist in partnerships, thought leadership and adapting global practices locally. The speaker hopes to start a dialogue to discuss ideas and provide expertise.
This document discusses the value of social media for business. It outlines how social media allows for connecting and collaborating with others. Case studies show how companies can use social platforms like Facebook, Flickr, YouTube, and blogs to engage with customers, gather feedback, and cultivate online communities. The document argues that future business will increasingly rely on social media to facilitate networking, capture customer data, and provide interactive experiences to build loyalty. Companies must develop strategies to take advantage of social media's ability to strengthen relationships.
The voice of the customer & the continuum of creativity - Gianfranco ZaccaisOpenKnowledge srl
Design Continuum is a global design and innovation consultancy. It uses an intranet platform called Orange to facilitate collaboration between its interdisciplinary teams of designers, engineers, and analysts located around the world. Orange allows employees to connect with each other, share knowledge and work products, and engage in research communities on topics like pleasure, fun, and social behaviors. The document outlines how Orange supports collaboration, resource planning, project management, knowledge sharing, and discussion to help Design Continuum deliver innovative experiences that improve people's lives and drive business success for its clients.
Hi, this deck is mainly meant to help with my Design Studies lessons to undergraduate students at NABA, Media Design and Multimedia Arts School, Milan.These slides are supposed to come with a live commentary for the class, so sorry if you wish to have more explicit context and liaisons. Please see referred sources to this purpose.
Slides on Norman, Salen and Zimmerman, Haraway are based on the articles by these authors included in Design Studies.A reader. Edited by Hazel Clark and David Brody, Berg, Oxford and New York, 2009. Please see all other sources at the bottom of the slides and at the end of each section.
Images are all credited to their creators and copyright holders, to the best of my knowledge and care. If you are unhappy with the fact that they are used here, of if you think that someone’s rights have not been fully respected in any manner, please mail me to lgalli at pobox dot com and I will promptly remove them
Architecting the Building Blocks of Enterprise Social Networking Mike Gotta
Note: Some builds and layouts/colors did not come out with the same fidelity as the PPT.
What are the architectural building blocks that enable social networking? What cultural dynamics should be considered when implementing “social infrastructure”? What research methods aid design efforts? This session will help architects and practitioners understand connections between profiles and identity, social objects and participation, activity streams/micro-blogging and formation of social networks.
This document discusses experience design and is presented by Aynne Valencia. It provides 10 things to know about experience design. Experience design considers how users will experience a new product, service, or brand across all touchpoints. It is a multi-disciplinary field that considers human factors, visual design, interaction design, and more. Experience designers aim to create seamless experiences for users before, during and after interacting with a product or service. The document emphasizes that experience design is about creating meaningful experiences through an informed design process.
Class 4: Introduction to web technology entrepreneurshipallanchao
The document is an agenda for a class on user interface and user experience design. It includes topics like wireframing, branding, logo design, and an overview of UI/UX principles. Students will use Balsamiq Mockups to create wireframes for their web applications and work on designing the visual aspects. Homework involves reading about UI/UX design principles and creating wireframes and mockups for their team's web application.
InformeDesign is a free, online database providing evidence-based design research summaries to inform design decisions. It was created in 2003 and contains over 2,300 summaries, but now faces funding cuts that could shut it down. InformeDesign is a valuable resource for designers, helping to differentiate practitioners who use evidence-based design. It covers topics related to office environments like ergonomics and productivity. Support is needed from manufacturers, firms, and individuals to maintain InformeDesign as an important tool for the design industry.
The portfolio then shows some of Adam's design projects, including redesigning an angle grinder to be safer and more adjustable, and conceptualizing a juicer that simplifies the juicing and drinking process into a single product to encourage healthier habits. His juicer
6 Secrets of Career change - Instructional Design to eLearningsuzetteconway
In this presentation I share some thoughts on moving from a career in instructional design to one in eLearning. However, most of the principles in this presentation could apply equally to any career transition. I hope you enjoy it!
Ana Amorim is an interaction designer and design strategist focused on creating meaningful, useful, and delightful experiences between people and technology. Over 2 years at IDEO she worked across industries as a designer, information architect, analyst, strategist, and project manager. She aims to build an understanding of global trends through diverse work. Her skills include concept development, storytelling, prototyping, and interface design.
This document discusses the concept of LeanUX. It begins by clarifying that LeanUX is not about doing less UX work or being lazy. Rather, it is about minimizing waste and focusing UX efforts on validating product hypotheses through prototypes and customer feedback, rather than extensive documentation. The document provides several examples to illustrate LeanUX principles like developing minimum viable products to test ideas quickly and using metrics and iterative design to continually learn and improve. Overall, the document presents LeanUX as an approach to make UX work more efficient and focused on learning what customers need through early testing and feedback.
Adaptation of my IA 7/ UX 1 deck for an InnovationLab talk at Stabilo International, Heroldsberg on 10/17/2012.
Credits & image credits within the presentation.
UX for Startups - Nasscom Product Conclavesaritarora
Hire the best design talent and learn how to work with the designers in a startup.
Also checkout http://uxforstartups.org/ for the video and the handouts.
NON is a brand experience company that helps businesses take advantage of the competitive power of design. Our services consist of helping clients create products, services and even businesses and communicate them through brand expressions.
User Experience (UX) Design and User Interface (UI) Design are related but distinct roles. UX Design focuses on the overall user experience through research, testing, and iteration. UI Design is responsible for visual design and translating a product's development into an attractive and responsive interface. While UX Design is analytical and involves the entire customer journey, UI Design focuses on visual elements, typography, and crafting interfaces for different devices. Both roles are important for enhancing usability and customer satisfaction.
Best Prototyping Tools for Mobile Apps in 2023Baek Yongsun
Looking for the best prototyping tools for mobile apps? Check out our top 5 picks that will help you create functional and visually appealing app prototypes quickly and easily.
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.
How content strategy fits into the user experienceNick Finck
The document summarizes Nick Finck's presentation on how content strategy fits into the user experience. It discusses how user experience happens across discovery, planning, design, build, and evaluation phases. Content strategy delivers key artifacts like personas, page description diagrams, and content templates that support user experience work. Finck explains how content strategy fits alongside other disciplines like information architecture, interaction design, and user interface design to collectively improve the user experience.
Innovation Management: How Social Technologies are changing the Way that Comp...Michael Fauscette
The document discusses how social technologies are changing innovation management in companies. It outlines an innovation management process that is more open and collaborative, involving customers, employees, and crowdsourcing ideas. It also discusses how this requires integrated systems and a culture change within companies to support continuous and disruptive innovation. The process begins with sourcing and collecting ideas, then developing, evaluating, and selecting ideas. It continues through producing the ideas by designing, executing, collecting feedback, and analyzing the results.
Software prototyping is an important UX design skill that many people “just do” but effective prototyping requires crucial knowledge and practices that aren’t obvious. In this talk, Everett will explain prototyping and its goals, compare prototyping to sketching, and explore the different types of prototyping. He will then characterize effective prototyping and explain why those characteristics are so important.
Everett will review several commonly available prototyping tools (including SketchFlow), and evaluate their pros and cons. He will conclude by working through some examples so that you can see effective prototyping in practice.
If you or your team is prototyping now or considering prototyping in the future, this talk is for you!
A Pragmatic View of UX Driven DevelopmentAkshay Luther
This presentation shows how using UI toolkits that a) have broad and deep functionality exposed by a powerful design-time interface and b) that are "pattern aware" is a winning strategy for UX driven development. Firstly, they minimise the disconnect between the customer, UX practictioner and developer by enabling the easy creation of high-fidelity prototypes. Secondly, they address the challenges of time, budget, developer ability and the growing need to target multiple devices.
Dev fest ile ife 2014-ux, material design and trendsTunde Ojediran
This document discusses user experience design and trends. It covers the fundamentals of UX including focusing on users and prioritizing speed. Popular UX techniques like personas, wireframing, and user testing are explained. Material Design is introduced as Google's visual design language using concepts like color palettes and animations. Current design trends involving layered interfaces, simple color schemes, and thumb-focused interactions are reviewed. Emerging UX trends towards always-connected devices, smart watches and homes, and setup guides replacing manuals are also examined.
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.
In the dynamic landscape of app design, several top services have emerged to meet the evolving needs of businesses and individuals. Leading the pack is Figma, a collaborative design platform that facilitates real-time collaboration among teams, streamlining the design process. Its versatility and cloud-based nature make it an industry favorite.
At Techstartupday 2013 we gave a workshop on the importance of digital product design for startups and digital product managers. Together with Ontoforce we presented a behind the scene case study about the process of designing and building the Disqover platform.
This document is a resume for Melissa Biever, a Senior Product Designer with experience in UX and UI design. She has over 10 years of design experience including roles at Thomson Reuters, McKinsey, Conde Nast, and the Wall Street Journal. Her experience includes wireframing, prototyping, user research, workshop facilitation, and visual design. She is proficient in design tools like Sketch, InVision, Axure, and Adobe Creative Suite. She holds a BA in Journalism from the University of Georgia and continuing education in UX design from SVA NYC.
NTT DATA provides interactive services including experience design, mobile interface design, and case studies. They help organizations align their people and systems to support optimal customer and employee experiences. Their experience design center of excellence uses research, design, and testing to ensure products and services meet customer needs. They provide strategic consulting, design, and implementation services across web, mobile, and other channels.
John Fouts has over 10 years of experience in user experience design, managing large projects with teams of 20+ people. He currently works as the Director of Experience Design at Kaneva, a social networking company, where he oversees user interface design, animation, and 3D art direction. Previously he held roles at IQ Interactive as Vice President of Operations and Lead Information Architect.
Staying Productive with Social StreamsLuis Benitez
Luis Benitez discusses how to stay focused and productive using social streams. He outlines how social media is changing how people interact and creating new relationships through social graphs. He then discusses how IBM Connections provides a social collaboration platform that integrates social capabilities into business processes and customer experiences to drive outcomes for clients. IBM Connections offers communities, profiles, microblogging and other features to foster networks and analytics.
Ähnlich wie Design Guidelines: Real-Life Stories (20)
IA-for-AI: An evolving framework for a changing IA practiceDesign for Context
Artificial Intelligence (AI) is dramatically changing—reshaping—the human and design landscape of computers, the internet, and society. It is increasingly used in engines behind many decision-making tools and information resources, as well as in machines (vehicles, drones, robots, etc.).
AI uses information models, structured data/content, real-world contextual sensor data, and formalized instructions to shape the machine’s “understanding” of information spaces and tasks. These elements are familiar to anyone working in the field of IA and UX. But the focus is changing: We now need methods to shape software that learns dynamically in real-time interaction with users.
This talk challenges us to engage in the transformational change to our practice, designing for and with AI. Alongside a reflection on our vital roles, I present an emerging Collaboration/Action Framework to support AI design, helping us think about language, models, methods, and how we communicate with developers and stakeholders. During the conference, rich conversations emerged within the IA community about how our involvement in creating responsible and engaging AI tools will change and shape the IA community over the coming years.
Duane Degler
https://d4c.link/IAC23
Discussion of various Design for Context website projects where archival collection information (data, images, categorization) has been incorporated with art object data, historical events data, etc. Presented to the Linked Art Working Group, which is developing standards for shareable linked data in the museum, archives and cultural field. Presented 16-Nov-2022.
With art/culture provenance information, dealing with the inevitable uncertainties and subjectivity creates challenges for modeling provenance as linked data. Over the course of a number of projects, Design for Context has worked with art provenance. In this presentation, we outline some questions and considerations for others.
The document discusses collaboration between humans and AI, outlining challenges and considerations for contexts, roles, trust, awareness, and value in human-machine teaming. It proposes a framework for collaboration consisting of contexts, interactions through communication, negotiation and coordination, and time cycles of interaction ranging from simple tasks to complex decision making. The framework is intended to help reshape understanding of user experience design for AI.
Guiding Users Towards Action: Empowering Decisions Through Effective Data DesignDesign for Context
How do you provide meaningful insights that lead to action? When designing a UI, we need to consider what data to display, how to display it in a way that helps users interpret its meaning, and how best to indicate what can be done based on the data and its meaning. Good design can help users quickly grasp a situation, make better decisions, and take productive actions. We will provide a framework that describes a progressive evolution of data displays and actions, and share a broad range of examples, from consumer products to enterprise web applications, to discuss ways to design effective data displays and integrate actions.
Lisa Battle and Laura Chessman, Design for Context, 01-Sept-2021, UXPA.org, Baltimore. More at https://d4c.link/UXPA21action Video available from https://uxpa.org.
Hello, meet Hola! Design for mixed-language interfacesDesign for Context
A global online user population necessitates the exchange of content from different sources, and the ability to aggregate multilingual content is a critical requirement within many research and business contexts. Mixed-language content provides a rich information set, while adding another layer of complexity and scale, which we can address through thoughtful UX design. To effectively reach a global audience and provide access to content in multiple languages, we must structure mixed-language content to support its successful presentation and delivery, and provide innovative designs that facilitate exploration.
In this talk given at the UXPA conference, we discuss real-world examples for:
– Presenting content in multiple languages so it co-exists well on the screen and in search
– Designing interfaces that support navigating, exploring, and understanding content available in multiple languages
– Structuring content to support a flexible, scalable multilingual information management approach
Some of the examples in this slideshow are from projects we have worked on, and some are not.
How IAs Can Shape the Future of Human-AI CollaborationDesign for Context
Artificial intelligence is described as an “emerging intelligence,” but the emergent collaboration with humans is what fosters positive personal, societal, and environmental outcomes. We outline a framework that Information Architects can use to think about the key issues in designing for AI systems.
Good facilitation skills are essential for many content strategy tasks and projects. Guiding internal colleagues as well as external groups to shared, successful outcomes serves essential project needs, including: team and stakeholder consensus, a clear strategic vision, and the ability to see content in context.
An effective facilitator does this by considering and balancing multiple individual perspectives and priorities within over-arching business goals--while also keeping user needs and goals at the forefront. Design for Context’s Duane Degler discusses techniques and approaches to channel the passions and personal goals of each participant, effectively guiding the group towards successful outcomes.
User and Information Design Considerations for Effective Semantic SearchDesign for Context
Presented by Duane Degler, Design for Context, at the NFAIS 2019 Annual Conference in Alexandria, VA, on February 14, 2019.
Semantic search seeks to enhance the meaning in content, to more closely align the searcher and the available information resources. This means there is a strong user-centered aspect needed to unlock the benefits. What scenarios, needs, experiences, and mental models do our user bring to their search task? How does that inform our modeling of the “meaning” derived from the content? How do we avoid encoding rigidity of meaning by creating learning opportunities for both the users and the underlying search index and algorithms?
As we model content, we recognize that its character, structure, and context all matter. Alongside strategies for incorporating taxonomies and indexing the content itself, we will explore how you can prepare a knowledge graph that increases the potential for aligning meaning between your content and your users.
On the user experience side, we will introduce design approaches such as supporting iteration for exploratory search, modeling a language landscape, applying user context identification, creating feedback loops based on results selection and use, and using visual signposting for lightweight semantics in the user interface.
Know Thyself, and To Thine Users Be True: Understanding and Managing Biases t...Design for Context
The document is a presentation on understanding and managing biases that can influence UX work. It discusses how to have productive discussions about biases, tools for identifying biases, and how to manage biases and bring awareness into design practice. It provides an approachable definition of bias, discusses how biases are mental shortcuts and not inherently bad. It explores how biases can emerge in research, design, and provides suggestions for controlling biases in work such as integrating detection tools into processes and establishing a culture of questioning.
Big Data in Small Graphics: Micro-Visualizations in SaaS and Enterprise Appli...Design for Context
This document discusses micro-visualizations, which are small, embedded visualizations that communicate detailed information in an easily digestible way. It provides examples of micro-visualizations from various applications and discusses design considerations for micro-visualizations, such as using pre-attentive attributes and Gestalt principles to group and differentiate data visually. The document is a presentation on micro-visualization design that examines types of micro-visualizations like status indicators, process visualizations, performance statistics, and growth graphics.
Archives Strengthening Historical Narrative: Sharing digital and linked data ...Design for Context
The document discusses the Texas Coastal Bend Collection (TCBC), a digital archive that shares historical resources from the Texas Coastal Bend region. The TCBC aims to make hidden local histories approachable by focusing on relationships between people, places, events, and cultural assets through an exploratory digital platform. Interviews, images, texts, and other materials are connected and can be explored laterally based on user curiosity. The unique design of the TCBC is intended to strengthen historical narratives of the region through linked open data.
Going Global: The Intersection of IA and UX in a Multilingual EnvironmentDesign for Context
A global online community necessitates the exchange of content from many sources and across languages. Advances in the semantic web and linked data enable the aggregation of diverse content. Multilingual content provides potential for a richer information set while adding a layer of complexity to our projects. As information architects, we need to structure multilingual content to support its successful presentation and delivery. As user experience designers, we need to provide innovative designs that facilitate exploration of that content. How do different data modeling, linking, and ontology decisions affect the UX design? How can IA and UX support each other?
In this talk at IA Summit 2018 in Chicago, IL, USA, we focus on two specific areas:
- Structuring multilingual source content and enabling multilingual authors to contribute to a repository
- Designing wayfinding that supports navigating, exploring, and understanding content in sites that are sourced from multiple languages
Drawing from our experiences in the digital humanities space, we discuss real world examples for:
- Data modeling strategies, ontologies, taxonomies and metadata that support a flexible, scalable multilingual information management system
- Several multilingual data-driven interfaces and what they reveal about the challenges or opportunities in harmonizing multilingual content
- Patterns for displaying and navigating to content that is provided in different languages
Duane Degler presented at the IA Summit on March 24, 2018 on the topic of dynamic information architecture. The presentation focused on how information architecture needs to be flexible and adaptive to accommodate constantly changing digital environments where content is streamed from many different sources. Degler discussed how the network and blended experiences across devices are now the norm, and information architecture must account for dynamic contexts, personalized experiences, and intercultural differences in communication styles.
Integrating Taxonomies and Ontologies into Enterprise Search and BrowseDesign for Context
Duane Degler presented on integrating taxonomies and ontologies into enterprise search and browse. He discussed how taxonomies can be leveraged to improve indexing and relevance, user interactions like filtering and related content, and applying taxonomies through layered subject tagging. Feedback loops were also important to continuously learn from user behavior and enable more proactive search. The talk focused on best practices for integrating structured classification schemes into enterprise search systems.
This document summarizes an accessibility 101 presentation given to a UX meetup group. It discusses the evolution of accessibility laws and guidelines over time, including Section 508, ADA, WCAG, and WAI-ARIA. The four principles of WCAG 2.0 are explained: perceivable, operable, understandable, and robust. The document also provides details on several proposed success criteria for WCAG 2.1, including resizing content, graphics contrast, and interruptions. Feedback from WebAIM on some of the proposed WCAG 2.1 changes is also summarized.
Presentation by Karen Bachmann at the UXPA2017 conference in Toronto, Ontario, on June 6, 2017.
Ethics is fundamentally about doing the right thing for people, not about complying with laws. Yet incorporating ethics into our design practice can be challenging. Even the discussion can make people uncomfortable. This presentation covers how to talk carrots (value) and not sticks (legality) to make ethics a core human-centered design constraint.
Split Focus: Designing Applications for Multiple Monitor SetupsDesign for Context
This document summarizes a presentation about designing applications for multiple monitor setups. It discusses challenges with pointing and navigation across monitors, as well as productivity benefits. It provides design principles like organizing windows, providing global navigation, and letting users decide window behaviors. Examples demonstrate automatic window placement, signposting, and notifications to keep users aware of updates even when windows are not visible.
Perspectives on Open Source for Museums’ Digital ProjectsDesign for Context
Presentation by Duane Degler (Design for Context), David Newbury (Carnegie Museums of Pittsburgh), and Robert Sanderson (The J. Paul Getty Trust) at the American Alliance of Museums 2017 Annual Meeting & MuseumEXPO in St. Louis, MO, on May 10, 2017.
Open-source software has transformed the technology industry, and the movement's goals of community and access align closely with our museums' missions. So why do our open-source projects so often fail to succeed? Three experienced panelists offer three different perspectives and discuss topics such as the role of community and how to foster it, the importance of maintenance and maintainers, Not-Invented-Here, reputation capital, alignment issues with grant-funded projects, business models for open-source projects, and long-term sustainability.
Micro-visualizations: Small Visualizations that Make a Big ImpactDesign for Context
Presentation by Rachel Sengers and Lisa Battle at the UXDC2017 conference in Washington, DC, on April 15, 2017.
We hear a lot about visualizations for big data these days, but what about small data? The power of communicating data visually can’t be overstated. When designing for expert users, we often need to convey a lot of information at a glance to help them make quick decisions and work efficiently. For infrequent or novice users, a visual overview of a process or concept can provide orientation and help reduce the risk of mistakes. Enter the micro-visualization, a way of packaging detailed information in an easily digestible, visual way. In this presentation, we present examples of several different types of micro-visualizations and discuss how they can be used effectively to improve user experience.
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
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.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
2. The real-life stories
JDSU was acquiring additional
companies, and their products
An engineering company with looked different.
interfaces for multiple types
of devices
1 year
2013.4.5 # uxguidelines @leslo 2
3. The real-life stories
Blackboard was embarking
An education platform with a
on a major refresh of all their
suite of applications and APIs product interfaces.
for external developers
5 years
2013.4.5 # uxguidelines @leslo 3
4. The real-life stories
Xerox has been around since
1937, and the brand identity was
A company providing
document management
(literally) all over the place.
equipment and
other related services
9 years
2013.4.5 # uxguidelines @leslo 4
5. How to achieve identity and consistency?
Design guidelines
Mission
Photos Corporate
identity
Social
Voice
Media
Desktop
Office Websites
docs Apps
Mobile
Packaging
Icons
E-learning Videos
Collateral
Ads Signage
QR Industrial
codes
2013.4.5 design # uxguidelines @leslo 5
6. Design guidelines
Mission
Photos Corporate
identity UX design principles
Social
Voice UCD + usability
Media
Desktop (processes, templates, research)
Office Websites
Visual
docs Apps
Mobile Interaction + navigation
Packaging
Icons Text
Videos Accessibility
E-learning
Collateral
Code + assets
Ads Signage
Help + manuals
QR Industrial
codes
2013.4.5 design # uxguidelines @leslo 6
7. REAL-LIFE STORY
RACHEL SENGERS Interaction Designer, Design for Context @rachseng
2013.4.5 # uxguidelines
11. TECHNIQUE
Workshop week
Do product Daily
walkthroughs breakout Periodic group
sessions debriefs
Brainstorm on topics
topics
2013.4.5 # uxguidelines @rachseng 11
12. VIDEO
Management
support is key
And so is
bottom-up
support!
BRUCE VOTIPKA Usability Architect at JDSU
2013.4.5 # uxguidelines @rachseng 12
13. STRATEGIC APPROACH
Focus on visual guidelines first
Mission
Photos Corporate
identity UX design principles
Social
Voice UCD + usability
Media
Desktop (processes, templates, research)
Office Websites
Visual
docs Apps
Mobile Interaction + navigation
Packaging
Icons Text
Instruments
Videos Accessibility
E-learning
Collateral
Code + assets
Ads Signage
Help + manuals
QR Industrial
codes
2013.4.5 design # uxguidelines @rachseng 13
14. VIDEO
Manageable steps
Don’t bite off too
much at once
…So you can
show something
tangible early on
BRUCE VOTIPKA Usability Architect at JDSU
2013.4.5 # uxguidelines @rachseng 14
15. KEY CONCEPT
Low-hanging fruit
• Look for the biggest bang
for the buck
• For existing
products, choose which
parts of the interface to
upgrade
2013.4.5 # uxguidelines @rachseng 15
38. REAL-LIFE STORY
CHRIS MERKEL Former Creative Lead, Xerox Corporate Internet Marketing @merkelwerks
2013.4.5 Design Guidelines: Real-Life Stories
39. Xerox’s brand was well-established
2013.4.5 # uxguidelines @merkelwerks 39
40. In the beginning …
Brand Book
History
Product
Marketing
1
Voice
Color Product
2
Logos
Product
Print 3
2013.4.5 # uxguidelines @merkelwerks 40
41. More & more product divisions evolved…
Brand Book Production Office Software
History Color Color Color
Voice Logos Type Type
Color Print Logos Icons
Logos Web Print Logos
Print Presentations Web Print
Manuals Presentations Web
2013.4.5 # uxguidelines
42. The problem now? Silos.
By alandberning at: www.flickr.com/photos/14617207@N00/4872111479 /
2013.4.5 # uxguidelines @merkelwerks 42
43. The many faces of Xerox in 2004 …
Xerox Supplies
Xerox.com
Homepage
DocuShare Software
Homepage
2013.4.5 # uxguidelines @merkelwerks 43
44. I offer to include www in Brand Central
Brand Central
History Voice Color Logos Print Web
Xerox.com
Code Writing Color Patterns Layouts Access
2013.4.5 # uxguidelines @merkelwerks 44
45. Bringing consistency & color to Xerox.com
Xerox Homepage Production Category Xerox Supplies
Product Detail
Page
2013.4.5 # uxguidelines @merkelwerks 45
46. Each program added to Brand Central
Product X User Experience Branding
Approval? Approval?
Interface Yes Yes
Manuals No No
Marketing
Brand Central
Terminology
Web Marketing
Send changes
to product team Industrial Legal
2013.4.5 # uxguidelines @merkelwerks 46
47. Guidelines are referenced in all projects
PPG XOG
VP, North American
VP, Xerox Office Group
Sales Group
Brand Central
2004: Xerox.com 2004: Xerox.com
Homepage Homepage
2005: Print Xerox.com,
Production Website DocuShare
Products Guidelines
VP, Enterprise Software
Business Unit
2006: Audience
Segmentation 2006: Audience
Segmentation
2013.4.5 # uxguidelines @merkelwerks 47
48. VPs and product groups began to talk
PPG XOG
VP, North American
VP, Xerox Office Group
Sales Group
Brand Central
2004: Xerox.com 2004: Xerox.com
Homepage Homepage
Manager, Worldwide
Brand
2005: Print
Production DocuShare
Products VP, Internet Marketing
VP, Enterprise Software
Business Unit
2006: Audience
Xerox.com,
Segmentation 2006: Audience
Website
Segmentation
Guidelines
2013.4.5 # uxguidelines @merkelwerks 48
49. Other disciplines became interested
Brand Central
New specification
Technology guidelines: Marketing
Industrial Design
Social Media
Government
HR, Legal, Corpora
Professional
te
Services
Office templates
2013.4.5 # uxguidelines @merkelwerks 49
55. QUALITY
ASSURANCE
USER SOFTWARE
EXPERIENCE ENGINEERING
QA
UX SE
PM PE
PRODUCT PERFORMANCE
MANAGEMENT ENGINEERING
2013.4.5 # uxguidelines @leslo 55
56. By alandberning at: www.flickr.com/photos/14617207@N00/4872111479/
2013.4.5 # uxguidelines @leslo 56
57. What will help?
Management support & allocation
of resources.
Cross-divisional participation &
shared ownership of the guidelines.
2013.4.5 # uxguidelines @leslo 57
58. What will help?
Manageable steps: demonstrate
success, strengthen your case.
Allowing the process to grow organically to
get buy-in.
2013.4.5 # uxguidelines @leslo 58
59. Marketing
Architecture
Mechanical
Engineering
Contextual Spatial
Requirements Experience
Electrical
Digital Engineering
Signage
Information Interactive
Architecture Environments Industrial
Design
Functional
Requirements Ubiquitous
Computing
Guidance Philosophy
Systems
Navigation
Design Media
Computer Installations
Science Data & Info Interactive Human
Cognitive
Application Science
Visualization Controls Computer
Design
Interaction
Software
Development
Generative User Interface Human Factors
Usability
Design
Design Engineering & Ergonomics Psychology
Communication Interaction
Design
Design Sociology
User Interface
Scenography
Scenario
Design
Writing
Motion Design Sound
Design
Graphic by Chris Merkel
User Experience
Design Audio
Engineering Based on “The Disciplines
of User Experience”
Dan Saffer (2008)
2013.4.5 # uxguidelines @leslo 59
60. RACHEL ROB CHRIS LESLEY
SENGERS FAY MERKEL HUMPHREYS
@rachseng @robfay @merkelwerks @leslo
Interaction Interaction Director of Interaction
Designer Designer UX Designer
Design for Design for American Inst. Design for
Context Context of Architects Context
Formerly at Formerly at
Blackboard Xerox
Resources: bit.ly/12pinhG
2013.4.5 # uxguidelines 60
Hinweis der Redaktion
Hi, good morning!Welcome to Design Guidelines, Real Life StoriesThere’s our hash tag, use it for the tweets!We came together as a panel on this topic because we’ve all worked on style guideline projects and we know how hard they can be to get off the ground, to get momentum, and to maintain over time.They’re often considered a lower priority because they’re overhead/internal, and it can very often feel like a lot of cats to herd.That said, these projects are also a prime opportunity to engage with clients and colleagues outside of IA/UX – to “build bridges to people who know nothing about what we do.”So what we wanted to do was present our real-life experience and share some of the things we’ve learned with you today.
We’re going to tell you three stories about companies that have embarked on guidelines projects. Each is at a different stage of development.Rachel is going to tell you about JDSU, an engineering company with multiple devices that also found itself in the midst of several corporate acquisitions (time)
Rob is going to talk about Blackboard, an education platform with a suite of applications and APIs kicking off a major comprehensive redesign (time)
And finally Chris will describe how Xerox, which I think most of us have heard of as a provider of business equipment and services, had to align its brand identity over about 20 different channels and platforms! Fitting for them they’ve been at it the longest, about nine years.
So all 3 of these companies were faced witha similar challenge, which is, “How do we achieve consistency across our products and strengthen and maintain our brand identity?”To answer this challenge they decided to develop design guidelines. These are just a few of the categories of guidelines that might be familiar to you.
Now, within this larger universe of categories,we expect that you all probably focus on websites and applications.[CLICK NEXT]And, within websites & applications, you might find these types of guidelines gathered together in one repository or kept in different depts or divisions across your organization.Here’s where the non-practitioners can still figure in: you may be working with PMs, writers, developers, QA people – all these folks will need to understand how your brand is expressed and your product is made.We’ll have time at the end of our talk for questions.So here’s the first of our stories: Rachel with JDSU.
I’m Rachel from DfC, I have been working with JDSU on their design guidelines projectEngineeringcompany that makes test & measurement devices used in telecommunications industry, and instruments that use optical technologies
Distributed/decentralized teams,located around the world, working on different productsMultiple platforms/interfaces – they make equipment with non-HTML interfaces, and also web-based desktop apps, mobile phone & tablet apps, Windows desktop client software[Click Next]Company also acquires new products thru mergers and acquisitionsAs you can imagine, this all can be a recipe for inconsistency.
So, JDSU embarked on an effort this past year to bring more consistency to their various interfaces – the Style Guide initiative.[Next]The Style Guide project is a subcomponent of a larger initiative to bake usability and user-centered design processes into JDSU’s software development lifecycle. JDSU engaged my company, Design for Context, as consultants to help JDSU develop these initiatives.
Early on in the process, JDSU and Design for Context organized a Style Guide “workshop week” to kickstart the design guidelines.[Next]We brought people from across the globe together to hammer out the start of the guidelines. Representatives from the different product lines. It was cross-functional – included people from software development, engineering, corporate branding, marketing, and more.[Next]
Each team came prepared with a walkthrough of their interfaces, to show at the workshop.[Next]During the week, the group split into smaller workgroups to work on specific topics – color and branding, fonts, icons, online help, terminology, and UX workflows (i.e. interaction patterns.)[Next]We reconvened periodically for debriefs with the whole group.After this week, these topical workgroups continued to flesh out the guidelines, and some of the team members worked on a governance strategy for applying the guidelines to the company’s products
Before the workshop week, upper management had already recognized the importance of creating a style guide. And there were some key players on the ground who were pushing for it- such as this person, Bruce Votipka.And then some really big things came out of the workshop week:First, the people who attended the workshop became ambassadors throughout the company for the Style Guide and that helped gain buy-in.Secondly, it established the concept of “workgroups”, to work out the different parts of the Style Guide.Now we’ll hear some words from Bruce on these themes.[Play video]So, the style guide got support from management down to the grassroots level.And it is managed as a real project, with a steering committee that meets regularly and it has a Project Manager to keep the work on track.
A strategic decision was made early on: Develop overarching high-level design principles, visual design guidelines, terminology, and help first….…And work on the interaction design patterns later.[CLICK]Meanwhile, guidelines for the UCD process were being worked out as a separate project.Benefits of focusing on visual guidelines first:Easier to implement in existing productsEasier to show a tangible result to the company and customers earlier onEasier for upper management to grasp and see the value of the Style GuideMakes products look consistent even if the UX workflows are not that consistent yet
A key mantra at JDSU has been – let’s not bite too much off at once. They decided to focus on the visual guidelines first, and within that, they decided to start small. They broke their work into smaller, manageable chunks so the team would not get bogged down. They could build on small successes to keep the momentum moving.[Play video]
So… you just heard Bruce mention the concept of” low-hanging fruit.” Using this approach, you decide which parts of the style guide to develop first.Design for the most common platforms firstFocus on UI elements with the broadest reach, common use – e.g. headers and navigation menus, tables, forms, buttonsCreate a common color paletteLibrary of most common iconsTriage which products to upgrade. Examples of criteria:Flagship productsProducts commonly used togetherProducts that are not due to retire anytime soonProducts that are due for a major new release (work in the new visual design)For each product, decide which parts of interface to upgrade. For example:If you can’t adopt the new icon visual design yet,you could use consistent metaphors for icons (from the library) Maybe you focus on login screens and splash screensCommon header on the screensCompany logo on the screens, in a consistent locationCertain standard links in consistent placesConsistent use of terminologyWork in the company-wide color palette
I’d like to close out by showing you some examples from the style guideExample from the design for the test & measurement instrumentsLight theme and dark theme provided, so product teams can choose which works best for their context, or provide end users with ability to select a themeHigh contrast theme because the interfaces are used in poor lighting conditions
Example from the look for desktop web apps. Provided a light and dark theme.
Excerpt from the icon library that is showing instructions on how to generate new icons in the JDSU style, so that product teams could create additional icons for their own product’s needs and contribute back into the library.___________________A couple words in closingFirst: I hope this case study inspired those of you in the audience who are UX consultants – as you can see, you can play a role in kickstarting your clients’ design guideline efforts!Secondly: For both consultants and people who work internally at companies - consider the company’s culture. Use a process that works with that culture. For JDSU, a distributed, decentralized process was more appropriate than a top-down, centralized approach.___________________(RS notes: Special thanks toBruce Votipka andClint Moats from JDSU for their help in putting this case study together)
I want to tell you the story of how an educational technology company integrated design guidelines into their software development process and how this process unexpectedly impacted company culture.
Blackboard Learn is the flagship division from which the company was originally formed. Over the years the company produced more products and services. But with the growth came risk that each platform could become silod.
When I started working with the company back in 2007 they were going through the effort of giving their traditional learning management system a complete overhaul, so the VP of UX felt that it was an opportunity to start thinking about coming up with some guidelines. Here are her words.[video clip]So there were a few goals. Not only to share a design vision with the rest of the company, but to gain buy-in and a shared understanding among the functional areas within the product development teams.
Because Product Development was focused on delivering software, the goals were to have a framework that:Increased usability through the consistent application of UI components and behaviorsSaved resources through code reuseFreed up resources to innovate[CLICK]So in this chart, Bb first focused on Interface Guidelines, [CLICK]then separately tackled defining the UCD process and company design principles.
How?Meet with stakeholders across Product Development to get input on necessary elements - QA, engineers, designersMeet with stakeholders (engineering, PM) to determine what reusable UI can be realistically implemented within scope
How?Draft #1 (seen here) example guideline includes an image, summary, rules of usage, exceptions, and engineering “tag”Later ideas include: accessibility considerations, text considerations, usability research
How?[CLICK]Started with Page Types [CLICK]worked our way smaller (Components and Behaviors)As software supported more asynchronous interactions, we found we needed to define certain behaviors, such as drag and drop.[CLICK]Worked our way larger (Page lows)
How?As an enterprise company, we used an enterprise wiki and bug tracking software to assist with the development of our products.
The wiki makes it easy for us to quickly update the guidelines and determine who should have access to it (Product Development > Bb Learn or to other divisions, or even external stakeholders like third party developers)The challenge was keeping it up-to-date, particularly with up-to-date screenshots
Another idea we had was to develop a process where people could request that new patterns be added. This didn’t work so well. One reason may be the formality of it. Another may be the culture of using bug tracking software was specifically for reporting on very specific software issues that needed to be addressed.
Originally there was an idea of a “Steering Committee” to meet regularly to discuss patterns and representative stakeholders would share with their functional teams. However, it didn’t work because it required too much overhead and it was too formal.
What worked?A more organic approach where only the UX person needed to be responsible for applying the guidelines during new feature work.
What worked?A more organic approach where only the UX person needed to be responsible for applying the guidelines during new feature work.
What Worked:Staff onboarding – new staff were oriented to the Design Framework as a resource
What Worked?It got teams talking, both within division and across divisions.
It first got teams talking within the same division. For example, although Marketing and UX do not overlap much, we realize that Marketing owns the style and branding guidelines, which can impact the product.
We also saw opportunities to work across divisions when other product teams looked for design feedback.
The obvious goal is that the guidelines as an opportunity to encourage design discussions across divisions._______________________________________Key takeawaysAllow it to grow organically for best buy-inEncourage shared ownershipInvest in “overhead” projects
Thank Rob, previous presenterExplain role at Xerox, with Xerox.comI started in 2004Xerox re-branding went on for several yearsBut first, understand some history
Xerox had a developed brand since biggest successes in 1950sWhen I joined the company, hunting down this “digital X” across Xerox.com sites was one of my first projects“The Document Company” was no longer relevant to the company with software
In earlier days of the company, with smaller product lines:Product lines were fewer,easier to manage the brand in product industrial design, marketing, and manualsBranding was simpler, with logo and few colors and typefacesIndustrial design was simpler, with fewer shapes, and 1-colour screens
Product lines diversified as Xerox expanded into office products, software, and servicesVerticals began to diverge in branding simply due to time constraintsBy 2004, brand management had difficulty keeping up with oversight due to process
Lack of central communication created silos between divisionsTektronix purchase gave Xerox colour, yet brand integration was difficultKept its websiteKept its marketing groupKept its voice & toneKept its more agile spiritXerox.com was less agile, moved slower technologically
Silo’d design appeared across Xerox.com sitesCommon elements are thereSmall differences reduced visual trust in brandEspecially critical for Design professionals, Production printing offices,Managed services in enterprise & gov
I noticed this potentialAfter making connections and establishing trust, I offer to include Xerox.com in the main guidelines in late 2004Rather than keeping silo’d guidelinesXerox.com guidelines included references back to the main corporate ID systemWriting, tone of voiceColor systemLayouts & priority of information
Trust from Brand Manager allowed me to expand the color systemKept ties with Xerox through industrial design“Celestial Blue” plastic colour of productsDuring the same process, I centralized Xerox.com typography, widgets, and layouts
New site & user needs demanded the agile approach my Tektronix partners brought inProducts may need new UX on the website, or in their own interfacesWorkflow for approval went through UX and Branding, socialized through SMEs during processAccepted new patterns added to Brand CentralRe-work needed sent changes back to product team for revising
During every Xerox.com project, I and my team referenced the guidelines at many stagesNotice that projects went across product divisions
Those product divisions of course had VPsVPs talked about their projects with each other, and with marketingThe Xerox.com guidelines were often subjects
Eventually they, and other groups reporting to them, came to the same conclusionsTechnology, Marketing, Professional Services, HR, even Legal & Corporate, came to myself and Brand Manager to ask to include their guidelines, too
With this new structure, we were already in a good place when in 2006 we engaged with Interbrand, a global brand consultancy, to start planning the repositioning of the Xerox brandXerox brand and perceptions of it weren’t going anywhere, no matter the innovationsFoundation gave us a new logo, greatly expanded colour system, and a corporate typefaceI expanded the appearance of Xerox.com, following tenets of simplicity and space, from the new main guidelines
Xerox Brand Management went so far as to give formal training on the brand foundationPreviously, this was informal, and not necessarily required of all new employeesIt was up to department leaders such as myself to present overall and specific guidelines
Any department with a touch on the brand used to have their own silo’d specs or guidelinesNow, departments’ foundation guidelines are all housed in the same collection
This includes specs for Product manualsPresentations and office documents of any kindMobile applicationsWebsites and online advertisementsInterfaces and industrial design for our physical productsEven billboard and vehicle signageDownloads may include:Spec manuals themselves, in PDF format for easy online/offline access, and printing,Fonts,Example filesKEY TAKEAWAYS - Facilitate, guide, &engageAnyone attending this IA Summit is a valuable director or facilitator for any size organization's repositioning, whether small business or global enterprise;Change may sometimes be a 'light switch' moment, of a big launch; and in other cases a rebranding operation may be 'glacial' in nature, through iterations;Leverage your connections, and foster a mutual trusting atmosphere with colleagues, clients and executives in your organization, which will help you and your ideas to grow in the future;
Thanks Chris!So now we’ve heard 3 stories of companies at different stages of design guidelines development. Each of them made the decision to invest in design guidelines for similar reasons: they had disparate groups that needed to align to strengthen their process and their products.[CLICK]JDSU had Distributed/decentralized teams,located around the world, working on different product – and wanted more consistency
Blackboard was undertaking an ambitious redesign and wanted to create a shared vision across functional teams
Xerox with its global array of products and services and corporate acquisitions was heavily siloed and needed to unify under one brand identity and a coherent set of guidelines.
So what did we learn from each of these stories that might help in future projects?Get upper mgmt support and get them to give you money, people, time!Recruit people from all over and encourage them to lead with you.
The low-hanging fruit principle: start with manageable pieces.Grow the guidelines at a pace that’s suitable for your organization and your team.
And finally, as UX practitioners, we feel we’re uniquely qualified to lead these types of initiatives. As each of our stories described, we can build relationships and trust across teams and hierarchies within our organizations.We may represent all these disciplines but ultimately it comes down to fostering effective communication about good user experience and good design both inside and outside of our discipline, and that’s really what we do best.Thank you for your time this morning!
Put this at the end during Q&AADD THANKS! At the end