What Is UI Design? Six Articles To Help You Understand

What is UI Design?

Once again, we turn to the Designing North Studio team (only a couple are dedicated UI practitioners) to share their their definition of UI Design in one sentence:

The translation of UX design into a visual interface, where the color, composition and placement of various interactive elements reinforce the user experience principles that have been deemed most important for a given interaction.Click To Tweet

“When function and art move in together before they tell their parents.”

The balance of visual design, layers of presentation, and interactiveness to provide a satisfying look, feel, and experience.

The translation of UX design into a visual interface, where the color, composition and placement of various interactive elements reinforce the user experience principles that have been deemed most important for a given interaction.

UI Design is the creation of graphics, illustrations, and/or use of photographic artwork and typography to enhance the display and layout of a digital product within its various device views.Click To Tweet

Have you ever heard someone say, “Wow, that website has horrible UI,” or “The UI of this app is the worst”? Similar to our comments on What Is UX Design, if you aren’t around designers all day this acronym is likely meaningless. And there’s nothing wrong with that. But to understand User Interface Design (UI), is to have a greater appreciation for the way designers craft  the look, feel and even responsiveness of a digital product, which all accumulates to interaction.

However, we understand that much like UX (user experience design), UI (user interface) is often interpreted slightly different depending on who you ask.  

At its core, User Interface Design creates the the look, feel, and interactiveness of a digital product — think web experience or app. But this is only the basis for understanding. You see, good UI is a multidimensional approach that enables a product experience to be responsive to a human being. It’s the Xanax of the design world. Remember that short animation that perfectly substituted the need for a thousand words? Or even that website that you navigated as though it was a guided tour. Now, that’s some good UI.

UI articles to help understand design.

Now, let’s paint you a more thorough picture of User Interface Design with these six articles:

1. UI is this, and UX is that:

https://medium.com/blu-mint-digital/ui-design-vs-ux-design-whats-the-difference-af97c2ff052a

2. UI basics, let’s start here:

https://www.usability.gov/what-and-why/user-interface-design.html

3. Good UI gets out of your way to help you complete a task:

http://blog.teamtreehouse.com/10-user-interface-design-fundamentals

4. Four ways color explains good UI

https://www.webdesignerdepot.com/2017/06/4-ways-vibrant-colors-boost-ui-design/

5. UI explained in 60 seconds. Starting now:

https://www.oho.com/blog/explained-60-seconds-ux-ui

6. These big design buzzwords make you sound more experienced — UI is one of them:

https://www.upwork.com/hiring/design/ux-ui-ia-digital-design-terms-explained/

Have a burning UI/UX question? Let’s chat!

What Is UX Design? Six Articles To Help You Understand

What is UX design?

Before diving in, we asked our Designing North Studio team (only a couple are dedicated UX practitioners) to answer this question in one sentence. Here is what they had to say:

UX design is a solution for understanding the user/customer/employee experience(s) with a business and/or businesses product(s) and the identification of what, if anything, that should change about those experiences to affect any identified business problem(s).Click To Tweet

A tool to reduce thinking during a user experience

UX design in the entire digital user experience with a brand’s product or service; sight, touch, sound, and feeling.

UX design focuses on optimizing the usability of a product, enhancing the interaction between the user and the product, and ensuring the user is able to get what they want out of the experience.

UX design should follow this simple tenet: Just make it bloody useable.

UX design is a body of ideas that shape an experience with a product.

UX design is the process of marrying usability data, visual cues, information architecture and a number of other factors to ensure that a user’s experience with a digital product requires the lowest possible cognitive load, and has the least amount of friction while completing an intended task or interaction.Click To Tweet

As you can see, this question can often lead to complex answers, and even experienced design professionals will have to stop and think a while before responding.

When you really ponder the idea of UX you start to understand that it’s not confined to the design realm.

UX design is everywhere. And It’s main focus is always “the user.”

UX design is in our homes, our work, and even our cars.

What we wear; we play with it and what we eat/drink are all influenced through UX design. In one way or another, UX design is a key part of your daily life. And when it’s implemented well, it enhances your experiences without recognition.

In reality, the majority of us aren’t trained to think about this concept, but that’s not to say that you shouldn’t start. Even if this practice isn’t a part of your current job — or it is and you just didn’t realize it — now is a great time to understand the basics of UX design. Or, at a minimum, identify what it is and what it is not. Who knows, it may inspire you to look at the world differently. 

Understanding UX design

To get you started, we have curated six articles that will help answer the question, what is UX design?

1. A  discussion with Andy Budd of UK-based agency, Clearleft and Digital Arts Magazine, on the classic role of a UX Designer:

http://designingnorth.com/2016/10/digital-designers-and-drug-dealers-we-all-need-the-user/

 2. Revealing the meaning behind the acronyms UX and UI:

https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-guide/

3. How to explain UX Design to anyone using simple thoughts and few words:

http://marianogoren.com/how-to-explain-ux-to-anyone/

4. The role of the UX Designer is still widely unknown. This article will help you explain UX to your team:

http://uxmag.com/articles/explaining-ux-design-to-your-team

5. What exactly is UX Design all about? How can I really make sense of it? This article from The Next Web (TNW) labels the key points to walk away with:

https://thenextweb.com/dd/2016/08/11/what-the-hell-is-ux-design/#.tnw_RfyMdXxN

 6. Learn the key differences between User Interface Design (UI) and User Experience Design (UX):

http://usabilitygeek.com/the-difference-between-ux-and-ui-design/

Still have questions? Send us a note! We’d love to help.

