Design Humor Users

Watch this video: “What happened to text inputs?”

If you design or develop front ends, whether web, mobile, or even desktop, you really should watch the latest Web Briefs video by Heydon Pickering, What happened to text inputs?

Title card: “What happened to text inputs?", decorated with illustrations of three howling wolves and “type=‘silly’” and “type=‘pants’” tag attributes.
Tap to watch the video.

The video starts with a twist on the classic parable, Inside you are two wolves. In this twist, one of the wolves is called “Adrian”…

Adrian wolf: A wolf wearing an “AltaVista” trucker cap, captioned with these bullet points:

- A user of the web
- Wants interfaces to be easy
Tap to watch the video.

…and the other’s called “Chris”:

Chris wolf: A wolf wearing a “Macromedia” trucker cap, captioned with these bullet points:

- Designer for the web
- Wants to get ahead
- Has heard about “disruption”
Tap to watch the video.

The video covers its topic very well, and very amusingly — stop messing with text input boxes and making them less usable! They should very clearly indicate that:

  • The user should enter some text into them (i.e. they should look like text inputs, and right now, the widely-understood convention is the text box)
  • What kind of text the user is expected to enter into them (i.e. use labels)
Examples of different text box styles, with the title “Only one of these is right!”

- text box, no label, placeholder as label
- Text box and label
- Text line and label
Tap to watch the video.

The video also goes into topic such as why using text input value placeholders are a poor substitute for labels, as well as why the latest slew of aesthetic tricks are still worse than using a good ol’ text box and label.

If definitely worth checking out the video. Watch it now!

Design Florida Humor

When you get the requirements wrong

With all the Hurricane Ian memes on my personal blog, The Adventures of Accordion Guy in the 21st Century (I’m based in Tampa), I thought I’d post one here!

Design Process What I’m Up To

Working on an article for the Auth0 blog

Tap to view my scribbling at full size.

I like drawing out my article ideas for the Auth0 Developer Blog before firing up the blog editor and typing. Here’s an example, which I was doodling this morning, which I made at the dealership while my car was being serviced.

Current Events Design

Pendo’s ProductCraft Virtual Conference is FREE to attend on Thursday, May 7

Product owners and managers: Pendo’s ProductCraft conference on May 7, 2020 is virtual and free! Here’s their summary of the event:

The ProductCraft Virtual Conference offers the same high-quality session content as our in-person events, just via a 100% online format. Our speakers are product leaders at some of tech’s fastest-growing companies, and will be sharing their best practices, unique perspectives, and experiences of what it means to work in product.

And as always, we’ll be putting a different spin on the traditional product conference format, with plenty of opportunities for networking.

Here’s the agenda:

Time Session
Holly Kennedy, VP of Design, 15Five, Dianne Frommelt, VP of Product, 15Five
Jeetu Patel, Chief Product Officer, Box
Karen Rubin, Chief Revenue Officer, Owl Labs
Brian Crofts, Chief Product Officer, Pendo
Shravan Goli, CPO and Head of Consumer Business, Coursera

The stream starts on Thursday, May 7 at 11:00 AM EDT. If you can’t catch it live because you’re one of the fortunate ones still with a job, it’s being recorded and will be sent to you after the event.










Design Humor Programming

Front end vs. back end

Funny because it’s (often) true.

(You might also want to check out this post of mine from 2018.)

Design Hardware Humor

“Hey, Siri! Show me why Mac users have a reputation for being rich idiots.”

Current Events Design Programming Tampa Bay

Our presentation at the Tampa Bay UX Group meetup: “iPhone Accessibility: What’s New?” (January 30, 2020)

Last night, Anitra and I gave Tampa Bay UX Group’s first presentation of 2020: An overview of the accessibility features in iOS 13, the latest version of Apple’s mobile operating system.

A good crowd — including a handful of people new to the Tampa Bay area — were in attendance at the event, which took place at Kforce, who have a very nice meetup space. I’ll have to talk to them about using their space for Tampa iOS Meetup:

Anitra and I tag-teamed for our presentation. She presented from the ux/ui specialist point of view, while I presented from the programmer/implementer angle:

Photo by Beth Galambos. Tap to see at full size.

Here are the slides from our presentation:

