OUT OF THE BOX

OUT OF THE BOX

Designing The Perfect Feature Comparison Table

Comparisons tables are valuable tools in a designer's kit, allowing you to powerfully communicate information your users may be needed in a clear and easy to digest manner. However, many just can't seem to get it right graphically. Check out this detailed article to help you get the most out of them!

design ui ux 

Not all products are created equal. While we repeatedly buy some products almost mindlessly, for others, we take a lot of time to make a purchasing decision. For a price tag that meets a certain threshold or if we are particularly invested in the quality of a product, we want to be absolutely certain that we are making the right choice and are getting a good product for a good price. That’s where a feature comparison table makes all the difference.

Read More
Why You Need Design Thinking and How To Put It Into Practise

Design Thinking can be applied to so many aspects of life. Not sure what design thinking is and want to learn more? Check out this article by the people at Invision.

It’s more than a methodology or a framework. Design thinking has the power to take you and your team through the trickiest of problems—often with a winning solution on the other end.

Read More
Icons are little living creatures

Great article that discusses how the relevance of icons changes with society. As the lines between the shapes of our devices begin to blur, it can be a challenging to prevent iconography from becoming doubted or obsolete as technology progresses whilst still being easily identifiable.

It was around 2010 and I was asking for feedback from colleagues on my web design. The response was positive, they thought the site looked great, apart from one tiny detail… the mobile phone icon I’d designed, especially it’s little antenna, was problematic.

Read More
A guide to every design ethics

Really like the idea of designing for temporary disability. Keeping this in the forefront of our minds whilst designing makes sure that we are creating user interfaces that are as easy and accessible for as possible for users.

Also, remember that a disability can be temporary. So even if you’re young, you’re fit, and everything is good, sometimes you might have a temporary disability—maybe you broke your arm or you’re just holding a baby or you’re holding a bag. There’s a lot of ways that we can be temporarily disabled, and designers need to think about the different ways that our products will be used. It can also be situational.

Read More
How to Choose the Right Logo Color

Logos need to be able to stand on their own, in such a wide variety of usage situations!

Have you ever designed an identity and gone blank when it was time to pick a color palette? With the entire spectrum at your disposal, it can be tough to select just one or two colors. Although color may seem like an open brief, there is a logical process to follow that will help. We interviewed industry experts and boiled down their advice to three important rules.

Read More
When Large Isn’t Large Enough: Designing With Hero Images

Hero images need to be better than big. Leaving lasting impacts on your audience all begins with what they encounter first and most of the time, it starts with the hero image. Your Hero image is more than just a pretty picture, it's a powerful communication tool.

When users come to your page, they’ll feel some kind of reaction. Whether it’s positive or negative, that reaction is determined in large part by what they see. Because vision is perhaps the strongest human sense, a hero image is one of the fastest ways to grab the user’s attention. Bold, graphic and intentional imagery engages the user. It draws the user in immediately and makes a perfect centerpiece for a minimalist app or website.

Read More
Common On-Site Search Mistakes and How to Fix Them

Making sure that your search functions are working for your users instead of against them is absolutely crucial. Here's a list of the most common search mistakes so that you can keep your website's user experience in check!

Your website’s search function could be damaging your conversion rates. And if it’s not acting as a bane to your conversion rates, it could be doing something almost as bad: not helping them either. On-site search, if well optimized and put in the frame of increasing user experience, can greatly enhance the usability and enjoyment of your site.

Read More
How Empathy & Personalized Interfaces Can Help You Build Better UX

Empathy, one of the essential driving forces of UX design, is becoming increasingly more important in today's digital world. Empathetic design helps your organisation create relevant, personalised experiences that break through digital barriers and communicate your message in a way that your audience understands and connects with.

Web design trends can pivot on a dime, but some design concepts have proven their efficacy and timelessness. Two of these concepts, personalization and intuitiveness, are integral parts of modern web design and are vital to crafting amazing user experiences. Thanks to modern developments, it’s easier than ever to capitalize on these design concepts to the benefit of the user. To leverage these concepts effectively, designers have to empathize with their users.

Read More
Storyframes before wireframes

Interacting with a successful web design is like reading a compelling story. Starting your designs in your text editor can be a quick way to streamline your design approaches and achieve better outcomes by creating compelling stories. Check out this article for more.

