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

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