The document discusses improving Drupal's usability and user experience (UX). It outlines a process for making the most common tasks easy for users through tweaks like grouping related items and providing helpful documentation and examples. Specific examples provided include improving content sorting and using autocomplete fields to simplify adding users to organic groups. The challenges of delivering better UX are also addressed, such as clients expecting it without budget or developers making custom changes that degrade the core experience.
The Prairie Initiative is a family of projects that aim to make Drupal.org a more supportive environment for people who are new to the community and a more productive environment for our contributors.
Creating and Scaling an Enterprise Design Systemuxpin
You'll learn:
- How to create a unified design language for a complex organization.
- How to use the most efficient processes and tools for maintaining the design system.
- How to scale code and interaction patterns across platforms and products.
Drupal - Changing the Web by Connecting Open Minds - DrupalCamp North 2015dasjo
The web is constantly changing, new ideas pop up, get immediately realised. Drupal, as one of the leading platforms in web development today, enables millions of people across the planet to create innovative web experiences. Both as Software and equally important as a community, we have come a long way implementing best practices in our project.
With the upcoming release of Drupal 8, we are finally getting off the island and open up to the wider PHP community. We adopt Symfony components, libaries like Guzzle and well established software design patterns like dependency injection for better interoperability and quality of the platform.
In this session, I will share my personal view on why Drupal as a platform is so relevant, how does such a large-scale open source project work and how can we as individuals participate and even contribute to the project.
The Prairie Initiative is a family of projects that aim to make Drupal.org a more supportive environment for people who are new to the community and a more productive environment for our contributors.
Creating and Scaling an Enterprise Design Systemuxpin
You'll learn:
- How to create a unified design language for a complex organization.
- How to use the most efficient processes and tools for maintaining the design system.
- How to scale code and interaction patterns across platforms and products.
Drupal - Changing the Web by Connecting Open Minds - DrupalCamp North 2015dasjo
The web is constantly changing, new ideas pop up, get immediately realised. Drupal, as one of the leading platforms in web development today, enables millions of people across the planet to create innovative web experiences. Both as Software and equally important as a community, we have come a long way implementing best practices in our project.
With the upcoming release of Drupal 8, we are finally getting off the island and open up to the wider PHP community. We adopt Symfony components, libaries like Guzzle and well established software design patterns like dependency injection for better interoperability and quality of the platform.
In this session, I will share my personal view on why Drupal as a platform is so relevant, how does such a large-scale open source project work and how can we as individuals participate and even contribute to the project.
Why your product team should use User Story Mapping to link user research to ...John Murray
How well do you think your product team takes what they learn from their users and puts it into the next iteration of the product? How well does your team come to a common understanding of what the next iteration of the product will look like and then build a product that reflects that common understanding?
These two problems — improving your product with user research and effective team collaboration — can both be solved with a design tool called User Story Mapping.
In this session, attendees will hear how to apply User Story Mapping to connect user research to user stories for Design Thinking and Agile Development and the experience our teams have with the method. Attendees will get a taste of going through running a simple user story mapping workshop so that they will feel comfortable taking the process back to their business.
Enterprise Usability: The Olive Garden PrincipleDylan Wilbanks
In enterprise UX we find ourselves trying to be "a little better" than everyone else. But what do we need to do to be truly great at design? Dylan Wilbanks explains the journeys he's been on and how he's worked to make design better.
Designing a Sustainable Enterprise UX Processuxpin
You'll learn:
- How to select the right UX activities and plan resources appropriately.
- How to evolve your process as you grow.
- How to conduct proper discovery, transition from waterfall to Agile UX, and more.
Getting The Most Out of Open Source and Drupal (Michael Meyers, Acquia)myplanetsteph
Slides from Michael Meyers, VP of Large Scale Drupal at Acquia. Presented at the 2012 Drupal Business Summit in Toronto, Chicago and NYC.
www.acquia.com
www.drupalbusinesssummit.com
Building a Design System: A Practitioner's Case Studyuxpin
- How to build a design system from scratch
- How to audit your product for design consistency
- How to structure and communicate a design system to an Agile team
In this presentation, learn how to hack UX Zombies to pieces using two tools: models and fidelity. You’ll be introduced to how to control the fidelity of our models, to hack UX for the right design.
Get hands-on advice for rapid Agile prototyping in a product team.
You'll learn:
- How to determine the right depth and breadth for MVP prototypes.
- How to prioritize use cases for prototyping.
- How to elicit the right stakeholder and user feedback.
- How to correctly annotate prototypes for dev and QA.
The Future of Enterprise UX Design: An Asana & Quickbooks Case Studyuxpin
You'll learn:
- Techniques for designing enterprise UX base on new user expectations.
- How to design a consumer-grade enterprise experience
- Enterprise UX best practices based on case studies from Asana and Intuit
2010 BMW 5 Series Sport Wagon color brochure provided by Checkered Flag BMW located in Virginia Beach, VA. Find the 2010 BMW 5 Series Sport Wagon for sale in Virginia; call about our current sales and incentives at (866)490-FLAG.
2010 BMW 5 Series color brochure provided by Checkered Flag BMW located in Virginia Beach, VA. Find the 2010 BMW 5 Series for sale in Virginia; call about our current sales and incentives at (866)490-FLAG.
2010 BMW M5 M6 Series color brochure provided by Checkered Flag BMW located in Virginia Beach, VA. Find the 2010 BMW M5 M6 Series for sale in Virginia; call about our current sales and incentives at (866)490-FLAG.
Drupal.js: Best Practices for Managing Javascript in DrupalBryan Braun
Drupal has specific ways for working with Javascript, whether it's including files through drupal_add_js() or keeping your site structured with the Libraries. If you don't learn the correct techniques, you'll pay the consequences down the road.
Top 20 mistakes you will make on your 1st Drupal projectIztok Smolic
Working as a Drupal theming/development consultant on many "rescue" mission projects I seen many different mistakes web developers do when facing with Drupal for the first time.
Creating Usable Websites with Interaction Design Patterns: Do It With Drupal!Karen McGrane
Drupal makes so many options available, it's sometimes hard for developers to know how to make the right choices so the website is usable by its intended audience. Interaction design patterns are a resource available to developers for guidance in making better design decisions.
In this session, we will explore the how the recent explosion of devices has disrupted the process of designing a website that we've crafted over the past decade.
When designers only have one instance of website (i.e., desktop) to design, the layout is uniform. The header, content area, sidebar, and footer all remain static. Furthermore, the elements are relatively uniform as well. Buttons, navigation, typography, and images are all basically the same across across the various pages. But if you are designing a responsive website – one whose look and feel adapts depending whether you're using a phone, laptop, or tablet – then these elements and especially the layout begin to diverge.
After this session, you should leave with the confidence to argue the importance of responsive design to your client or boss – and that the with the proper strategy, the extra effort and costs can be justified (and hopefully minimized).
Why your product team should use User Story Mapping to link user research to ...John Murray
How well do you think your product team takes what they learn from their users and puts it into the next iteration of the product? How well does your team come to a common understanding of what the next iteration of the product will look like and then build a product that reflects that common understanding?
These two problems — improving your product with user research and effective team collaboration — can both be solved with a design tool called User Story Mapping.
In this session, attendees will hear how to apply User Story Mapping to connect user research to user stories for Design Thinking and Agile Development and the experience our teams have with the method. Attendees will get a taste of going through running a simple user story mapping workshop so that they will feel comfortable taking the process back to their business.
Enterprise Usability: The Olive Garden PrincipleDylan Wilbanks
In enterprise UX we find ourselves trying to be "a little better" than everyone else. But what do we need to do to be truly great at design? Dylan Wilbanks explains the journeys he's been on and how he's worked to make design better.
Designing a Sustainable Enterprise UX Processuxpin
You'll learn:
- How to select the right UX activities and plan resources appropriately.
- How to evolve your process as you grow.
- How to conduct proper discovery, transition from waterfall to Agile UX, and more.
Getting The Most Out of Open Source and Drupal (Michael Meyers, Acquia)myplanetsteph
Slides from Michael Meyers, VP of Large Scale Drupal at Acquia. Presented at the 2012 Drupal Business Summit in Toronto, Chicago and NYC.
www.acquia.com
www.drupalbusinesssummit.com
Building a Design System: A Practitioner's Case Studyuxpin
- How to build a design system from scratch
- How to audit your product for design consistency
- How to structure and communicate a design system to an Agile team
In this presentation, learn how to hack UX Zombies to pieces using two tools: models and fidelity. You’ll be introduced to how to control the fidelity of our models, to hack UX for the right design.
Get hands-on advice for rapid Agile prototyping in a product team.
You'll learn:
- How to determine the right depth and breadth for MVP prototypes.
- How to prioritize use cases for prototyping.
- How to elicit the right stakeholder and user feedback.
- How to correctly annotate prototypes for dev and QA.
The Future of Enterprise UX Design: An Asana & Quickbooks Case Studyuxpin
You'll learn:
- Techniques for designing enterprise UX base on new user expectations.
- How to design a consumer-grade enterprise experience
- Enterprise UX best practices based on case studies from Asana and Intuit
2010 BMW 5 Series Sport Wagon color brochure provided by Checkered Flag BMW located in Virginia Beach, VA. Find the 2010 BMW 5 Series Sport Wagon for sale in Virginia; call about our current sales and incentives at (866)490-FLAG.
2010 BMW 5 Series color brochure provided by Checkered Flag BMW located in Virginia Beach, VA. Find the 2010 BMW 5 Series for sale in Virginia; call about our current sales and incentives at (866)490-FLAG.
2010 BMW M5 M6 Series color brochure provided by Checkered Flag BMW located in Virginia Beach, VA. Find the 2010 BMW M5 M6 Series for sale in Virginia; call about our current sales and incentives at (866)490-FLAG.
Drupal.js: Best Practices for Managing Javascript in DrupalBryan Braun
Drupal has specific ways for working with Javascript, whether it's including files through drupal_add_js() or keeping your site structured with the Libraries. If you don't learn the correct techniques, you'll pay the consequences down the road.
Top 20 mistakes you will make on your 1st Drupal projectIztok Smolic
Working as a Drupal theming/development consultant on many "rescue" mission projects I seen many different mistakes web developers do when facing with Drupal for the first time.
Creating Usable Websites with Interaction Design Patterns: Do It With Drupal!Karen McGrane
Drupal makes so many options available, it's sometimes hard for developers to know how to make the right choices so the website is usable by its intended audience. Interaction design patterns are a resource available to developers for guidance in making better design decisions.
In this session, we will explore the how the recent explosion of devices has disrupted the process of designing a website that we've crafted over the past decade.
When designers only have one instance of website (i.e., desktop) to design, the layout is uniform. The header, content area, sidebar, and footer all remain static. Furthermore, the elements are relatively uniform as well. Buttons, navigation, typography, and images are all basically the same across across the various pages. But if you are designing a responsive website – one whose look and feel adapts depending whether you're using a phone, laptop, or tablet – then these elements and especially the layout begin to diverge.
After this session, you should leave with the confidence to argue the importance of responsive design to your client or boss – and that the with the proper strategy, the extra effort and costs can be justified (and hopefully minimized).
Video: https://www.youtube.com/watch?v=Lka7nsDsZk8
There’s real evidence that Agile software engineering projects work better than waterfall. In Silicon Valley, Agile is the de-facto standard for innovating new products. But an Agile project needs good product management and good UX design to succeed. Fitting UX in with product management and Agile can be uncomfortable for UX designers. Once you get it, though, you’ll never want to work any other way. We’ll look at:
- Why Agile works well for innovation and for software delivery
- What product management is and why your software product can’t succeed without it
- The different product phases: Discover, expand and exploit
- The role of UX in each phase
- Setting up hypotheses and metrics to keep Agile teams on track
It's All About the Experience: What I’ve learnt from talking to thousands of ...Suzanne Dergacheva
Use cases for Drupal are changing and so are criteria for selecting a web development platform. This is a challenge for the community as well as individuals and companies that use Drupal. We can learn a lot by looking at the Drupal experience from different perspectives and thinking about the personas of people who interact with Drupal.
I’ll talk about what we can learn from design thinking and user experience techniques, and what I’ve learnt from talking to new Drupal users and teaching Drupal. And I’ll share my thoughts about how we can adapt our approach and mindset to make Drupal relevant to our clients, colleagues, and communities.
We're big fans of Drupal right now and find the tools available, and the modular functionality, to be quite effective. Questions? Ideas? Let's connect over your project.
A talk about a deeper collaboration between designers and developers that would result in a better product. Gives examples of specific drupal interfaces that you can use and reuse to improve your design without expanding development time.
Drupal: Northeastern University Libraries websiteiFactory
A closer look at the Drupal side of our Northeastern University Libraries website redesign//Drupal build. Presented by Lisa Sawin to the Rice University Library Drupal Group on June 5, 2012.
Better User Experience for WordPress Sitesaungstad
An introduction to a handful of universal principles of User Experience (UX) design with tips on how to implement them on a WordPress site. Many of the ideas are easy to implement and will be useful for any site really - large or small, wordpress or not.
Presented to the WordPress Geneva group on April 23, 2013. Thanks & enjoy!
[UserTesting Webinar] Tackling B2B and B2C challenges: User Research at HomeA...UserTesting
HomeAdvisor connects more than 30 million homeowners with trusted home improvement professionals in their area. So how does the company manage to tackle usability issues from the home improvement professionals’ perspective (B2B) and from the homeowners’ perspective (B2C) at the same time?
Leah Russell, Vice President of User Experience at HomeAdvisor, joins us to share her insights on how her team incorporates regular user research to address the unique challenges facing both the B2B and B2C sides of the business.
Product development - From Idea to Reality - VYE Leader TalkBui Hai An
Product development - From Idea to Reality - Viet Youth Entrepreneur Bootcamp Leader Talk.
Sharing to help VYE Boot-camper solidify their ideas and prepare for better pitch.
Julie Grundy gives an overview of user experience Design, why it's important, guiding principles, UX research overview, and tactics used by UX professionals. November 2015.
Similar to Drupal UI Tweaks PNW Drupal Summit (20)
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
GridMate - End to end testing is a critical piece to ensure quality and avoid...ThomasParaiso2
End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIVladimir Iglovikov, Ph.D.
Presented by Vladimir Iglovikov:
- https://www.linkedin.com/in/iglovikov/
- https://x.com/viglovikov
- https://www.instagram.com/ternaus/
This presentation delves into the journey of Albumentations.ai, a highly successful open-source library for data augmentation.
Created out of a necessity for superior performance in Kaggle competitions, Albumentations has grown to become a widely used tool among data scientists and machine learning practitioners.
This case study covers various aspects, including:
People: The contributors and community that have supported Albumentations.
Metrics: The success indicators such as downloads, daily active users, GitHub stars, and financial contributions.
Challenges: The hurdles in monetizing open-source projects and measuring user engagement.
Development Practices: Best practices for creating, maintaining, and scaling open-source libraries, including code hygiene, CI/CD, and fast iteration.
Community Building: Strategies for making adoption easy, iterating quickly, and fostering a vibrant, engaged community.
Marketing: Both online and offline marketing tactics, focusing on real, impactful interactions and collaborations.
Mental Health: Maintaining balance and not feeling pressured by user demands.
Key insights include the importance of automation, making the adoption process seamless, and leveraging offline interactions for marketing. The presentation also emphasizes the need for continuous small improvements and building a friendly, inclusive community that contributes to the project's growth.
Vladimir Iglovikov brings his extensive experience as a Kaggle Grandmaster, ex-Staff ML Engineer at Lyft, sharing valuable lessons and practical advice for anyone looking to enhance the adoption of their open-source projects.
Explore more about Albumentations and join the community at:
GitHub: https://github.com/albumentations-team/albumentations
Website: https://albumentations.ai/
LinkedIn: https://www.linkedin.com/company/100504475
Twitter: https://x.com/albumentations
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Drupal UI Tweaks PNW Drupal Summit
1. Drupal UI Tweaks
THE OTHER 20%
Darko Hrgovic
Agentic Digital Media
http://www.agentic.ca
darko_hrgovic
2. The Goal
To discuss our place in
Drupal’s usability evolution and reputation
3. Agentic Digital Media
Agentic is the human web
agency. We authentically engage
real people online.
We have core expert processes
around web development and
using online media for good.
4. Agentic Digital Media
Agentic is the human web
agency. We authentically engage
real people online. • 8 people - 20 sites per year
We have core expert processes
around web development and
using online media for good.
5. Agentic Digital Media
Agentic is the human web
agency. We authentically engage
real people online. • 8 people - 20 sites per year
• Strategy/Design/Build
We have core expert processes
around web development and
using online media for good.
6. Agentic Digital Media
Agentic is the human web
agency. We authentically engage
real people online. • 8 people - 20 sites per year
• Strategy/Design/Build
We have core expert processes
around web development and
• Social mission organizations
using online media for good.
7. Agentic Digital Media
Agentic is the human web
agency. We authentically engage
real people online. • 8 people - 20 sites per year
• Strategy/Design/Build
We have core expert processes
around web development and
• Social mission organizations
using online media for good. • Digital media
8. Agentic Digital Media
Agentic is the human web
agency. We authentically engage
real people online. • 8 people - 20 sites per year
• Strategy/Design/Build
We have core expert processes
around web development and
• Social mission organizations
using online media for good. • Digital media
• Digital ecology
16. Learnability
• “It doesn’t work like that blog cms I’m used to”
17. Learnability
• “It doesn’t work like that blog cms I’m used to”
• “Hard” often means “uncomfortable with the
learning curve”
18. Learnability
• “It doesn’t work like that blog cms I’m used to”
• “Hard” often means “uncomfortable with the
learning curve”
• Big question: how do we increase usability/
learnability?
19. Learnability
• “It doesn’t work like that blog cms I’m used to”
• “Hard” often means “uncomfortable with the
learning curve”
• Big question: how do we increase usability/
learnability?
• Luckily, there is a plan . . .
21. Drupal UX
http://www.d7ux.org
1. Make the most frequent tasks easy and less
frequent tasks achievable
22. Drupal UX
http://www.d7ux.org
1. Make the most frequent tasks easy and less
frequent tasks achievable
2. Design for the 80%
23. Drupal UX
http://www.d7ux.org
1. Make the most frequent tasks easy and less
frequent tasks achievable
2. Design for the 80%
3. Privilege the Content Creator
24. Drupal UX
http://www.d7ux.org
1. Make the most frequent tasks easy and less
frequent tasks achievable
2. Design for the 80%
3. Privilege the Content Creator
4. Make the default settings smart
30. From Drupal UX
to Product UX
• Framework versus product
• If we know the use case, we can address the 20%
31. From Drupal UX
to Product UX
• Framework versus product
• If we know the use case, we can address the 20%
• Goals
• Streamline client workflow = happy client
• We’ve heard it said: A client’s job is NOT to run their website, but
to run their business!
• Developers feel good about a highly usable product
• Drupal gets a good usability rep from happy client
33. Challenges to
delivering better UX
• Clients want more features, and expect that usability
is included
34. Challenges to
delivering better UX
• Clients want more features, and expect that usability
is included
• Since usability is project-specific, clients need to be
socialized into the fact that their 20% use case takes
time and budget to address
35. Challenges to
delivering better UX
• Clients want more features, and expect that usability
is included
• Since usability is project-specific, clients need to be
socialized into the fact that their 20% use case takes
time and budget to address
• Requires earlier (and more) client involvement, which
means more management
36. Challenges to
delivering better UX
• Clients want more features, and expect that usability
is included
• Since usability is project-specific, clients need to be
socialized into the fact that their 20% use case takes
time and budget to address
• Requires earlier (and more) client involvement, which
means more management
• Challenges are similar to client buy-in required for
agile, responsive design or hybrid billing
42. Contrib UX
• The obvious: admin_menu
• Groups common tasks
• We can barely use a D6 site without it
43. Contrib UX
• The obvious: admin_menu
• Groups common tasks
• We can barely use a D6 site without it
• D7 toolbar
• And various “improved toolbar” modules
44. Prioritizing UX
String overrides usability thread: http://drupal.org/node/234334
“I'm not sure I like how "Enabled" looks in the table header row. It pushes the text
fields to the right and makes it look like the columns are misaligned. I also like
having the ability to select all the rows at the same time. Letting the user know
what the checkboxes are for is important though, and I'm no usability expert ...”
Rob Loach
46. Beyond admin_menu/ toolbar
• Further to “Make the most frequent tasks easy,”
make the most frequent tasks easy to find
47. Beyond admin_menu/ toolbar
• Further to “Make the most frequent tasks easy,”
make the most frequent tasks easy to find
• Group most frequent editorial tasks into a single
menu or block & make it somewhat pretty
• “learnability” benefits from color queues in menus, etc
48. Beyond admin_menu/ toolbar
• Further to “Make the most frequent tasks easy,”
make the most frequent tasks easy to find
• Group most frequent editorial tasks into a single
menu or block & make it somewhat pretty
• “learnability” benefits from color queues in menus, etc
• Contextual links module in D7 core - like theme
“block edit hovers” in D6 - http://drupal.org/documentation/
modules/contextual
51. Our clients understand blocks
• We use blocks because most of our clients can
easily learn to use them
52. Our clients understand blocks
• We use blocks because most of our clients can
easily learn to use them
• We don’t use context or panels because, as with
views, we find that our clients find them too
difficult to learn
53. Our clients understand blocks
• We use blocks because most of our clients can
easily learn to use them
• We don’t use context or panels because, as with
views, we find that our clients find them too
difficult to learn
• But those are wicked awesome modules
56. Custom UX
• The Wild West of usability
• Do our best not to degrade UX for the 80%
57. Custom UX
• The Wild West of usability
• Do our best not to degrade UX for the 80%
• Leave a ton of documentation in our wake (both for
users and for future developers)
• “Did you patch core according to that google doc that’s not
referenced anywhere?“ - really, this just happened to us
60. Where’s the Content?
• Train as early as possible on a “content alpha”
• Watch them use it and act as a guide
• There is no greater moment of illumination in a Drupal project
than watching someone use it. (me)
• Record this session (readytalk) - really, it makes everyone
pay attention
61. Where’s the Content?
• Train as early as possible on a “content alpha”
• Watch them use it and act as a guide
• There is no greater moment of illumination in a Drupal project
than watching someone use it. (me)
• Record this session (readytalk) - really, it makes everyone
pay attention
• Tweak it to the use case as much as possible
62. Where’s the Content?
• Train as early as possible on a “content alpha”
• Watch them use it and act as a guide
• There is no greater moment of illumination in a Drupal project
than watching someone use it. (me)
• Record this session (readytalk) - really, it makes everyone
pay attention
• Tweak it to the use case as much as possible
• Rinse, repeat, as many iterations as possible
67. Help, please!
• “Type something here” is not very helpful - be as
specific as possible
68. Help, please!
• “Type something here” is not very helpful - be as
specific as possible
• Include dimensions or ratios for images, stylistic
examples for text, dates, etc
• “Upload a screen capture to be used on the training
landing page. The image will be resized to 100px wide
(height will scale accordingly).”
69. Help, please!
• “Type something here” is not very helpful - be as
specific as possible
• Include dimensions or ratios for images, stylistic
examples for text, dates, etc
• “Upload a screen capture to be used on the training
landing page. The image will be resized to 100px wide
(height will scale accordingly).”
• Nobody will see help text at .6em
• “Upload a screen capture to be used on the training landing page. The image will be resized to 100px wide (height will scale accordingly).”
71. Information Proximity
• Proximity of documentation becomes even more
important for certain types of projects
• Staff turnover
• Student organizations
• Repeat training/documentation is rarely as intense when new features
added
• Train the trainer gets watered down over time
• Developer turnover
• RTFM doesn’t work when there’s no M, or if nobody knows
where in the F the M is
• We use blocks to place important information where it is most
likely to be noticed (like the available updates page)
75. Provide Examples
• Example node(s) for wysiwyg styles
• For complicated elements, provide copy/paste
examples
76. Provide Examples
• Example node(s) for wysiwyg styles
• For complicated elements, provide copy/paste
examples
• Examples better if they reflect client’s style guide
77. Provide Examples
• Example node(s) for wysiwyg styles
• For complicated elements, provide copy/paste
examples
• Examples better if they reflect client’s style guide
• Clone module in D6 & D7
81. UI tweak examples
• Better content sorting in D6 - in D7 core!
• OG user management autocomplete with
hook_form_alter - free in D7!
82. UI tweak examples
• Better content sorting in D6 - in D7 core!
• OG user management autocomplete with
hook_form_alter - free in D7!
• Modal noderef in D6 - not in D7 yet
83. UI tweak examples
• Better content sorting in D6 - in D7 core!
• OG user management autocomplete with
hook_form_alter - free in D7!
• Modal noderef in D6 - not in D7 yet
• Nebulous usability issues with wysiwyg editors,
images, and file interfaces
87. D6 OG user management tweak
hook_form_alter
if ($form_id == 'og_add_users') {
// Add our custom pre-submit function in front of the regular submit handler
$form['og_names']['#type'] = 'textfield';
$form['og_names']['#autocomplete_path'] = 'mymodule/user_autocomplete';
}
hook_menu
$items['mymodule/user_autocomplete'] = array(
'title' => 'OG user autocomplete',
'page callback' => 'mymodule_user_autocomplete_multiple',
'access callback' => 'user_access',
'access arguments' => array('access user profiles'),
'type' => MENU_CALLBACK,
'file' => ‘mymodule.pages.inc',
);
88. D6 OG user management tweak
mymodule.pages.inc
// Borrowed from tags autocomplete
function mymodule_user_autocomplete_multiple($string = '') {
// The user enters a comma-separated list of users. We only autocomplete the last user.
$array = drupal_explode_tags($string);
// Fetch last user
$last_string = trim(array_pop($array));
$matches = array();
if ($last_string != '') {
$result = db_query_range("SELECT name FROM {users} WHERE LOWER(name)
LIKE LOWER('%s%%')", $last_string, 0, 10);
$prefix = count($array) ? implode(', ', $array) .', ' : '';
while ($user = db_fetch_object($result)) {
$n = $user->name;
$matches[$prefix . $n] = check_plain($user->name);
}
}
drupal_json($matches);
}
95. Modal noderef requirements
• noderef cck
• modal_noderef http://drupal.org/project/
modal_noderef
• automodal
• modalframe (core in D7)
• edit links are custom, and will need to be integrated into
D7 entity reference options
96. // borrowed from automodal module
(function ($) {
/**
* Add modal behaviour to all links with the given class.
*/
Drupal.behaviors.YLRModal = function () {
var selector = '.ylr-modal';
var settings = {
autoResize: true,
autoFit: true,
width: 700,
height: 500
}
// Add a click handler to each modal link.
$(selector).click(function () {
$this = $(this);
settings.url = $this.attr('href') || '#';
$path = drupal_get_path('module', 'mymodule');
if (settings.url.indexOf('?') >= 0) {
drupal_add_js($path . '/js/mymodule_modal.js');
settings.url += '&'
}
else {
settings.url += '?'
}
// Add the flag to the end to make sure that the modal is opened correctly.
settings.url += 'automodal=true';
Drupal.modalFrame.open(settings);
return false;
});
}
$("a.modalframe-processed").each(function() {
alert('this');
$(this).attr('target', '_self');
});
})(jQuery);
98. Entity relationships in D7
• References module - continues noderef tradition
with no modal in D7
99. Entity relationships in D7
• References module - continues noderef tradition
with no modal in D7
• Relation module - wow, but some hot sauce will be
required to make it usable/learnable
8 years teaching IT for VSB adult ed - Lead developer at agentic - Strategy/Training\nDay-to-day work we do trying to make websites usable for our clients and their constituents\nSpecifically our project for CLEO - yourlegalrights - where we had a very involved working relationship with their editor\n
Even if you’re not contributing to core, or contributing modules, or writing custom code, you play a role in the evolution of Drupal usability. \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
“learnability” aspect of usability is often overlooked\nespecially interesting to me as an ex-teacher now-trainer\n
parallax issues with blog\noptimal learning occurs with optimal challenge - which is different for everyone, and difficult to assess\nsome learners - most of the people in this room - love hard problems\nclients generally don’t\n
parallax issues with blog\noptimal learning occurs with optimal challenge - which is different for everyone, and difficult to assess\nsome learners - most of the people in this room - love hard problems\nclients generally don’t\n
parallax issues with blog\noptimal learning occurs with optimal challenge - which is different for everyone, and difficult to assess\nsome learners - most of the people in this room - love hard problems\nclients generally don’t\n
parallax issues with blog\noptimal learning occurs with optimal challenge - which is different for everyone, and difficult to assess\nsome learners - most of the people in this room - love hard problems\nclients generally don’t\n
\n
\n
\n
\n
\n
\n
Never hear “Rails is hard”\n
Never hear “Rails is hard”\n
Never hear “Rails is hard”\n
\n
\n
\n
\n
Drupal UX improvements cover Core\nContrib developers should pay attention to the guiding principles (as much as to coding standards) - improvements governed by 80% use case, leaving the rest to custom tweaks\nCustom is the wild west of UX (improvements governed by use case, time and budget)\n
Drupal UX improvements cover Core\nContrib developers should pay attention to the guiding principles (as much as to coding standards) - improvements governed by 80% use case, leaving the rest to custom tweaks\nCustom is the wild west of UX (improvements governed by use case, time and budget)\n
Drupal UX improvements cover Core\nContrib developers should pay attention to the guiding principles (as much as to coding standards) - improvements governed by 80% use case, leaving the rest to custom tweaks\nCustom is the wild west of UX (improvements governed by use case, time and budget)\n
grouping common tasks is an important usability feature, as mentioned for core UX - e.g. admin_menu and in D7 UI improvements to customizable admin menu\nwe can do better by filtering by project-specific common tasks and providing an interface\n\n\n
grouping common tasks is an important usability feature, as mentioned for core UX - e.g. admin_menu and in D7 UI improvements to customizable admin menu\nwe can do better by filtering by project-specific common tasks and providing an interface\n\n\n
\n
usability isn’t just about utility as food isn’t just about nourishment\nsession: An Introduction to Contextual Administration (get time)\n
usability isn’t just about utility as food isn’t just about nourishment\nsession: An Introduction to Contextual Administration (get time)\n
usability isn’t just about utility as food isn’t just about nourishment\nsession: An Introduction to Contextual Administration (get time)\n
\n
reference the post that we could have written http://www.leveltendesign.com/blog/randall-knutson/how-i-learned-stop-worrying-and-love-block?fb_ref=.Tnze3W5gnak.like&fb_source=profile_oneline\n
reference the post that we could have written http://www.leveltendesign.com/blog/randall-knutson/how-i-learned-stop-worrying-and-love-block?fb_ref=.Tnze3W5gnak.like&fb_source=profile_oneline\n
reference the post that we could have written http://www.leveltendesign.com/blog/randall-knutson/how-i-learned-stop-worrying-and-love-block?fb_ref=.Tnze3W5gnak.like&fb_source=profile_oneline\n
since custom is designed to meet a certain use case, it theoretically should be useable\n
since custom is designed to meet a certain use case, it theoretically should be useable\n
since custom is designed to meet a certain use case, it theoretically should be useable\n
A new approach to training: train the trainer, but then watch them train the trainees to identify gaps.\nThis takes buy-in from the client, and not everyone is able to separate content from presentation\nContent usually comes last, which is problematic\nEarly use can solve some issues that usually arise later (like fixed height block designs which aren’t friendly for dynamic text - but that’s a different presentation altogether)\nYour Legal Rights webinar experience with readytalk\n
A new approach to training: train the trainer, but then watch them train the trainees to identify gaps.\nThis takes buy-in from the client, and not everyone is able to separate content from presentation\nContent usually comes last, which is problematic\nEarly use can solve some issues that usually arise later (like fixed height block designs which aren’t friendly for dynamic text - but that’s a different presentation altogether)\nYour Legal Rights webinar experience with readytalk\n
A new approach to training: train the trainer, but then watch them train the trainees to identify gaps.\nThis takes buy-in from the client, and not everyone is able to separate content from presentation\nContent usually comes last, which is problematic\nEarly use can solve some issues that usually arise later (like fixed height block designs which aren’t friendly for dynamic text - but that’s a different presentation altogether)\nYour Legal Rights webinar experience with readytalk\n
A new approach to training: train the trainer, but then watch them train the trainees to identify gaps.\nThis takes buy-in from the client, and not everyone is able to separate content from presentation\nContent usually comes last, which is problematic\nEarly use can solve some issues that usually arise later (like fixed height block designs which aren’t friendly for dynamic text - but that’s a different presentation altogether)\nYour Legal Rights webinar experience with readytalk\n
\n
\n
\n
\n
\n
Dale said “there's a standard information credo that the closer information is to the people who use it, the better maintained it is.”\nroosevelt as example of high staff turnover\nvision as example of high developer turnover - political organizations potential developer handover from campaign to campaign\nExample of late-breaking “core hacks” list on CODE that could have been indicated with an admin-only block on the update page. These can be used to list patches as well. \nblock available only to admins\nhttp://www.scarleteen.com/admin/content/backup_migrate\n
\n
ever-complicated layouts\nexample from remappingdebate - authored copious pop-up help on flight to NY - turned out to be overkill and they ended up with one node with all possible html widgets\n“Lorem ipsum” is there ironically - to show how useless it is in examples\n
ever-complicated layouts\nexample from remappingdebate - authored copious pop-up help on flight to NY - turned out to be overkill and they ended up with one node with all possible html widgets\n“Lorem ipsum” is there ironically - to show how useless it is in examples\n
ever-complicated layouts\nexample from remappingdebate - authored copious pop-up help on flight to NY - turned out to be overkill and they ended up with one node with all possible html widgets\n“Lorem ipsum” is there ironically - to show how useless it is in examples\n
ever-complicated layouts\nexample from remappingdebate - authored copious pop-up help on flight to NY - turned out to be overkill and they ended up with one node with all possible html widgets\n“Lorem ipsum” is there ironically - to show how useless it is in examples\n
\n
wysiwyg BOF later \n
wysiwyg BOF later \n
wysiwyg BOF later \n
wysiwyg BOF later \n
D7 comes with a new and improved content admin that we needed to build in D6, but can still tweak for use cases in D7\n
views bulk operations\n
plain textarea still used in Commons (D6), which leverages OG\n
\n
\n
\n
More help text might be required if a user is scared of losing their current work when clicking “Edit node,” for example.\n