Horse On The Loose: A Designer-Sister Duo Passionate About Equestrian

What do you get when you cross an illustrator and a graphic designer that both share a passion for all things horses? Horse on the loose, of course!

Horse on the loose is a collaboration between a sister duo who were looking for a way to share their love for everything equestrian with the world. Sister Andra happens to be a member of the Designing North team as well; we are very proud!

From shopping, to work and travel they envisioned a product that could be seen by others and instantly recognized by the larger equestrian community. Naturally they landed on the trusty tote; a bag for all purposes. But not just any tote. These bags are custom printed in Los Angeles, CA with unique illustrations representing dressage, jumping, and southwestern equestrian culture.

 Of course, there’s always more to the story than meets the eye. To go beyond the vibrant colors and flawless horse silhouettes, we asked Andra for her inspiration behind Horse on the loose, and the details that led to its launch.

Horse on the loose Story

“My sister Roxana and I started Horse on the loose at the end of last year. I live in Los Angeles, California and she lives in Transylvania, which is in the northern part of Romania. The two of us share a passion for horses and all riding disciplines. I’ve been taking dressage and jumping lessons for more than 9 years; incorporating this style into our designs was a natural progression for me.”

Horse on the loose tote bag

“I currently ride at an eventing barn called Goldspirit Farm in Los Angeles, CA. My sister has also been riding for two years now in Cluj-Napoca, Northwestern Romania. Although we are over 6,300 miles apart, we often spend holidays together and love to go horseback riding wherever our travels take us.”

“Besides having a passion for horses, we are both artists by trade. I am a graphic designer and and my sister is a painter and illustrator. Since my earliest memories, we have been drawing horses for fun, and to this day it’s still our favorite subject. With such a great distance between us, it’s comforting to know that my sister and I share the same passions and enjoy talking about art and horses whenever possible. But Horse on the loose is so much more. From two different continents, we are building a brand based on a shared interest and are able to display our talents in the process; I wouldn’t trade it for anything.”

Inspiration for the Designs

The inspiration for the designs originated more from a graphic design approach, rather than illustrative. The horses are very clean, edgy and stylish; we want people to recognize the designs without leaving too much room for interpretation. However, the designs cater to riders in the various disciplines, leaving room for a little personalization. These riders are a more sophisticated audience, seeking something unique that speaks to them.

“I’ve been to quite a few tack stores throughout the years and never found a tote bag that “spoke” to me. Most were either too generic looking and childish, or super high end and overpriced. I guess I simply wanted to produce a product that is affordable yet still looks great for everyday use. Secretly, I am my ideal customer — I’m an artist after all. “

Horse on the loose tote bag design

With the recent ban on single-use plastic bags, totes are more than a trend at the moment and you can take them everywhere, including the barn! But these bags give riders the opportunity to show off their hobby to the outside world as well.

How did you end up with these unique designs? And where can enthusiasts find them?

Funny enough, I was working on a wall graphic for an equestrian event management company in San Diego. I presented them with various looks, amongst them was something similar to the style we ended up using on the bags. They didn’t choose that look (my favorite of course), so I decided to use it for myself.

Horse on the loose tote bags for equestrian

Besides selling the bags through our online store, we are sending a few to some equestrian shows across the country as competition prizes.

In the future I hope to expand the line to feature more horse-riding disciplines such as racing and polo. Maybe we can put the designs on other merchandise; only time will tell! Until then, I hope you enjoy the bag designs and please share them with other horse-loving friends.

Are you an illustrator, graphic designer, or enthusiast for all things equestrian? If so, Horse on the loose would love your support!

 

 

Walking the talk – Design comps – A hover above

Small triumphs

Our industry is no different than any other. Some weeks are more of a grind, littered with meetings and deadlines. Others are punctuated with small or large triumphs that energize the team, the project, the day, the week.

This last week proved to be the latter. Our tagline at Designing North Studios is, “It’s not a location. It’s a mindset.” We aim to consistently deliver north of expectations – a hover above what’s expected. This week, after working around the clock, quite literally around the world, we presented design comps on a very large project (still cloaked in secrecy).

Exceeding expectations

Instead of delivering the minimum number of contractually obligated design comps, our design team provided twice that. They were on a roll, and let their creative juices and our discovery findings be their guide. Because we are responsible for providing content, we were also able to include key messaging that led to a more authentic initial experience for the client. Hence, the client was able to grasp true manifestations of the end product in a variety of styles and formats.

The client had provided good direction in the form of inspirational websites, but in the end, the winning design took the benchmark websites to another level. The client was able to see what they had initially imagined, and then, although they liked those concepts, they were able to confidently eliminate them as a design direction. They weren’t wondering, “What if?”

A good  kind of unusual

The selected design direction featured key elements of the inspirational websites, but cleverly incorporated the client’s branding guideline components in an unexpected way. Or as the client said, “…in an unusual way – the good kind of unusual.” Our designer had provided three variations on his particular theme, so the client was able to pick and choose the favored blocks for moving forward. We concluded the design comp review (all done on GoToMeeting from coast-to-coast) with great enthusiasm and excitement for the next stages of the project.

The seminal lesson here was that the extra effort was not at all wasted. By seeing several concepts of what they thought they wanted side-by-side with a more innovative approach, the decision process was unambiguous. Thus, the overall project can proceed with greater confidence, and likely with less iteration.

More soon!

 

Not a subscriber? Jump on board.

 

 

Northern California
studio@designingnorth.com
888-850-NORTH
© 2016 Designing North Studios. The Creative Division of The Carrera Agency. All rights reserved. Privacy | Terms