We started with a couple of definitions of accessibility:

  • The ISO 9241-20 definition: “The usability of a product, service, environment, or facility by people within the widest range of capabilities.”
  • A more general definition, and a good way of approaching the topic: Accessibility is making your apps usable by all people.

We then provided a set of personas, around which we based the demos:

  1. Jacob, a 32 year-old paralegal who has been blind since birth. As a paralegal, he’s college-educated and writes case law summaries. He lives with a roommate. He’s tech-savvy and an early adopter with the latest gear.
  2. Emily, a 24 year-old college student with cerebral palsy. She finds it difficult to use her hands and has occasional difficulty speaking clearly. She wants to be independent and lives in a small, independent living facility.
  3. Trevor, an 18 year-old student with autism spectrum disorder who is uncomfortable with change. He loves videogames, but strongly prefers ones with which he is familiar. In fact, he prefers having an established routine.
  4. Steven, a 39 year-old graphic artist who is deaf. He is annoyed by accessibility issues, which include video without captions and other systems that require hearing.

Our first demo was of VoiceOver, the gesture-based screen reader. We demonstrated its ability to not only read text on screen, but to facilitate navigation for people who have no or low vision, as well as to describe images — even if no “alt text” is provided. If you’re curious about using VoiceOver, you should check out this quick video guide:

Our second demo was of Voice Control, the new voice command system, which is separate from Siri. It offers an impressive amount of control over your device using only your voice; I was even able to demonstrate playing Wine Crush, a Candy Crush-style app that I wrote from Aspirations Winery, using only my voice. To find out more about Voice Control, see this promotional video from Apple:

We also wanted to show that accessibility can be aided using iOS features that weren’t specifically made for that purpose. We demonstrated this with an app that allows users to click on buttons using a head-tracking user interface based on the face-tracking capability built into Apple’s augmented reality framework:

I’ll post of video of this demo in action soon, but if you’d like to try it out for yourself, you can find it on GitHub: it’s the HeadGazeLib project.

We followed these feature demos with a couple of coding examples, where I showed how you can use SwiftUI’s accessibility features to further enhance the accessibility of your apps:

One of the coding examples from our presentation. Tap to see at full size.

And finally, we closed the presentation with links to the following resources:

We’d like to thank Krissy Scoufis and Beth Galambos for inviting us to present at the Tampa Bay UX Group meetup. They’re a great group that promotes an important — yet often neglected — part of application development, and we’re always happy to take part in their events. We’d also like to thank everyone who attended; you were a great audience with fantastic questions and comments!

More photos from the event

Joey deVilla and Anitra Pavka present to the Tampa Bay UX Group Meetup. Taken January 30, 2020 at Tampa Bay UX Group meetup at the Kforce office in Tampa.

Photo by Krissy Scoufis. Tap to see it at full size.

Joey deVilla and Anitra Pavka present to the Tampa Bay UX Group Meetup. Taken January 30, 2020 at Tampa Bay UX Group meetup at the Kforce office in Tampa.

Photo by Krissy Scoufis. Tap to see it at full size.

Joey deVilla and Anitra Pavka present to the Tampa Bay UX Group Meetup. Taken January 30, 2020 at Tampa Bay UX Group meetup at the Kforce office in Tampa.

Photo by Krissy Scoufis. Tap to see it at full size.

Close-up of the presentation screen, showing Joey deVilla demonstrating the head-tracking app. Taken January 30, 2020 at Tampa Bay UX Group meetup at the Kforce office in Tampa.

Photo by Beth Galambos. Tap to see it at full size.

Close-up of the presentation screen, showing the presentation title slide: 'iPhone accessibility: What's New? by Anitra Pavka and Joey deVilla'. Taken January 30, 2020 at Tampa Bay UX Group meetup at the Kforce office in Tampa.

Photo by Krissy Scoufis. Tap to see it at full size.

Recommended reading

You might also want to check out the other presentations we did at Tampa Bay UX Group’s meetups:

  • Building Augmented Reality Experiences: Our presentation on building AR apps for iOS devices using ARKit
  • Apple TV: Our presentation on building good interfaces for Apple TV apps. I had to attend a work event that evening, so Anitra ended up presenting this one solo.