Seeing With the Eye Vs. the Mind

by

I recently gave a tech talk at Grio on the topic of Designing With The Photo: Cropping Methods and Other Techniques. One aspect of this talk covered different ways of seeing photos. I want to share this part of my talk in this blog post.

CSS Positioning 101

by

Positioning an element on a web page can be tricky. You can specify the position of an element using left, right, top and bottom properties. But these properties will not work if the position value is not properly set. The positioning properties also display differently depending on the positioning value.

Expanding our Design Toolbox with Lean UX

by

Recently Grio’s design team has adopted Lean UX that enabled us to expand our design toolbox in the following ways:

  • Conduct in-depth Discovery and Research to define the products
  • Inject a user-centric design focus
  • Incorporate “deep collaboration” internally, as well as with our clients

Building Better Products with UserTesting

by

Grio Design is showing some blog love this week! We’ve been busy making clients happy by solving wicked design problems and producing beautiful interfaces, but I wanted to take some time to talk about user experience design (UX), usability, and how UserTesting can help everyone reap the benefits of usability testing.

Design Begins With Concept

by

Design Begins With Concept

Creating Something Out Of Nothing

The task of creating something out of nothing is perhaps the most challenging aspect of a designer’s job. Beginning a new project can elicit apprehension about how to proceed and feel intimidating. It is comparable to a writer sitting at their desk, staring at a blank page, waiting for that inspirational first word or sentence to come forth.

Using Photoshop CC to Automatically Generate Web Graphics

by

Adobe Generator App Icon

Let’s face it, creating web graphics takes time and is often tedious, especially if you have to slice images from detailed web page layouts. Sometimes it’s even necessary to copy and paste graphics from a Photoshop layout into a new Photoshop document just so you can isolate graphics and save for web. Recently I began experimenting with creating web graphics automatically from Photoshop layers using the new Adobe Generator feature, which was released in Photoshop CC version 14.1 (to check your version launch Photoshop and go to the menu and select Photoshop/About Photoshop and this will open a panel that includes the version number). When Generator is turned on it will monitor the file you’re working on and generate web graphics based on how you name layers. The cool thing is that as you continue to work in Photoshop and make changes Generator will automatically update assets.

From Interior Design to UI/UX Design: How and What?

by

Design is complex in its subjectivity and individual expression, perception and interpretation. However, what many non-designers don’t know is there are fundamental principles that trained designers must perfect before running wild with paint brush in hand… or stylus

Is iOS Dying?

by

ios7 logo

Apple and Steve Jobs started the smart phone revolution. Just 7 short years ago we had the first iPhone, a technical marvel in its day. The craftsmanship of not only the device but also the iOS operating system was a thing to behold. Apple continued with its excellence in both hardware and software design for years. Unfortunately, the wild ride has ended, at least for the moment. While the hardware has kept up relatively well (although there is not a heck of a lot of innovation), the iOS operating system has, sadly, regressed.

Setting screen orientations in iOS

by


Recently I started a project which required an iOS app to be locked in landscape orientation. The method mentioned below was always the standard for locking/setting the orientation, but iOS 6 deprecated this method. This post will show and explain some other options that I came across when investigating alternative options for locking the screen.
[code language=”javascript”]
[[UIDevice currentDevice] setOrientation:UIInterfaceOrientationLandscapeRight];
[/code]

In search of a better Image Optimizer

by

Web users never like to wait for a website to load. As a software company, a long wait time can result in losing potential clients. One of the tricks that can speed up the loading of your website is the optimization of your images. There are several free tools that you can use for this. Here are five that I recommend.