Archive for the ‘User Experience (UX)’ Category

Thoughts on the Future of Front End Development

User Experience (UX), User Interface (UI), Web Development | Posted by Keefr May 29th, 2017

SEOHave I mentioned lately how much I love css-tricks.com? On top of the CSS depth that a site like CSS Tricks would come with, author Chris Coyer is knowledgeable across all things front end development.

He said he was recently asked to to speak on the future of front-end web development. He’s quick to make disclaimers that he’s just one man, but most of his points are in line with my experiences and gut as well.

Source: CSS-Tricks – What is the Future of Front End Web Development?

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