Have you ever gone out shopping…only to feel out of place? The good news is, it has nothing to do with you. The bad news is, the new, hidden establishment you just stumbled upon may not have taken you into account. (Of course, if you were looking for a McDonald’s and ended up at a Fine Dining Restaurant…that seems like it has more to do with your geographic skills, than the actual establishment).
Products, services, stores, websites are (usually) carefully curated to meet the expectations and needs of choice clientele while designing customer facing experiences like displays, product ranges, store…
Last week, we explored Screen Metrics that affect the design decisions for responsiveness. This week, we’re looking at the layouts and tools used in designing a responsive UI.
A Layout is the skeletal structure of all the visual elements and spaces in your design. A fluid layout that adjusts itself to the available screen real estate is the most fundamental idea behind responsiveness.
How does it work?
To make a layout adjust to the screen size, we have to first know the width of the device. Responsive designs respond to changes in width by adjusting the placement of design elements…
Last week we introduced you to Responsive Design and the impact it has had on our — let’s face it — daily time spent with devices. Since then, we found out that the ‘Your Activity’ feature on Instagram that tells you how much time you spent on the app, is only a mobile feature. Because of Responsive Design, this means, you can use the web application on your laptop, have a similar ‘stalking’ experience and not feel bad about the time you spent! Yes, this is the wrong lesson we just took away from responsive design, but hello! Game changer!
In the late 2000s, studies indicated that users browsing the internet would soon migrate to smartphones over desktops or laptops. Sure enough, over the years more and more companies and website owners started approaching designers for extra layouts of their websites, that would fit the smaller viewports of iPhone and Android devices.
The question naturally arose — would different layouts need to be made with the release of each new device? If not, could the approach used to build a website…be used to build an app?
In the early days of Apple, Steve Jobs was frustrated that the Apple symbol was being overused across applications. Upset, he instructed his Design Team to start finding alternatives. It was this mandate that led to the inclusion of one of the most significant symbols on the keyboard— one users have come to so clearly associate with the MacBook.
Susan Kare was a Graphic Designer working at Apple Computers at the time. Kare is known to have famously created some of the most iconic icons that still exist on the Apple interface today like the pail of paint, paintbrush, lasso…
One man named Alphonse Chapanis.
Last week, we wrote about the mystery of the B17 Bombers that could survive air raids, but could not seem to land. That is, until the intervention of not one, but two Psychologists — Paul Fitts and Alphonse Chapanis.
Now designers may have heard of Fitts from a little thing known as ‘Fitts’ Law’. For the non-designers reading this, Fitts’ Law states that the time it takes a user to move a pointer from A to B, is a function of the distance between A and B and the size of B. In simpler terms…
“Guts and backbone of our aerial offensive.”
“She’ll not only get you to the target and do the job, but she’ll fight her way out, take terrific punishment and get you safely home…”
“It’s a regular Fortress…a fortress with wings…”
“Too much airplane for any but super-pilots…”
These were just some of the statements used to describe the B17 Bomber, a.k.a. The Flying Fortress, a menace in the sky and the pride of the US Army Air Corp in World War II. Pilots would navigate the skies, weaving through and tearing down Japanese and German forces, surviving shrapnel and bullets…
BRND Studio uses an integrated framework of Design Thinking and Human-Centred Design to build innovative solutions and solve complex, ambiguous problems.