Designing mobile screens often includes positioning elements on the screen for optimal reading and human interaction. Oftentimes designers will work in an art board based program using the edges of the art board (or screen viewport) as a guide for laying out the content on the screen. But are all edges of the screen equal. The answer is NO, because of the golden ratio and the human eye.

“Adrian Bejan, professor of mechanical engineering at Duke’s Pratt School of Engineering, thinks he knows why the golden ratio pops up everywhere: the eyes scan an image the fastest when it is shaped as a golden-ratio rectangle.”

-Mystery of the Golden Ratio Explained

The Golden Ratio

The golden ratio is when the sum of 2 quantities is the same as the larger of the 2 quantities.

Artists have been creating compositions with this formula for centuries, believing it created art that was more balanced and aesthetically pleasing.

The golden ratio is also used in the Fibonacci sequence and the golden spiral. The golden spiral is often found in nature from seeds on daffodils to pinecones to seashells to weather patterns and galaxies. Everywhere you look you can find examples of the golden ratio.

Bottom Weighting Picture Frames and the Golden Ratio

A bottom-weighted picture frame is where the bottom border of the frame is wider than the top and sides. Some believe this practice started during the Victorian era where pictures were hung high on the wall at an angle, making it easier to view but visually off-balance. To correct the illusion, artists began framing their artwork with a wider bottom border.

Although it may have started during the Victorian era, it continues today, likely because the optical center of a framed area is perceived as more balanced than the geometric center. In other words, the human eye is naturally drawn to the space slightly above the actual center of a given space.

This is an effect of the of the golden ratio.

Using bottom weighting and the Golden Ratio to find the optical center of a mobile screen

The golden ratio is great for creating artwork, but does it help with balancing content in a mobile screen? The answer is: YES, you can use the ratio, and a modified picture framing technique to find the optical center of the screen.

To do this determine the appropriate frame dimensions, identify the golden ratio of the frame, adjust the bottom border and viola — you have found the optical center on a small screen.

The example below demonstrates the result. Notice the subtle difference between the physically centered screen and the optically centered (aesthetically balanced) screen using bottom weighting and the golden ratio. One looks right but the other feels right.

Leveraging the relationship between designing and engineering can add emotional depth to the product experience — something customers will feel but not notice.

Read more

If it’s true that 77% of app downloads are never used within 72 hours after installing, you have to wonder about lost dollars in development.
Consider that the average cost for developing and deploying an app is $5o-$300k. Multiply that times the current rate of new apps appearing in the app store alone; roughly 252 per day.
We’re talking $12m – $75m spent every day with $9 – $58m of that investment yielding $0 in ROI. With that probability of loss, why would anyone deploy an app without testing the concept with a target audience? Continue reading App Testing In The Wild

Read more

In an agile organization, the User Story replaces traditional requirement documentation. While traditional requirements like functional or user interface specifications try to be as detailed as possible, User Stories break down the business requirements into the smallest piece of business value that a development team can deliver within an iteration.
That said, there is an art to writing effective user stories and UX designers cannot simply rename their User Interface Specifications to User Stories. Use the following guidelines to consistently deliver requirements that can be easily understood by your development teams. Continue reading A guide to Writing Effective User Stories

Read more

Do you ever find yourself drifting off while conducting interviews? Are you having trouble remembering what an interviewee said during a conversation? Are you busy thinking of your response or opinion before the other person has finished speaking?
If this describes you, your hearing may be fine but your listening needs work. To get more out of  interviews and conversations, you’ll need to work on becoming an “active listener”.
To be an active listener, you’ll need to clear your mind, focus, ask questions, reflect, and paraphrase throughout the conversation. Here are 12 helpful tips to follow the next time you have important feedback to collect. Continue reading Listen up!…and have better interviews

Read more

With the increasing importance of the product experience as a competitive differentiation, designers need to think about making value connections with their customers. Designing for value requires discipline. Using successful measures of value opportunity will help designers get there.
Originally introduced in 2001 by Craig M. Vogel, Jonathan Cagan, and recently cited in the International Encyclopedia of Ergonomics and Human Factors, Value Opportunities provide the best opportunity to connect with customers in a deeper more meaningful way.
When designing a product experience, consider the following Value Opportunities as a means of measurement to determine if your product experience is hitting the mark. Continue reading Design For Value and Connect With Customers

Read more

If you look up the definition of persona you will learn there are various types of persona, each different depending on their context of use. There are persona for literature, music, video games, communication studies, psychology, marketing and user experience design. Although their use varies, personas typically include people, actions,  behaviors, a back story, and specific context or scenario.
If you plan to develop and  use persona in your experience design work, make sure you follow a structured approach. Continue reading About Personas

Read more

Finding the right terminology for a product’s features and content can be challenging. This can be especially challenging if the original taxonomy evolved within a highly specialized group or culture. Terminology born under these circumstances can easily be considered jargon and completely foreign to others outside the group.So how do we avoid terms that can be considered jargon? Continue reading Name That Thing Exercise

Read more