WordPress.org

Make WordPress Core

Opened 6 years ago

Closed 6 years ago

#31185 closed defect (bug) (fixed)

The logo header on the log in screen is too large a tap target

Reported by: ryan Owned by: SergeyBiryukov
Milestone: 4.2 Priority: normal
Severity: normal Version: 4.2
Component: Login and Registration Keywords: ux-feedback make-flow good-first-bug has-patch
Focuses: ui Cc:

Description

https://make.wordpress.org/flow/2014/12/12/log-in-input-autocomplete-and-great-big-links-nexus-5/

The WordPress logo header on the log in screen is a great, big link. When dismissing things like autocomplete suggestions, I often tap away into the header. The resulting redirect is bewildering and unexpected. With the keyboard up, half of the view of the log in page is a link directing away from log in.

Attachments (3)

wpid-screenshot_2014-12-12-11-17-31.png (135.9 KB) - added by ryan 6 years ago.
Tapping anywhere in the logo header takes you away from the log in screen
31185.diff (288 bytes) - added by mzak 6 years ago.
Reduce tap area on mobile to 35%. This extends just beyond the logo on most mobile devices
31185.2.diff (314 bytes) - added by mzak 6 years ago.
Removed width rule entirely

Download all attachments as: .zip

Change History (11)

@ryan
6 years ago

Tapping anywhere in the logo header takes you away from the log in screen

#1 @SergeyBiryukov
6 years ago

  • Keywords needs-patch good-first-bug added

#2 @radiok
6 years ago

Am I crazy to ask, what is the desired behavior? The Wordpress logo has been a link for as long as I can remember. Is the intention to remove the link? I don't see how this a bug, so much as a behavioral change? I'm not a core Wordpress developer so I hope this isn't condescending, or an inappropriate question.

This ticket was mentioned in Slack in #core by boren. View the logs.


6 years ago

#4 @ryan
6 years ago

Possible remedies:

  • Removing the link on mobile
  • Reducing the size of the tap target
  • Redesigning log in to make sure username and password are both visible when the keyboard is up

I'm fine with removing the link from the logo for all touch devices as an easy first step. Longer term we should think about what makes a good mobile log in screen. We currently give way too much screen over to a logo that links offsite. A brief survey of large web properties suggests a conscientiousness for avoiding big logos, avoiding links on header images, and keeping the username and password fields on screen even when the keyboard is up.

@mzak
6 years ago

Reduce tap area on mobile to 35%. This extends just beyond the logo on most mobile devices

#5 @mzak
6 years ago

  • Keywords has-patch added; needs-patch removed

This ticket was mentioned in Slack in #core by mzak. View the logs.


6 years ago

@mzak
6 years ago

Removed width rule entirely

#7 @SergeyBiryukov
6 years ago

  • Milestone changed from Awaiting Review to 4.2

#8 @SergeyBiryukov
6 years ago

  • Owner set to SergeyBiryukov
  • Resolution set to fixed
  • Status changed from new to closed

In 31318:

Reduce the size of the WordPress logo tap target on log in screen on mobile, to avoid unexpected redirect away from the form.

props mzak.
fixes #31185.

Note: See TracTickets for help on using tickets.