Graphics Club Website 2.0 Design Process with Zak Linder.
-
Upload
lesley-baldwin -
Category
Documents
-
view
215 -
download
1
Transcript of Graphics Club Website 2.0 Design Process with Zak Linder.
![Page 1: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/1.jpg)
Graphics Club Website 2.0
Design Process with Zak Linder
![Page 2: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/2.jpg)
Agenda
Current Graphics Club WebsiteWhere we stand today.
User ResearchWhat do the people want?
New Graphics Club WebsiteTrying to please the people.
![Page 3: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/3.jpg)
Current Site
![Page 4: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/4.jpg)
User Research — Survey
September 2008
Participants: Graphics Club Members
Length: Four Questions
![Page 5: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/5.jpg)
Question One
Never
A few times a year
A few times a month
A few times a week
Every day
User Research — Survey
How often (roughly) do you visit the current Graphics Club site?
![Page 6: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/6.jpg)
Question One
Never
A few times a year
A few times a month
A few times a week
Every day
User Research — Survey
How often (roughly) do you visit the current Graphics Club site?
![Page 7: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/7.jpg)
Question Two — Part 1
User Research — Survey
If you do visit the site, what do you look for?
![Page 8: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/8.jpg)
Question Two — Part 1
User Research — Survey
“Meeting information - Date, time location etc.”
“contact info, info about the club, upcoming events and meetings”
“I visit to check on workshop updates”
If you do visit the site, what do you look for?
![Page 9: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/9.jpg)
Question Two — Part 1
User Research — Survey
Information about...
Events/Workshops
Meeting time/place
Members
If you do visit the site, what do you look for?
![Page 10: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/10.jpg)
Question Two — Part 2
User Research — Survey
If you don’t visit the site, why not?
![Page 11: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/11.jpg)
User Research — Survey
“It hasn’t informed me of anything important in four years, and it makes me very sad.”
“Had it been updated often, chances are I would have visited more.”
Question Two — Part 2
If you don’t visit the site, why not?
![Page 12: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/12.jpg)
User Research — Survey
Not up to date
Unhelpful
Didn’t know about it
Question Two — Part 2
If you don’t visit the site, why not?
![Page 13: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/13.jpg)
Question ThreeUser Research —
Survey
What would you like to be able to do on the new site?
![Page 14: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/14.jpg)
Question ThreeUser Research —
Survey
Upload work for critique
Links to points of interest/reference
Blog
Submit proposals
Calendar of events
What would you like to be able to do on the new site?
![Page 15: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/15.jpg)
Question FourUser Research —
Survey
Are there any sites you admire or wish the GC site could emulate parts of?
![Page 16: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/16.jpg)
New Site ObjectivesUser Research —
Conclusion
Easy to Update
Upload Work for Critique
Information about Events, Workshops, Meetings, and Members
Resources and Points of Interest
![Page 17: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/17.jpg)
And Now...Without further ado...
The New Graphics Club Website
![Page 18: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/18.jpg)
Inspiration
![Page 19: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/19.jpg)
Color Scheme
TextPaginationSecondary
LinksPrimaryLinks
Background
![Page 20: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/20.jpg)
The Grid
![Page 21: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/21.jpg)
Complete Comp
![Page 22: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/22.jpg)
To the Code!
![Page 23: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/23.jpg)
Blank Slate
![Page 24: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/24.jpg)
Slicing and Dicing
![Page 25: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/25.jpg)
Applying Style
![Page 26: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/26.jpg)
Applying Style
![Page 27: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/27.jpg)
Applying Style
![Page 28: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/28.jpg)
Applying Style
![Page 29: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/29.jpg)
Applying Style
![Page 30: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/30.jpg)
Challenges & Compromises
Sometimes modifying the code is confusing
Dependency on other peoples’ code
Typeface availability
New ideas not reflected in the comp
![Page 31: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/31.jpg)
Future Possibilities
More robust critiquing system
Personal portfolio pages
Public job listings
Mailing list integration
Candid information on graphic design-related RPI courses
![Page 32: Graphics Club Website 2.0 Design Process with Zak Linder.](https://reader035.fdocuments.in/reader035/viewer/2022062803/56649f3d5503460f94c5dcc2/html5/thumbnails/32.jpg)
FinThank you.