Re: Text entry box with a single underline...

This form style started in an earlier version of Android (and windows
mobile OS). In early mobile design web standards informed mobile UI, but
that's changed to mobile being the driving force to new design language in
web.

This is evident in Google's "Material" Designs language. All new versions
of the Android user interface and currently Google Forms have this form
style, the rest of their web apps will likely receive the same overhaul in
the near future.

I'd have thought that a company such as Google will have tested and
retested the usability of such elements before releasing to the public?

On 25 May 2016 at 11:45, Alistair Garrison <alistair.j.garrison@gmail.com>
wrote:

> Dear All,
>
> I've been asked a question about text entry box styling, but I thought I'd
> also try and gain some wider input.
>
> If effect, the developer wants to use a text entry box.  In isolation, the
> background in the text entry box is black, the view it sits in is black,
> and the box only has a single red border running along the bottom.  The
> label is above the box.
>
> In my opinion, the created text entry area is difficult for all users to
> immediately perceive as a text entry area; simple not seeing it as a text
> entry area.  In this configuration I've been thinking that 1.4.1 Use of
> Color would be failed, due to the single red line being used as the only
> indication that it is a text entry area, but surely there must be further
> Success Criteria that are failed?
>
> The developers have offered-up putting placeholder text in the box, but to
> my mind this looks like an underlined heading - which again isn't great.
>
> The developers are indicating that this design pattern is becoming more
> and more common.
>
> The question is then - are there any SC's or Failure Conditions I have
> missed that would rule out styling a text area in this manner?  If not,
> should there be?
>
> Very best regards
>
> Alistair
>
> Alistair Garrison
>



-- 


*Paul Stewart*
Creative Director



www.planysmobile.com