Compositional flow determines how the eye is led through a design: where it looks first, where it looks next, where the eye pauses, and how long it stays. You have a lot of control over where people look when they’re viewing a webpage you’ve designed. On a text-heavy and…
UX research provides invaluable insight into what people need and value. Not only will UX research reduce the risk of a wrong guess, but it’ll also uncover new opportunities for innovation. #ux #uxresearch #ProductDesign
Web magazine about user experience matters, providing insights and inspiration for the user experience community
Use Hick’s Law to examine how many functions you should offer at any part of your website & how this will affect your users’ overall approach to decision making.
When researchers carry out usability testing, they have often observed that users overlook a change on the screen otherwise considered obvious and highly
Visual direction is the perceived direction of forces acting on and exerted by elements. A visually heavy element will attract the eye to it. The direction is a cue to the viewer’s eye to move elsewhere. We refer to this force as visual weight and to the perceived direction of…
Forcing users to browse PDF files causes frustration and slow task completion, compared to standard webpages. Use PDF only for documents that users will print. In those cases, following 10 basic guidelines will minimize usability problems.
When we refer to patterns like the F-pattern, Gutenberg layout, or layer-cake pattern in web design, what we’re talking about is how readers scan the content on a page. As you can see from these eye-tracking studies from NNG, the F-pattern isn’t always an explicit “F”…
Web magazine about user experience matters, providing insights and inspiration for the user experience community
Demanding that users register or log in before they can use an app or see website information has high interaction cost and defies the reciprocity principle.
With repeated practice, users develop imprecise memory of objects and content in a UI, but still need additional visual and textual signals to help them find a specific item.
A visual language is just like any other form of communication. Elements from color to style to type of photos or illustrations establish what a brand or company is. A visual language includes both the written and spoken elements of a website or brand, as well as every design…
Consider how your audience will be using the visuals to determine the optimal camera angle, set the right tone, choose the right props, and maintain attention.
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Benchmark your UX by first determining appropriate metrics and a study methodology. Then track these metrics across different releases of your product by running studies that follow the same established methodology.
Web magazine about user experience matters, providing insights and inspiration for the user experience community
It’s tempting to add Lorem ipsum to early designs. Unfortunately, this can create more problems than it solves. UXPin helps you avoid this.
The key to good remote moderated testing is to be thoroughly prepared and organized. Follow these 7 steps to ensure your study’s success.
Gestalt principles are important to understand. They sit at the foundation of everything we do visually as designers. They describe how everyone visually perceives objects. This article is part of a new series about design principles that can serve both as a refresher for…
Emphasis is relative. For one element to stand out, another has to serve as the background from which the first is to stand out. Some elements need to dominate others in order for your design to display any sort of visual hierarchy. By varying the visual weight of some elements…
Showing that some things are the same and some are different is the first step in visual communication. It’s the primary way that viewers derive meaning. Contrast and similarity have different functions. They are used in varying degree and in combination. You’ll always see some…
Announcing a set of checklists to help you create smart interface design patterns. Totally free if you sign up for our friendly newsletter. These checklists are based on the work Vitaly has been doing for many years, exploring and examining examples of desktop and mobile…
Create an effective hiring process by borrowing techniques used in UX workshops.
ActsAsTree -- Extends ActiveRecord to add simple support for organizing items into parent–children relationships. - amerine/acts_as_tree
Short Ruby on Rails screencasts containing tips, tricks and tutorials. Great for both novice and experienced web developers.
Adding new code to Rails controllers can slow your pages down. Here's how to make rendering your Rails pages faster.
This was originally posted on my blog Since Ruby on Rails is not the fastest web framework out th...
Are you dealing with an external API and not sure where to put that code? Using ActiveModel::Model module can be a clean way of doing so in a OO way. It's a model, but not connected to ActiveRecord/your DB. — Sebastien Auriault (@websebdev)
Explore and compare open source Ruby libraries
Svelte is slowly rising to fame these days and it’s getting more and more traction with new version 3 being released in April.
Explore and compare open source Ruby libraries
When we (the Engineering Blog committee here at C.H. Robinson) were working on the Mobile Apps Battery Management series, we were looking for a way to link a group of similar posts into a multi-post series. We wanted to show the post order, and be able to link between the parts…
A modular Ruby web server interface.
Creating and Customizing Rails Generators & TemplatesRails generators are an essential tool for improving your workflow. With this guide you will learn how to create generators and customize existing ones.After reading this guide, you will know: How to see which generators are…
Prophet (FB time series prediction package) docs to Python code. - bjpcjp/fb-prophet
Starting with Rails 6, Webpacker is the default JavaScript compiler. It means that all the JavaScript code will be handled by Webpacker instead of the old assets pipeline aka Sprockets. Webpacker is different from asset pipeline in terms of philosophy as well as implementation…
Lazy loading the images of the blog and improving your page speed giving better user experience. Defer Offscreen Images in a Jekyll blog.
This article shows how to optimize a Full Text Search implementation with Rails and PostgreSQL, taking a single query from 130ms to 7ms.
I want to populate a new feature with dummy data, but don't want to use the db/seeds.rb file as it already has seeds other data irrelevant for this feature. To run the default seeds.rb file, you r...
Explore and compare open source Ruby libraries
Learnings and notes from a JavaScript developer trying out Ruby and Ruby on Rails 6 for the first time.
Discover lesser-known Rails 6 features that stay out of the spotlight but can bring a lot to your current applications.
Should you be concerned about Rails concerns?
Community contributed recipes and techniques.