Before jumping into wireframing (and spending time moving gray boxes and blocks of text around on the screen), or even sketching things on paper with the level of polish I would like people to see in my work, at some point I have decided to start my design process with what I later named as storyframes: a hybrid document between a script/story and a wireframe.

Read More
Using Card-Based Designs To Enhance UX

As card designs trends continue to grow in popularity, it's great to a take an in-depth look into what makes them work! Card-based designs are easily convertible into strong mobile responsive outcomes so you should definitely check out this article to learn more.

Web and mobile apps move away from pages, towards completely personalized experiences. And this experience built on an aggregation of many individual pieces of content. Cards are the new creative concept. Regardless of how you feel about the concept, cards are here to stay.

Read More
How to Become a Consultant For Your Clients

Providing your clients with the right guidance needed to protect them from themselves and their mistakes can be just what they need to achieve their goals. Sometimes a bit of proactive thinking is what can make difference between being a technician and being a consultant.

“Can you make this small change to our website?” How many times have you heard that from a client or some variation and thought, “if they only knew what it took to make that ‘small change’ to their site” or “I wish they could understand the impact of doing what they’re asking”? Probably more times than you’d care to count. I find most of us will fit into one of two roles when we’re asked by clients to make changes or updates – a technician or a consultant.

Read More
404s: How to Turn An Error State Into A Conversation Starter

Sometimes 404s happen. This article suggests using 404s (and other error states) as opportunities to drive a positive action. Check it out!

Bad stuff sometimes happens to good designers. But rather than unpacking the near endless challenges you face, this article is focused on the value good design has in these situations.

Read More
4 Ways Use Functional Animation in UI Design

Animation that's used to enhance the user experience of a website can be extremely powerful. Instead of viewing animations it as an add-on or extra, the best animations feel sophisticated because they were considered from the start.

We’re no longer just designing static screens. We’re designing for how the user gets from those screens to actually view content. If we are to design better digital products, then we need to embrace the interactive nature of the app and websites from the very beginning.

Read More
15 Simple Productivity Tips for Freelancer Designers

Although this article targets Freelance Designers, I believe that these practices could be applied to anyone and still be extremely valuable. Check it out!

The final tip is to START NOW. Don’t start later or tomorrow, start now! Think of this, people who start ahead of you will be more successful before you even take the first step.Do you want to be left out? No? Then start now. If you let another day pass doing nothing, you’re worse than that dying lady in the hospital bed. You need to act, react and proact.

Read More
Slack Themes

Sick of the default Slack colours? - Check out these themes that let you customise the colours of your Slack colour scheme!

4 Things Your Home Page Needs to Stand Out

Give your users a reason to stay on your website! Check out this article to find out how you can stand out online.

“As long as I have a web presence, I’m good to go.” So say a lot of business owners out there who think that having any old website is better than not having one at all. And you know, that’s true to some degree. Even a poorly designed site will give potential customers a way to reach you, which is something I suppose. But more often than not, bad design – bad home page design, in particular – can cause people to click the “back” button in a nanosecond. Whether you like to think so or not, design plays an essential role in how your site is perceived. And that split second perception can determine a whole lot of things. Like whether or not a prospect stays on your site or clicks back. Or a visitor clicks on links in your navigation menu. To get your site’s home page on the right track, here are 4 things you should consider including.

Read More
Accessibility Means Designing for Yourself Too

About a week ago as I was adding alt-tags to a bunch of images I had this exact same thought to myself - Designing with accessibility is looking after not only others, but potentially, also your future self. Great write-up in this article - Definitely recommend the read.

Accessibility is most commonly associated with designing for “people with disabilities”. And even when we talk about it being for “everyone”, the concept is still so abstract, it tends to carry the idea that accessibility is for someone else.

Read More
Mobile First Design: Why It’s Great and Why It Sucks

Brown Box have long been proponents of mobile-first development, and we are still strongly committed to it - but it's not all sunshine and roses, especially for the developers!

More than ever before the web is something that we carry in our pockets, not something that merely hangs out near our desk or even in our homes. This is a global trend that will only continue to see growth in the coming years. Are you ready for this? Does your professional skill set include web development for all important platforms or just the desktop arena?

Read More

Sorry. You must be logged in to view this form.