What is the problem to solve?
There are several problems with the current user-edit forms. Since less privileged users often have permission to view and edit their own account information, we should consider using different design, interface text, and so on from other entity types.
If users have the required permissions, they should be able to update
- user name, password, e-mail
- localization/personalization (time zone, preferred language, contact settings)
- user picture
- other site-specific fields
We should consider changes to
- Information architecture (menu structure, path structure)
- Page titles
- Tab and sub-tab titles
- Grouping fields on one or more page
- Field labels and descriptions
- User experience (UX) when editing and submitting the form
This issue is intended to be a parent for several existing issues and to provide a central place to discuss related proposals.
Who is this for?
The main audience for this issue is non-admin users who have permission to edit their own accounts. Such users may or may not have permission to create and edit comments or other content on the site.
Result: what will be the outcome?
We want the user-edit pages to be less confusing and easier to use.
How can we know the desired result is achieved?
Usability testing is the best way to measure, but we can also use feedback.
| Comment | File | Size | Author |
|---|---|---|---|
| #2 | account_manage_form_display.png | 120.74 KB | rkoller |
| #2 | account_manage_fields.png | 66.94 KB | rkoller |
| #2 | edit_profile.png | 214.48 KB | rkoller |
Comments
Comment #2
rkollerI went through the idea and core issue queue looking for related issues as well as found one or two potential issues i was unable to find any existing issues for yet. I try to sort the found issues based on the categories used in the issue summary and provide a few comments for each.
Information architecture (menu structure, path structure)
Not directly related but related to the issue here since you are able to adjust the appearance and structure of the user profile page in
admin/config/people/accounts#715972 - People section(s) are very confusing
Page titles
An issue we talked about in the UX meeting a few weeks ago in the context of content types but it applies for this issue as well. Will have a chat about the issue at next weeks A11y office hour.
#2514218 - Drupal 9.4 [regression] Pages Manage Fields, Manage form, Manage display should include name of content type or entity )
Grouping fields on one or more page
The following two issues are internationalization related. The first is about creating a dedicated fieldset for all the fields related to language and time zone (but might extended in our context to a dedicated form like the email address and password form). While the second issue is about a centralized and extended internationalization support in Drupal. It would/might entail an extended configuration on a per user level as well.
#134209 - Join language and timezone settings in one single fieldset
#378468 - Add central localisation support (currency, decimals etc.)
Field labels and descriptions
In the context of canceling an account there is a mixed and inconsistent terminology. On
user/2/cancelyou have the option to disable or to delete an user. When you disable an account and checkadmin/peopleafterwards the status readsblockedinstead ofdisabled.Disabledwould be more consistent and clear to the user (eventhoughblockanddisableare synonym in this case it seems whileblockedis used in the code). In a similar vein is the following issue which extends the number of statuses and makes them customizable#3225766 - Add more user status and make customizable
On the user profile you have currently two fields
current passwordandpassword. It would be more clear to use something likeEnter new passwordorNew passwordlike suggested in #1259892 - Users could not find the Change password fieldsUser experience (UX) when editing and submitting the form
That issue would apply to the new email & password form @jidrone is working on. It removes the need that an email is required to have a Drupal account
#286401 - Make email not required for a Drupal site account
Currently the fields on the user profile page have highly differing widths. The following issue for Claro makes those more consistent.
#3092296 - Limit width of form elements (max-width)
One detail i consider highly confusing from a user perspective is the disconnect between the node edit form and the manage form display page. Especially for the user profile page its demanding and confusing. I've added an age field to the user entity type (account_manage_fields.png). If I now compare
edit_profile.pngandaccount_manage_form_display.pngthere is a disconnectedit user profile --------------- manage form display
==============================================
current password --------------> username and password (hard coded block)
email address
username
password
status
roles.
picture -----------------------> picture
language settings --------------> language settings
contact settings ----------------> contact settings
age --------------------------> timezone
locale settings -----------------> age
*NoCorrespondingComponent* ---> language code
Several fields in the edit user profile form are combined into the username and password field in the manage form display. And especially for the different fields language settings, timezone, language code its difficult to find the corresponding components on the edit user profile page. On top the order is not consistent as well for the added field
age. Difficult comprehension wise (there is a similar but different pattern for content types).With the current implementation of having to confirm the new password there is an issue about that the password confirm field type should support the #maxlength attribute as well.
#1344552 - Password confirm field type should have support for #maxlength attribute (obsolete as soon as #2293803 lands)
Then there is the issue to remove the confirm password field and introduce a show/hide functionality for password fields
#2293803 - Replace confirm password field with show/hide functionality
Related to the new password field is a potential new issue about the password suggestions block which is currently placed right after the confirm password block. I've brought up a question in the #accessibility channel on the Drupal Slack if it is a known issue and an issue already exists or if it would be reasonable to open up a new issue for that: https://drupal.slack.com/archives/C2ANFUGGG/p1639278510148000
And depending on how the password confirmation problem will be solved for changing password and email addresses there is also a related issue we talked about in one of the UX meetings
#2883755 - Introduce a submit confirmation step modal to Form API for usability
And then there is also a list of issues loosely related to the user profile page. I am unsure if those would make sense to make child issues or at least related issues? Those are about password strength and account security:
#1824800 - Require a (configurable) minimum password length for user accounts
#1497290 - Check for common words in password strength indicators
#2855328 - Password and confirm password should be mandatory fields while setting up password using one time link following by email
Those are about email verification:
#85494 - Use email verification when changing user email addresses
#286401 - Make email not required for a Drupal site account
#2346389 - Prevent registered e-mail address enumeration via user registration form
Okay thats it for now. Was uncertain if all the issues i've found would make sense to add preliminary as child or related issues for the scope of this idea/issue (am still struggling to find my way in the issue queue). So a brief feedback would be welcome as well as for the two or three points without an issue yet and then i will perform the subsequent steps.
Comment #3
aaronmchaleThis issue would also be relevant here.
Comment #4
rkolleradded #3344546: The language settings field widget behaves confusing depending on if the language module and or an extra language is installed as a related issue. it is about one aspect of the manage form display account settings disconnect with the user edit pages mentioned in #2
Comment #5
rkoller@mgifford just created a new issue for adding a page about a11y to the user profile page: #3393367: Add a section to the user profile to store accessibility preferences. that issue would also be relevant for this issue here.
Comment #6
quietone commentedThe Ideas project is being deprecated. This issue is moved to the Drupal project. Check that the selected component is correct. Also, add the relevant tags, especially any 'needs manager review' tags.
Adding 'meta' because there are child issues.
Changing to the standard issue template would also help other contributors.