Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: user experience

Hamburger menu alternatives for mobile navigation image/svg+xml

If you’re working on digital products, you have already read dozens of articles describing how and why the hamburger navigation on mobile (and desktop!) hurts UX metrics due of its low discoverability and efficiency. (You can read some of best articles on the topic here, here, here, and here.)

Luckily, more and more sites and apps are experimenting with alternative, more efficient solutions for this very problem.

Personally, I quite like hamburger menus, but if you’re looking for alternatives, this might be worth a look.

The New Rules of Form Design image/svg+xml

Every day, we use forms for essential online activity. We fill them out to complete purchases; to sign up for email lists, social networks, and more; to participate in discussions; and to describe that oh-so-delicious looking photo of our lunch. It’s hardly hyperbole to say they’re the lifeblood of digital information sharing. For many years, however, with few improvements to be found, forms have been mired in working “well enough” but not exactly well. Now, modern techniques—when used correctly—allow designers to produce faster, easier, and more productive form experiences.

Some good tips on how to design better web forms. FWIW, I really dislike filling out forms, so if you’re a web designer and you’re reading this, please follow the tips in the article. Kthxbai.

Is this my interface or yours? image/svg+xml

I wrote this story because I’ve seen this question come up time and time again from designers, developers, and writers. Why do we use “my” here? Why do we use “your” there? And yet, I’ve seen very little of this documented externally in style guides.

Some good tips on when to use “my” and “your” in my/your user interfaces. Personally, I’ve always tended to go with my gut and use what feels right, without giving it too much thought. I guess I should have known that there’d be more to it than that.

Content Jumping (and How To Avoid It) image/svg+xml

Few things are as annoying on the web as having the page layout unexpectedly change or shift while you’re trying to view or interact with it. Whether you’re attempting to read an article as it wriggles around in front of you, or you try to click a link only to have another one push it out of the way and take you off to somewhere unexpected, it’s always frustrating.

Yup, it’s really fucking annoying. I’m looking at you, BBC News.

I’ve been trying to keep up-to-date with all the latest happenings around Brexit (whilst trying not to despair at batshit craziness of it all), but the Live Reporting page is super-frustrating. Every time I start reading a report, it jumps off the screen. Grr!

Didn’t Twitter solve this problem already?

Microsoft accused of Windows 10 upgrade ‘nasty trick’ image/svg+xml

Microsoft has faced criticism for changing the pop-up box encouraging Windows users to upgrade to Windows 10.

Clicking the red cross on the right hand corner of the pop-up box now activates the upgrade instead of closing the box.

And this has caused confusion as typically clicking a red cross closes a pop-up notification.

Has it ever. At work, we’ve received a number of calls from users who have fallen foul of this and have had their systems upgraded. The users have all been remote workers, which has compounded the issue as providing support has been tricky. Our support team are now in the process of blacklisting the update. Users on our internal network have been unaffected as the update was already blacklisted on our Windows Server Update Services.

I know Microsoft are eager to upgrade as many users as possible, but this really is a “nasty trick”, and what’s more, it’s a terrible user experience and a real PITA for our support team. Bad Microsoft.

Trial.js image/svg+xml

Simple library could monitor mouse position and predict user input.

To be honest, I don’t like the current trend of predicting user input, such as predicting when you’re about to close a tab, or navigate away from a site. That said, if done right, I can imagine where it might be useful, so this library could come in handy.