Posts Tagged ‘UX’

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

UX is Not UI

User Experience (UX), User Interface (UI) | Posted by Keefr May 9th, 2013

A co-worker sent this out yesterday, and just had to post it here on Keefr.com as well:

Read the rest of this entry »

Make a Better FAQ Page with jQuery

jQuery, User Experience (UX), User Interface (UI) | Posted by Keefr October 31st, 2012

Nice tutorial on making a better flowing frequently asked questions page with help from our good friend, jQuery.

Make a Better FAQ Page with jQuery