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.
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.
Injoos Team-ware is a next generation collaboration platform that combines the simplicity and UGC features of social networks with the power of enterprise document, project and knowledge management tools in a single, hosted web based application.
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.
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.
Injoos Team-ware is a next generation collaboration platform that combines the simplicity and UGC features of social networks with the power of enterprise document, project and knowledge management tools in a single, hosted web based application.
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.
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.
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!
User experience is vital, and the word "design" seems to be a buzz word and a magical pill to elevate products or services - all thanks to global success and publicity of Apple. Organisations in Asia will benefit by grasping the essence of user experience and design research. Lean UX evolved from well-understood UX practices, to conduct UX in a much leaner and cost effective way. As the saying goes" Some UX is better than no UX"!
Raven will share fundamental concepts and "quick-and-dirty" tips that enable improvement on user experience of products or services in a cost effective manner with case studies.
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.
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.
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.
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!
User experience is vital, and the word "design" seems to be a buzz word and a magical pill to elevate products or services - all thanks to global success and publicity of Apple. Organisations in Asia will benefit by grasping the essence of user experience and design research. Lean UX evolved from well-understood UX practices, to conduct UX in a much leaner and cost effective way. As the saying goes" Some UX is better than no UX"!
Raven will share fundamental concepts and "quick-and-dirty" tips that enable improvement on user experience of products or services in a cost effective manner with case studies.
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.
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.
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.
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.
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.
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
Presented by Design for Context's Karen Bachmann at the User Experience Professionals Association (UXPA) Conference June 28, 2018, in Puerto Rico.
Despite our best intentions, UX practitioners are subject to hidden biases and barriers as any of our fellow humans. It’s more important than ever to understand our own biases to make sure we can be most effective in our communication and our design work. Increasing application of AI and machine learning as well as ever increasing amounts of data on people particularly are areas where hidden and unmitigated biases can create bad and even harmful outcomes. We explore ways to discover and discuss biases constructively before they undermine work, look at case studies of products that suffered from hidden biases, and consider pragmatic approaches to manage their influence in our projects.
Big Data in Small Graphics: Micro-Visualizations in SaaS and Enterprise Appli...Design for Context
Presented by Design for Context's Lisa Battle and Rachel Sengers at the User Experience Professionals Association (UXPA) Conference June 26, 2018, in Puerto Rico.
The power of communicating data visually can’t be overstated. We often need to convey a lot of information at a glance to help expert users 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. For all users, the micro-visualization is a small but powerful way to package detailed information in an easily digestible, visual form. Individually or arranged into arrays, these compact visual elements pack a huge punch, giving your users the ability to quickly assess trends, spot outliers, and identify priorities. This presentation will explore the use of data micro-visualizations to enhance user experience and explain how to utilize pre-attentive processing and gestalt mechanisms to design more effective visualizations.
Archives Strengthening Historical Narrative: Sharing digital and linked data ...Design for Context
Private collections provide engaging windows into little-known subjects that, when made discoverable, are incredibly relevant to many diverse audiences. The Texas Coastal Bend Collection (TCBC) is a digital-first private collection that offers rich insight into the culture of the Texas Coastal Bend ranching communities, starting with the Irish immigration in 1834. The site’s topic-based framework immerses people in the region’s cultural history. Rich, well-structured metadata (subjects, people, places, historic events, relationships) allows every page to be a gateway for exploring over 200 artistic photographs, 9,000 images, archival documents, books, maps, genealogies, and 1,400 hours of oral history.
We describe the strategies and tools that enable rich exploration of the TCBC’s unique resources, its maintenance by a small dedicated staff, and how meaningful digital connections with other institutions can foster storytelling across an array of subjects. The digital approach that underpins the TCBC, incorporating highly structured categorization, linked data, IIIF, and a unique audio player, provides insights that can be used by other museums and archives.
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
Just as building and city architects can’t control every use and evolution of their spaces over time, it is also true that information architects need to anticipate – but not control – the various people who engage with information spaces. This includes regular inhabitants, visitors, and those who never engage directly with the space but have a more distant interaction – suppliers of goods and services, and people who are affected by the decisions and actions of those within the space.
Built spaces are not static, they are dynamic. The idea of designing your IA to respond to dynamic conditions is not new, but what does that mean in practice? How do we approach our work and the additional responsibilities that arise in these spaces?
We can create ecosystems that accommodate a range of different information sources and uses. We can also support the immediate goals and needs of the current stakeholders, while anticipating the long-term evolution of what we build. We will incorporate terms we know into our process – terms like adaptive, responsive, flexible, emergent, empowering – but with deeper meanings, as they have to guide the use of sophisticated information models and advanced/AI technologies.
This talk provides an overview of the dynamic information landscape, positions the role of IA firmly at the heart of its ecosystem design, and provides ideas for weaving this into your practice.
Integrating Taxonomies and Ontologies into Enterprise Search and BrowseDesign for Context
Presented by Duane Degler, on February 6, 2018, at the Data Harmony User Group in Albuquerque, NM.
Over the course of multiple search projects, we have found ways to increase taxonomy integration into search and browse. For users to get the greatest value out of your taxonomies, the structures need to be woven into the indexing strategies for search and browse. You also can incorporate capabilities into the user interface to help users interact with taxonomy terms in ways that increase usability and relevance. Ultimately, you want to leverage your taxonomies into feedback loops that help you refine both the taxonomy and the content over time. New features in Data Harmony can potentially extend your capabilities even further. This talk will briefly outline approaches for drawing the greatest value from your taxonomies for your users.
Presentation by Michael Owens and Lesley Humphreys at the Baltimore UX Meetup, on May 9, 2017.
As user experience professionals, we know that the principles of universal design benefit everyone: we should strive to make our information and our applications accessible to all. However, accessibility can seem like an overwhelming topic – where do we start? What are the guidelines? What is the UX designer’s role in the process? In this presentation, we introduce the standards, including the recently published WCAG 2.1 guidelines, look at some assistive technologies, and explore the types of deliverables that can be used to specify accessibility compliant interactions.
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
Presentation by Lisa Battle, Rachel Sengers, and Michael Owens at the UXPA2017 conference in Toronto, Ontario, on June 8, 2017.
The next big challenge on the horizon for UX in application design is not about the small screen—it’s about going large. Large monitors keep getting cheaper – and higher resolution – so many users working with SaaS and enterprise applications today have multiple monitors on their desks. It is frustrating for those users when applications do not scale well to a larger size, wasting screen real estate, and not taking advantage of the additional monitors to support side-by-side comparisons and multi-tasking that are common to knowledge workers in many domains. As UX design consultants, we are increasingly seeing opportunities to improve user experience and productivity for business users by utilizing multiple monitors. In this presentation, we discuss new UX design patterns and challenges that arise in software and web-based application design for multiple monitors, illustrating them with real project examples.
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.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
In today's digital era, the dynamics of brand perception, consumer behavior, and profitability have been profoundly reshaped by the synergy of branding, social media, and website design. This research paper investigates the transformative power of these elements in influencing how individuals perceive brands and products and how this transformation can be harnessed to drive sales and profitability for businesses.
Through an exploration of brand psychology and consumer behavior, this study sheds light on the intricate ways in which effective branding strategies, strategic social media engagement, and user-centric website design contribute to altering consumers' perceptions. We delve into the principles that underlie successful brand transformations, examining how visual identity, messaging, and storytelling can captivate and resonate with target audiences.
Methodologically, this research employs a comprehensive approach, combining qualitative and quantitative analyses. Real-world case studies illustrate the impact of branding, social media campaigns, and website redesigns on consumer perception, sales figures, and profitability. We assess the various metrics, including brand awareness, customer engagement, conversion rates, and revenue growth, to measure the effectiveness of these strategies.
The results underscore the pivotal role of cohesive branding, social media influence, and website usability in shaping positive brand perceptions, influencing consumer decisions, and ultimately bolstering sales and profitability. This paper provides actionable insights and strategic recommendations for businesses seeking to leverage branding, social media, and website design as potent tools to enhance their market position and financial success.
7 Alternatives to Bullet Points in PowerPointAlvis Oh
So you tried all the ways to beautify your bullet points on your pitch deck but it just got way uglier. These points are supposed to be memorable and leave a lasting impression on your audience. With these tips, you'll no longer have to spend so much time thinking how you should present your pointers.
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
Editor's Notes
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