​PHOTOSHOP VISUALIZATION

An integral part of the Design Process is Prototyping. As a Human Experience Designer of Interactions, you will need to create visuals that convince the public of your ideas.

Prototypes can be made using a variety of tools and can include everything from early crude physical prototypes that test proof of concept and preliminary ideas, and it can also include imagery intended to convey an initial idea which may lead to generating investors and revenue which will help see the product to the light of day.

Experience Google's AR NOW! Together, in class (Zoom)

• Using your smart phone,
• Go to the browser,
• Go to Google search (on my phone Google is my default search engine).
• Type in an animal, such as "tiger". If Google has a AR created for the animal, you will see a "view in 3D" option. If your first choice didn't come up, like Elephant, you can find a list of animals, dinosaurs, and other objects currently available here.
• Select View in 3D.
• Insert animal into your room.

​

Fun, right?! But what if you had an idea like this, but lack the underlying programming knowledge to implement this? Just give up on your idea? No!! You can get "buy-in" from others if you can convince them of your idea using static images of your concept, Visualizations.

Believe it or not, many website and phone app designs are still worked out, not in XD, but in Photoshop or InDesign, long before working out the code in a development tool like Dreamweaver. Visualizations are a form of Prototypes as well.

Ways we COMMUNICATE our ideas to others:

• Sketches (hand, quick, exploratory)
• Imagery (manipulated)
• Physical models (crude > refine)
• Digital models (3D leads to VR/AR and animations)
• Charts, Graphics, Diagrams, Schedules

​

EXAMPLES AND CASE STUDIES

OXO Good Grips. Fast Company. The untold story of the vegetable peeler that changed the world.

Things We've Learnt About... Microsoft HXD Research Group

• Memories
• Digital Possessions

Boston Dynamics robots

UX Wireframes with Adobe XD, this is nothing but a prototyping tool

​

PROCESS

For this assignment, we will get our feet wet using Photoshop.

Take a Hi-res Photo (the best resolution quality your device is capable of) holding your (or a friend's) smart phone. Have the screen turned off, BUT have your finger over the screen as if touching a pop up menu (see image below).

Take another photo of somewhere in your neighborhood, at the beach, park, or recent travels. A photo already on your camera will be perfectly fine.

Using Photoshop, create a screen with something new inserted into the scene that doesn't belong. Use glowing and transparencies to create a sense of artificiality OR add shadows and other lighting to create a more believable illusion, such as a dinosaur in the landscape.

Be original, do something new that we haven't seen or experienced as of yet.

An idea, insert something familiar and change the scale of it in the new context/environment.

Add other graphic info elements to add more to the fiction.

​

DELIVERABLES

1. Insert Image(s) into your Proposal Document template
2. Publish as a PDF following the guidelines established.
3. Submit to Dropbox.com by deadline

​

EXAMPLES

Architecture and Developer Proposals

Developer Proposal

Microsoft > Things we've learnt about....Memories

 

"We spend most of our time trying to get design out of the way."

—Jony Ive