Heat and moisture transport in a paper sheet moving over a hot print ...
Moving From Print to Web: Interaction Design, Planning and Presentation
description
Transcript of Moving From Print to Web: Interaction Design, Planning and Presentation
![Page 1: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/1.jpg)
AIGA LA & Print to Web Part 3:Planning & Presentation
@josecaballer
![Page 2: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/2.jpg)
Jose
![Page 3: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/3.jpg)
I am a web designer
![Page 4: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/4.jpg)
Born Digital
![Page 5: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/5.jpg)
Question: What are your Challenges in Planningwebsites?
![Page 6: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/6.jpg)
A Story in 3 Parts
![Page 7: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/7.jpg)
Part 1:In the Beginning
![Page 8: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/8.jpg)
Question: Why is web design so different than brochures, posters, books and other print?
![Page 9: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/9.jpg)
1996
![Page 10: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/10.jpg)
![Page 11: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/11.jpg)
![Page 12: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/12.jpg)
Part 2: The Birth of User
Experience
![Page 13: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/13.jpg)
Business Creative Tech Marketing
ROI RGB USP
SQL
![Page 14: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/14.jpg)
Part 3: The Firsts Steps
![Page 15: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/15.jpg)
The Dorktionary
15
1. The Usability Audit What works, what doesn’t
2. User Personas / Profiles Who are they? Age, gender, income, occupation - What motivates them, their story
3. User Stories What will the user do on the site
4. Site Map Give me a macro picture of this thing
5. Wire Frames Where are the components, features and functionality located on a screen?
6. The Creative Brief What should this site look like
6. Site Scapes What does the general look and feel look like - without making an actual page.
7. Prototypes Lets do a quick and dirty proof of our idea
8. Detailed Mockups Down to the pixel designs of a page on the site.
TM
![Page 16: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/16.jpg)
![Page 17: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/17.jpg)
![Page 18: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/18.jpg)
![Page 19: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/19.jpg)
![Page 20: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/20.jpg)
![Page 21: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/21.jpg)
![Page 22: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/22.jpg)
![Page 23: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/23.jpg)
![Page 24: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/24.jpg)
![Page 25: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/25.jpg)
![Page 26: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/26.jpg)
![Page 27: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/27.jpg)
![Page 28: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/28.jpg)
![Page 29: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/29.jpg)
![Page 30: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/30.jpg)
![Page 31: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/31.jpg)
![Page 32: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/32.jpg)
![Page 33: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/33.jpg)
![Page 34: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/34.jpg)
![Page 35: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/35.jpg)
![Page 36: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/36.jpg)
![Page 37: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/37.jpg)
Closing Thoughts
![Page 38: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/38.jpg)
The Average Hourly Rate of a UX Designer in L.A. is between$75 & $125/hr.
![Page 39: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/39.jpg)
I have been designing websites for almost 15 years
and I have never coded a website for a client.
![Page 40: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/40.jpg)
Programmers and Business people are just as scared
of you than you are of them.
![Page 41: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/41.jpg)
Being really good at print makes you a hot commodity in web design.
![Page 42: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/42.jpg)
3 things between you and a successful print to web transition are:1. Knowing the formats 2. Understanding user experience 3. Don’t be afraid of Techies
![Page 43: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/43.jpg)
Business Creative Tech Marketing
ROI RGB USP
SQL
![Page 44: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/44.jpg)
COMING THIS FALL: GROOP SKOOL HYPER COLLABORATION WEEKEND WORKSHOPS
SKOOLGROOP TMBUSINESS
TECHNICAL
CREATIVE
MARKETING
COMING THIS FALL: GROOP SKOOL HYPER COLLABORATION WEEKEND WORKSHOPS
SKOOL
GROOP TM
BUSINESS
TECHNICAL
CREATIVE
MARKETING
COMING THIS FALL: GROOP SKOOL HYPER COLLABORATION WEEKEND WORKSHOPS
SKOOLGROOP TMBUSINESS
TECHNICAL
CREATIVE
MARKETING
Coming This Fall:
![Page 45: Moving From Print to Web: Interaction Design, Planning and Presentation](https://reader034.fdocuments.us/reader034/viewer/2022051412/54c7a3f94a7959e7478b460a/html5/thumbnails/45.jpg)
Thank You.
@josecaballer