This document provides tips for designing better forms. It recommends starting with structure by thinking of a form as a conversation with the user. Key elements to focus on include building trust with the user, preparing them for the form, using headings to guide them through sections, and crafting clear and appropriate questions. When designing the form, best practices include placing labels above fields, using readable fonts and spacing, avoiding dropdowns when possible, and automating validation. Form elements should be designed to be easily filled out on mobile. The document concludes with reading recommendations on the topic of form design.
This deck shows how to design accessible, understandable and mobile-friendly forms. We’ll explore the details of organising and writing good questions, the micro-interactions of form design and some popular challenges such as email and address.
This is a run down of my process for designing, building and testing responsive HTML emails. I’ve also included lots of links to articles and resources for further reading. This talk was presented at Port80 Winter Localhost 2014 in Newport, Wales.
Scripted navigation ideas for Oracle Service CloudMark Kehoe
A series of examples on how to use Agent Scripting within Oracle Service Cloud in new and inventive ways. The document covers three examples on how to improve the experience within the agent desktop.
This deck shows how to design accessible, understandable and mobile-friendly forms. We’ll explore the details of organising and writing good questions, the micro-interactions of form design and some popular challenges such as email and address.
This is a run down of my process for designing, building and testing responsive HTML emails. I’ve also included lots of links to articles and resources for further reading. This talk was presented at Port80 Winter Localhost 2014 in Newport, Wales.
Scripted navigation ideas for Oracle Service CloudMark Kehoe
A series of examples on how to use Agent Scripting within Oracle Service Cloud in new and inventive ways. The document covers three examples on how to improve the experience within the agent desktop.
We all know about Information Architect in UX field, but why it's required, why it's important, what is required to design a successful IA, what qualification required to become IA. All topics covered in this presentation.
I have tried to make it as simple as possible to even understandable by any beginner to crack IA interview.
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeSteve Williams
BayCHI December, 2005, Program: Long before the launch of the new Office product, the BayCHI community was eager to understand the new "Ribbon" user interface (UI). Members convinced BayCHI program chair Rashmi Singha to bring in Jensen Harris, the lead UI designer for the Office UI suite. It is atypical of Microsoft's culture to allow someone to discuss a product before launch. But, alongside the serious risk of completely redoing a core product, and giving all the design control to a team of user experience designers, Microsoft is opening the black box and explaining it to the public far before launch.
User satisfaction is a key aspect to a successful business application. What makes a good user experience is subjective, but here we the essentials, mixing theory, common practices and code samples to help you put the pieces together in your own applications. Whether you develop for Notes classic, Domino, XPages or other platforms, this presentation has something you can use right away.
Write less. Write better. It’s not just about doing away with words, but instead, improving the user experience by presenting the right information, at the right time, in the right format, to the right audience, and allowing them to make the right decision to stop reading content and start doing what they need to do. From search tools to airlines to the use of clear images, tables, or words, the goal of this session is to help you understand the right things to do to spend less time writing, and more time helping your company, your clients, and your readers reduce headaches and increase profits. See samples, join the discussion, and keep your words to a minimum.
Mimi Yin: Getting Things Done: Technology and PracticeSteve Williams
BayCHI March 14, 2006, program: Chandler is trying our exposure to too much information and not enough time to process, make decisions from the information available. Despite being in the information age, most of our decisions are still based on gut instinct, high-level impressions, tunnel vision (knee-jerk reaction), or someone else�s summary.
GTD or Getting Things Done is a task management system or methodology. It is a way of life. It is about putting things where they mean something to you. It is a trusted system. A trusted system is one that is complete and up-to-date.
The relationship between Chandler and GTD is such that Chandler is like a Unitarian church in relation to GTD. Chandler deals with the "spirit of the law" as opposed to the "letter of the law". Chandler picked out high level concepts that are universal and implemented a system aligned with GTD.
SOFLUX Meetup - Landing on your dream jobMarta Guerra
According to a careerbuilder.com research, 80% of the workforce are still searching for their dream job. If you are in the creative industry and looking to land in a job you totally love, this presentation will help you.
HighRoad U Webinar: Election & Holiday Email ExtravaganzaHighRoad Solution
Q4 is notoriously the most difficult quarter for association marketers to reach their constituents as there is always more inbox competition. The deliverability experts at HighRoad Solution are on top of association benchmark metrics with strategies on how to sail through Q4 unscathed.
Basic training on computer and internet for all age group. Now learn computer and internet on your own and surprise your loved ones!
Let’s Just Go For It! Wish you an Awesome Learning Experience.
Subscribe to our YouTube channel:
https://www.youtube.com/c/TimesRide?sub_confirmation=1
Visit our Official Website: https://timesride.com/
Follow us:
Facebook: https://www.facebook.com/timesride
Twitter: https://twitter.com/TimesRide
LinkedIn: https://www.linkedin.com/in/timesride
Instagram: https://www.instagram.com/timesride.connect
Pinterest: https://in.pinterest.com/timesrideconnect
Scribd: https://www.scribd.com/user/529709683/Times-Ride
Thank You
#AwesomeLearningExperience
#SmartQuickTips&Tricks #LeaningVideos #TimesRide #Keep Learning to Keep Winning!
Effective use of technology in a job search by Greg David of Laka & Company G...Greg David
How to use technology in a job search to maximize results while reducing your time in the market significantly. What works and what does not. Learn the best practices of those that land in a much shorter amount of time, with less frustration and stress, while getting multiple offers. Presented by Greg David of Laka & Company. Greg.David@Laka.com / 312-528-9107. www.linkedin.com/in/gregdavid
We all know about Information Architect in UX field, but why it's required, why it's important, what is required to design a successful IA, what qualification required to become IA. All topics covered in this presentation.
I have tried to make it as simple as possible to even understandable by any beginner to crack IA interview.
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeSteve Williams
BayCHI December, 2005, Program: Long before the launch of the new Office product, the BayCHI community was eager to understand the new "Ribbon" user interface (UI). Members convinced BayCHI program chair Rashmi Singha to bring in Jensen Harris, the lead UI designer for the Office UI suite. It is atypical of Microsoft's culture to allow someone to discuss a product before launch. But, alongside the serious risk of completely redoing a core product, and giving all the design control to a team of user experience designers, Microsoft is opening the black box and explaining it to the public far before launch.
User satisfaction is a key aspect to a successful business application. What makes a good user experience is subjective, but here we the essentials, mixing theory, common practices and code samples to help you put the pieces together in your own applications. Whether you develop for Notes classic, Domino, XPages or other platforms, this presentation has something you can use right away.
Write less. Write better. It’s not just about doing away with words, but instead, improving the user experience by presenting the right information, at the right time, in the right format, to the right audience, and allowing them to make the right decision to stop reading content and start doing what they need to do. From search tools to airlines to the use of clear images, tables, or words, the goal of this session is to help you understand the right things to do to spend less time writing, and more time helping your company, your clients, and your readers reduce headaches and increase profits. See samples, join the discussion, and keep your words to a minimum.
Mimi Yin: Getting Things Done: Technology and PracticeSteve Williams
BayCHI March 14, 2006, program: Chandler is trying our exposure to too much information and not enough time to process, make decisions from the information available. Despite being in the information age, most of our decisions are still based on gut instinct, high-level impressions, tunnel vision (knee-jerk reaction), or someone else�s summary.
GTD or Getting Things Done is a task management system or methodology. It is a way of life. It is about putting things where they mean something to you. It is a trusted system. A trusted system is one that is complete and up-to-date.
The relationship between Chandler and GTD is such that Chandler is like a Unitarian church in relation to GTD. Chandler deals with the "spirit of the law" as opposed to the "letter of the law". Chandler picked out high level concepts that are universal and implemented a system aligned with GTD.
SOFLUX Meetup - Landing on your dream jobMarta Guerra
According to a careerbuilder.com research, 80% of the workforce are still searching for their dream job. If you are in the creative industry and looking to land in a job you totally love, this presentation will help you.
HighRoad U Webinar: Election & Holiday Email ExtravaganzaHighRoad Solution
Q4 is notoriously the most difficult quarter for association marketers to reach their constituents as there is always more inbox competition. The deliverability experts at HighRoad Solution are on top of association benchmark metrics with strategies on how to sail through Q4 unscathed.
Basic training on computer and internet for all age group. Now learn computer and internet on your own and surprise your loved ones!
Let’s Just Go For It! Wish you an Awesome Learning Experience.
Subscribe to our YouTube channel:
https://www.youtube.com/c/TimesRide?sub_confirmation=1
Visit our Official Website: https://timesride.com/
Follow us:
Facebook: https://www.facebook.com/timesride
Twitter: https://twitter.com/TimesRide
LinkedIn: https://www.linkedin.com/in/timesride
Instagram: https://www.instagram.com/timesride.connect
Pinterest: https://in.pinterest.com/timesrideconnect
Scribd: https://www.scribd.com/user/529709683/Times-Ride
Thank You
#AwesomeLearningExperience
#SmartQuickTips&Tricks #LeaningVideos #TimesRide #Keep Learning to Keep Winning!
Effective use of technology in a job search by Greg David of Laka & Company G...Greg David
How to use technology in a job search to maximize results while reducing your time in the market significantly. What works and what does not. Learn the best practices of those that land in a much shorter amount of time, with less frustration and stress, while getting multiple offers. Presented by Greg David of Laka & Company. Greg.David@Laka.com / 312-528-9107. www.linkedin.com/in/gregdavid
Everything you need to know to leverage Growth Hacking for your start up, going concern or mature organization. Examples of popular growth hacks and growth strategies that you can begin using today.
Designed for Success: Optimizing the Email ExperienceChad S. White
Once your triggered email program is up and running, it can be easy to 'set it and forget it,' letting optimization strategy fall by the wayside. But email is a truly one-of-a-kind channel, requiring unique technical, design, and maintenance considerations to keep conversion and performance high.
In this session for Cloud.IQ's eCommerce Summit, Justine Jordan and I discuss:
-- Best practices and principles for mobile email design
-- How to optimize the six stages of the inbox experience
-- Cart abandonment email trends and tips for optimizing them
Emory Brown, Application Developer at DB Services presents, FileMaker Scripting Best Practices. Emory will delve into what differentiates a well-written script from a poorly considered one. He will look at the thought process behind certain scripting practices that both speed up development and increase flexibility of code. Topics to be covered include: why good commenting of code matters, how to error-trap effectively, and how to speed up testing by only allowing scripts to run in their intended context.
Learn about the following
• Coding in a readable way
• Effective error-trapping
• Good commenting
• Ways to speed up testing
How to build your list using wordpress - if you would like to view the tutorial, get the workbook AND 21 Ways to build your list special report, visit www.WECAI.org
Space as medium for interaction designSjors Timmer
In the past 50 years computers have infiltrated the work environment to the point where there’s hardly a job left where they are not used. In the process, however, a rich continuum of understanding the world through sound, touch, spatial interactions has been flattened to pictures behind glass that are either manipulated through mice or touch interactions.
New technical developments such as augmented reality and spatial computing offer the opportunity to rethink how we can incorporate our body in knowledge work. To do this successfully we have to let go of design concepts that have been developed for a world of flat screens and start over with designing for digital spatial interactions.
Building on the work of Paul Dourish on embodied interaction design and David Kirsh on the use of space for cognitively demanding tasks I discuss a framework for thinking about and designing for spatial interactions.
In this talk I discuss to foundations of spatial interaction design by exploring how we’ve used our environment all through the centuries to help us with cognitive tasks.
Rem Koolhaas –designing the design processSjors Timmer
The slides of my talk on Rem Koolhaas and the OMA at London IA: http://london-ia.com/2011/12/announcing-london-ia-january-2012/ you can find the write up at: http://notura.com/2012/02/rem-koolhaas-designing-the-design-process/
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.
Unleash Your Inner Demon with the "Let's Summon Demons" T-Shirt. Calling all fans of dark humor and edgy fashion! The "Let's Summon Demons" t-shirt is a unique way to express yourself and turn heads.
https://dribbble.com/shots/24253051-Let-s-Summon-Demons-Shirt
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.
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?
11. Preparing the user
• Reasons that would disqualify
someone
• Documents or numbers they need
• Only state how long it will take if it
goes against expectations
• Bullet points are great
gov.uk/carers-allowance/how-to-claim
14. From memory answers
• Short simple labels
• No need to tell people upfront
• No need for help text, but you
might want to tell why you need
an answer
facebook.com
15. From memory answers
• Short simple labels
• No need to tell people upfront
• No need for help text, but you
might want to tell why you need
an answer
facebook.com
16. Look up answers
• Mention it in the preparation
section
• Simple and short label
• Information on where you can
find the answer
gov.uk/carers-allowance/
17. Think and write answers
• Where most thinking needs to happen
• In the form of a question or a section
• Talk to the people who will be using
these answers
• Add help or even a writing guide
employmenttribunals.service.gov.uk/apply
19. When to use help text
• Explain what you will do with the
answer
• Where to find the answer
• Provide context for open answers
• Test when to use help text
20. Mark optional fields
1. Remove as many optional questions as
possible
2. Label optional fields left with “(optional)”
3. Remove required *
21. Ironically, more people answered the optional
questions when they were asked after they
registered!
– Luke Wroblewski
The redesign of the eBay signup form
23. Progress indicators
Problem
• Progress indicators are hard to fit on
small screens
Solution
• Use numbered steps
• Explain the process upfront
Register to vote
24. We removed the progress bar as an experiment.
We measured the difference in our completion
rates. We found that without a progress bar,
completion rates stayed exactly the same
Ben Holiday
https://designnotes.blog.gov.uk/2014/07/07/do-less-problems-as-
shared-spaces/
27. • Consider building your form in
sections
• Approach it like an app
• Login
• Forward and back
• Save progress
• Overview before submitting
Complex progress
Turbotax
28. Success page
• Thank them
• State their actions
• State reference number
• Tell them what will happen next
• Tell them how they can reach you
• And make sure it prints well
Thank you for your order!
You successfully ordered 1 copy of Design
better forms
Your order number is #12345
You should receive a confirmation email
within 5 minutes
Your order should arrive between 25 and 27
September
For any questions, contact us on 020123123
or a@b.com
Print this page
31. Don’t design the form
• Use Facebook connect, Twitter connect, Paypal, etc.
32. A modular approach
• The basics
• Label placement
• Readable text
• The elements
• Fields, radio-buttons, dropdown
• Popular questions
• Name
• Email
• Passwords
34. Label placement
Top labels are the most flexible
• Keeps the text visible whilst typing
• Can easily deal with translations
• Can easily support a lot of help text
• Allows the user to change the text size
without breaking the layout
35. The cardinal principle of industrial design:
content always appears on top.
– Josh Clark
Designing for touch
36. Help text
• Place help text under the label
• Show/hide, help text for minority
user group
employmenttribunals.service.gov.uk/apply
37. Help text
• Place help text under the label
• Show/hide, help text for minority
user group
employmenttribunals.service.gov.uk/apply
38. Extended help
• Additional context for question
• Detailed guidelines for answers
employmenttribunals.service.gov.uk/apply
39. Error text
• See it as additional clarification
• Place error message on the top
• Link to sections
• If the user can do multiple things wrong, think
about creating multiple error messages for each
field
• Shorter pages allow people to deal with errors
faster
• Don’t rely on colour alone:
• http://colororacle.org/ for colour blind people
40. Error text
• See it as additional clarification
• Place error message on the top
• Link to sections
• If the user can do multiple things wrong, think
about creating multiple error messages for each
field
• Shorter pages allow people to deal with errors
faster
• Don’t rely on colour alone:
• http://colororacle.org/ for colour blind people
44. 1. Set the brightness of your mobile device to its
lowest setting
2. Open up your website on the device and begin
browsing around
http://a11yproject.com/
Simple contrast test
45. Keyboard access
• Don’t break tab index
• Helps users with motor/vision
challenges
• Helps power users to tab through
• Highlight focused element
47. Use 44 pixels on the web
Josh Clark
Designing for Touch
48. Form fields
• Big enough to touch
• Field size gives a clue to the
answer expected
49. HTML 5 type
email, number, tel, url
<label for=“phone”>
Phone number</label>
<input type="tel" name="phone"/>
50. Radio button/check box
Use the label tag
<input id=“nationality-irish“ type="checkbox"
name=“is-irish” />
<label for=“nationality-irish”>Irish</label>
51. Drop down (aka select)
Find on Youtube:
Alice Bartlett: Burn your select tags
Problems users have with them
• Unable to close the select
• Typing into the select
• Confusing focused items with selected
items
• Touch screen: trying to pinch zoom select
options
Master
59. Title
• Remove title question
• If not possible, allow for ‘other’
• So Her Majesty doesn’t feel left out
Carer’s allowance
60. Name
Leave it up to the user to tell you how
they would like to be addressed
61. Email
• Autocomplete email address
• Filter for spelling errors in popular
provider’s domains
• Confirm email address on screen
• And/or there are services like
neverbounce.com that actively
validate email addresses
Acorns
62. Email
• Autocomplete email address
• Filter for spelling errors in popular
provider’s domains
• Confirm email address on screen
• And/or there are services like
neverbounce.com that actively
validate email addresses
63. Email
• Autocomplete email address
• Filter for spelling errors in popular
provider’s domains
• Confirm email address on screen
• And/or there are services like
neverbounce.com that actively
validate email addresses
Kickstarter
64. Email
• Autocomplete email address
• Filter for spelling errors in popular
provider’s domains
• Confirm email address on screen
• And/or there are services like
neverbounce.com that actively
validate email addresses
petitions.parliament.uk
65. Email
• Autocomplete email address
• Filter for spelling errors in popular
provider’s domains
• Confirm email address on screen
• And/or there are services like
neverbounce.com that actively
validate email addresses
petitions.parliament.uk
71. Passwords
We have successfully trained everyone to use
passwords that are hard to remember, but easy
for computers to guess.
XKCD
https://xkcd.com/936/
72. Passwords
• Allow users to see their password
• But don’t do it by default
• Encourage length by showing a
strength indicator
Google account
73. Passwords
• Allow users to see their password
• But don’t do it by default
• Encourage length by showing a
strength indicator
Google account
74. Recap
• Place the labels on top
• Choose a good combination of colour and size of
fonts
• Avoid dropdowns
• Keep your elements simple
• Automate and validate wherever you can
76. Reading/watching tips
Designing for Touch
– Josh Clark
Forms that work
– Caroline Jarrett and Gerry Gaffney
Mobile Design Essentials Part 1 & 2
– Luke Wroblewski
Gov.uk Design patterns
designpatterns.hackpad.com