Archive for the ‘User Experience (UX)’ 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

Offline Web Sites?

Browsers, JavaScript, User Experience (UX) | Posted by Keefr October 15th, 2015

optimizationWhile I appreciate the sentiment and the exploration of this — especially as a type of one-pager landing page for serving up address/phone number type information, overall I don’t get it. Offline web sites? In this day and age of LTE and open Wi-Fi hotspots, this seems like over-engineering for a scenario unlikely to be accessed very often.

This is one of those cases where someone will get a lot of mileage out of this, but most sites won’t get much utility out of this — especially those content-heavy sites.

Again, I appreciate the sentiment and exploration, but don’t think I’ll be spending much time ensuring our fleet of web sites are Offline First. Plus, if you’re offline and need something, I don’t think any site we’ve developed, maintained, etc. are going to be your first (or even second or third) target.

Offline First

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