Class 02 Topics: Self Learning, Frameworks, Design Process, Discover + Research, Client Survey, Group Presentation Assignments, Discussion.
Class 03 Topics: Group Presentations: Competitive Analysis, Bootstrap, Discussion.
Announcements
- Please submit your WordPress blog URL to the comments section if you don’t see it posted here: http://classes.jamiecavanaugh.com/grdes/gd-67/gd-67-student-blogs/
- Smashing Conference: April 27-30. Receive a code for 25% off (with a copy of your student ID). That’s approximately $150 discount. See me for more details!
Class 02
Self-Learning
Resources
http://webfieldmanual.com/
- Take Notes
- Get a sketchbook
Frameworks: What are they?
CSS tutorial: Boilerplates, grids, and frameworks | lynda.com
What is a Framework?
A collection of assets that provide a system for building sites or applications. Usually has a specific focus like building responsive design.
15 Best CSS Framework for Responsive Web Design
http://www.tutorialchip.com/css/css-framework-for-responsive-web-design/
What is a Bootstrap?
Twitter’s bootstrap project is a standalone framework. Right now it’s more of a marketing term but it’s becoming a generic term for UI (user interface) frameworks.
Getting started with Bootstrap
Sites built using Bootstrap
http://expo.getbootstrap.com/
What is GitHub?
https://github.com/
Powerful collaboration, review, and code management for open source and private development projects.
GitHub manages and stores revisions of projects. Although it’s mostly used for code, Git could be used to manage any other type of file, such as Word documents or Final Cut projects. Think of it as a filing system for every draft of a document.
Design Process
Discovery + Research
Defining the Problems and Issues
Take a look at the current Design Technology Department website: www.smcdesigntech.org.
What are the current problems and issues with this site? What works and what doesn’t work?
Defining the problems and issues is an important step. This step will lead to defining the goals for the site and the project overall. This is not a time to play the critic and to point out to the client all the ways their current site is “bad.” (If the website were successful, they probably wouldn’t need you!) As a designer, you need to be sensitive, and develop the skills to effectively communicate the current issues/problems and how to move towards a better solution. Your role as a designer is to be a problem solver.
Discussion
Web Design Process
What are the six parts to the Planning stage?
What are the four parts to the Design stage?
What are the five parts to the Development stage?
What are the four parts to the Launch stage?
What are the three parts to the Post-Launch stage?
Client Survey
What are the eleven questions you should ask your prospective clients before you get started on their project?
Client Survey
What to Ask a Client Before you Start
http://www.webdesignerdepot.com/2011/01/what-to-ask-a-client-before-you-start-their-project/
Client survey from the beloved book, Web Redesign 2.0:
http://www.web-redesign.com/downloads/03_client-survey.pdf
(Remember, the book is dated, so there is some old stuff, even in this survey)
Group Presentations
Group Presentations will occur over the next 5 weeks. In Group Presentations we will define and discuss the process documents and “deliverables” for this class. These presentations serve as short instructional “workshops,” and we’ll create these documents as part of our weekly assignments.
- Competitive Analysis
- Creative/Project Brief
- Project Schedule
- Budget/Project Estimate
- Personas/User Profiles
- Site maps
- Wireframes
For more information see: http://classes.jamiecavanaugh.com/grdes/gd-67-group-presentations/
Class 03
Group Presentations – March 5
Group Presenters
Competitive Analysis: Amanda Johansson, Murray Smith, Michael Lemus
Competitive Analysis
From the book Web Redesign 2.0: Analyzing Your Competition
Resources
Competitive Analysis
http://boxesandarrows.com/competitive-analysis-understanding-the-market-context/
Competitive Analysis created for Santa Monica College Website:
http://cristenwilson.files.wordpress.com/2013/03/desouza_hosoyamada_wilson_competitiveanalysis.pdf
Discussion
- What are the three basic steps for a “quick and dirty” competitive analysis?
- What are the series of questions to do a basic visual review?
- What are the two tests that you can use to help assess how many users your competition may be turning away.
By marcus welles March 5, 2015 - 4:53 pm
Need to catch up on the reading