Archive for the ‘User Interface (UI)’ Category

Hamburger Menu Animation / Functionality Collection

CSS, JavaScript, User Experience (UX), User Interface (UI), Web Development | Posted by Keefr April 24th, 2017

Markup / HTMLThe hamburger menu isn’t going away anytime soon — neither on mobile nor desktop web designs and development.

Line25 published this collection of 20 examples of ways to implement and animate the showing/hiding toggle tied to the hamburger button. A lot are similar, but worth clicking through and trying out individually.

Source: Line25 – Demystifying the Hamburger Menu: 20 Hand-Picked Examples

UI / Modern Web Inspiration

CSS, User Experience (UX), User Interface (UI), Web Development | Posted by Keefr January 20th, 2017

My boss shared this in a meeting earlier this week, and I’m loving the links and collections the page has curated.

It’s a bunch of modern web element demnos, tagged into categories including buttons, menus, images, icons, text, input fields, and trending.

I’m looking forward to diving into the demos/examples and bookmarking in the browser (and mentally) for future web projects and implementation.

Code My UI

Refreshing Search: Testing Search Box Variations

User Experience (UX), User Interface (UI) | Posted by Keefr August 14th, 2015

optimizationLike so many interfaces, web sites really still have to be hit-me-over-the-head stupid simple to allow users to be as quick and successful as possible.

Check out the link below where a fellow Tar Heel did some heat-map experimentation with users finding and using the search on WRAL.com. Simple and bright win out in the end. While it pains web designers and some developers, tried and true ways should continue to be well… tried and true.

Refreshing Search: Testing Search Box Variations

Side Drawer (Off Canvas) Navigation Could Be Costly

Mobile, Responsive Design, User Experience (UX), User Interface (UI), Web Design, Web Development | Posted by Keefr April 18th, 2014

It interesting to these design trends come into popularity, only to find their usability is lacking, or that customers/readers/clients aren’t liking the new interface tricks.

What often looks cool, isn’t always cool in the users’ eyes.

The newest to be costing sites some users from diving in deeper are the side drawer (AKA Off Canvas) navigation popular especially on the mobile front.

UX Designers: Side Drawer Navigation Could Be Costing You Half Your User Engagement

Where in the World Did the Global Nav Go?

User Experience (UX), User Interface (UI) | Posted by Keefr October 18th, 2013

Nice article on the revolution of of navigation going on on web sites — inspired by mobile applications.

Where in the World Did the Global Nav Go?