Usability testing doesn’t have to be complicated. There are dozens of options for a design team that wants to remotely test their solutions. To prove that, we’ve redesigned Yelp, with the help of remote usability tests. We ran remote usability tests because they’re fast and affordable. All of these tests were unmoderated, which means the… Continue reading How to transform user experience into UX design
Tag: Into
Tips for Getting a Web Design from Illustrator into the Browser
Scenario: someone hands you an Illustrator document with their latest web layout and it’s your job to convert it into working HTML and CSS. Let’s take a look how you can do that. Note: The aim of this tutorial is not to perfectly recreate the design for web use. Instead, we’re going to use it… Continue reading Tips for Getting a Web Design from Illustrator into the Browser
Design Inspiration: A Look Into iOS7 Icon Designs
Love it or hate it, the initial iOS7 release is out and causing quite the stir. Regardless of opinions relating to the design, functionality and direction of iOS7 there is some rather eye catching iOS7 icon design work going on behind the scenes. In this little inspiration roundup I wanted to showcase some of the… Continue reading Design Inspiration: A Look Into iOS7 Icon Designs
A Look Into CSS Units: Pixels, EM, and Percentage
Unit takes an important role for measuring and building things like a house, a bridge or a tower, and building a website is not an exception. There are a number of methods of measurements used on the Web, specifically in CSS, namely Pixel, EM and Percentage. In this post, we are going to run through… Continue reading A Look Into CSS Units: Pixels, EM, and Percentage
Incorporating Subtle Patterns and Minimalism into Web Design
Web design used to be about flashy, bright colors, attention-getters and flash animations that were full of movement and activity designed to be extremely noticeable. Front-end design standards have come a long way since those days, with flash quickly becoming a thing of the past and the professional standard for becoming more sophisticated than it… Continue reading Incorporating Subtle Patterns and Minimalism into Web Design
A Simple Look Into Adaptive and Responsive Web Design
The decision for a developer to use an adaptive or responsive web design is dependent on the intended use of the web page. In a short comparison, an adaptive web design is made to deliver content accommodating to the type of browser enabled. While a responsive web design is designated to fit the original web… Continue reading A Simple Look Into Adaptive and Responsive Web Design
How to Turn an Ordinary Landscape into a Dramatic Moonscape
Step 1 – Preparing Sky Download all the images listed as Tutorial Resources. Create a new document in Photoshop and drag a photo of “sky 1″ into it. Place it in the top left corner and name in LEFT SKY. Note: I really recommend to name all the layers in your photo manipulations. It makes… Continue reading How to Turn an Ordinary Landscape into a Dramatic Moonscape
Magically Turn Your Photoshop Layers Into CSS3 With CSS Hat
Today I’m going to show you a Photoshop plugin which aims to greatly improve your workflow. It’s called CSS Hat and it turns your Photoshop layers directly into valid CSS3. Further Information Download: You can grab CSS Hat from its homepage. Compatibility: CSS Hat is compatible with Photoshop CS4 and upwards, on Mac OS X… Continue reading Magically Turn Your Photoshop Layers Into CSS3 With CSS Hat
Arrange Images into Flexible Grid with Photoset Grid
Photoset Grid is a simple jQuery plugin to arrange images into a flexible grid, based on Tumblr’s photoset feature. Originally the plugin was created for the Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but they have since expanded it and released a jQuery plugin for us. Beyond… Continue reading Arrange Images into Flexible Grid with Photoset Grid
Turn Day into Night in Photoshop
Turn day into night! Use the power of Adjustment Layers and Blending Options to turn a bright daytime image, into a semi-realistic nighttime image. While these settings may not give you 100% perfect results, you can use the same techniques on your images with a bit of tweaking. Source Files The images that I’m using… Continue reading Turn Day into Night in Photoshop
Turn a Pencil Sketch Into a Colorful and Dynamic Character Illustration
Sketching out a character illustration can be a lot of fun. Giving that sketch life can be a challenging task, however. In this Tuts+ Premium tutorial, Ken Barthelmey will explain how to use Photoshop’s painting tools to turn a pencil sketch into a colorful and dynamic character illustration. In this process, he will show how… Continue reading Turn a Pencil Sketch Into a Colorful and Dynamic Character Illustration