So, we asked you to generate 5 ideas on the type of interaction your portfolio site should have. These can be written out, or in sketch form. For example, the idea I proposed in class–maybe you have a timeline of your work that you can scroll back and forth through. That's one type.
Be sure to post these ideas to your blog before the start of class today.
Be experimental–even if you don't know how it will work!
Thursday, November 20, 2008
Tuesday, November 18, 2008
Thursday, November 13, 2008
Tuesday!
Yay! Remember the things I was saying in class! Be creative! Wow us! We'll be inviting other design students to watch, so you'll have a great audience. We'll also be clearing out the tables with only the chairs in Univers. If you have specific instructions with how you might present it, that requires you to go first, post your comments here.
By the beginning of class on Tuesday, you should have your team's files dropped in Michael's dropbox.
Good luck, and congratulations!
Monday, November 10, 2008
Web 2.0 Lecture this Thursday
Lars Trieloff, a colleague of mine from Day Software and a specialist in all things Web 2.0, will give a presentation this Thursday at 3pm in Futura. Lars is a product manager at Day and his specialty is social collaboration and how it can be used to transform business practices. Lars is one of the founders of Mindquarry, Open Source collaborative software. Be there seniors!Thursday / November 13 / 3pm / Futura, room 101
http://twitter.com/trieloff
http://www.ohloh.net/accounts/lars3loff
http://weblogs.goshaky.com/weblogs/lars
http://trieloff.suprglu.com
http://pipl.com/directory/people/Lars/Trieloff
http://www.linkedin.com/in/trieloff
http://www.rssmeme.com/user/71428/
Friday, October 31, 2008
This Weekend...
Michael will at school from 12-5 on Saturday and 12-6 on Sunday working in the office. If anyone needs helps, just come knockin'. Post here if you need a specific meeting time.
Tuesday, October 21, 2008
Tonight (Tuesday Oct 21st)
I want everyone to enjoy the evening and not worry about class, but for those who need to get to work and need guidance, I'll be in school after 7pm...
Sunday, October 19, 2008
Tuesday & Thursday Events
Lots' goin' this week class.
Everyone should go to the AIGA poster reception (Garrett & I will be going too) and we will all be going to see Venesky together. We've extended the wireframe date as well (see edited post below). See you at the event and at the start of class Thursday.
I'll be in by 3 on Thursday for those who need some CSS guidance.
Send me a request if you're in need.
Garrett's got your Flashy goin' on.
Everyone should go to the AIGA poster reception (Garrett & I will be going too) and we will all be going to see Venesky together. We've extended the wireframe date as well (see edited post below). See you at the event and at the start of class Thursday.
I'll be in by 3 on Thursday for those who need some CSS guidance.
Send me a request if you're in need.
Garrett's got your Flashy goin' on.
Tuesday, October 14, 2008
Oh, no! It's Skeletor!
Achtung, Baby: Delivery Date Alteration
So, fornext Thursday (the 23rd) Tuesday (the 28th) please have a functional skeleton of how your interface will be working, in the medium you'll be building it in. Build it in crude boxes, if you'd like. In other words.... an interactive wireframe. If things slide, make it happen. If things enlarge when clicked on, make it happen. If you navigate by smelling your screen, make it happen. Post your skeletons here.
So, for
Thursday, October 9, 2008
CSS Demo Floaty Floater Assignment
Using Thursday's demo and files as a guide, build an HTML page with a container (DIV ID) holding 1-column, 2-column, and 3-column containers (DIV CLASS). The border around the containers is 30 pixels and the divs should have the dimensions indicated in the image below. I'll let you figure out the outer container size.
Upload the solution to your site and post the link here before Tuesday's class.
Don't forget to upload the CSS file as well.
Upload the solution to your site and post the link here before Tuesday's class.
Don't forget to upload the CSS file as well.
Tuesday, October 7, 2008
Deliverables for Thursday Oct 9
Pick your direction!
Pick the best branding and interface directions.
Refine your brand, interfaces and objects!
Make it look not ugly.
Thursday will be a work day but we will start with a CSS demo.
remember: NO GILL
Pick the best branding and interface directions.
Refine your brand, interfaces and objects!
Make it look not ugly.
Thursday will be a work day but we will start with a CSS demo.
remember: NO GILL
Friday, October 3, 2008
Thursday, October 2, 2008
Progress for Tuesday
So, Tuesday will be a work day. But, you need to come to class with the following things:
Two contemporary branding directions. Michael and I saw a lot of washed up typefaces today. You guys are the new school here, with new technology! Experiment with new typefaces! No Gill, Futura, Myriad, Helvetica, Hobo, etc. simple.
Each person should design a minimum of 4 pages (2 branding directions each) = 8 pages.
In other words, there will be 8 pages per interface.
It's likely that the person designing the object's interface will have less content to flush out.
Thus, the person responsible for the object should begin exploring/rendering in Google Sketchup.
–––––––
For the extra Flash assignment:
Here's the link to the Flash assignment that you'll be making for Tuesday.
Upload your SWFs to your server and post the link to your file here, by the start of class on Tuesday.
You guys are doing great, by the way! Like I said, I'll be available over the weekend.
---
Two contemporary branding directions. Michael and I saw a lot of washed up typefaces today. You guys are the new school here, with new technology! Experiment with new typefaces! No Gill, Futura, Myriad, Helvetica, Hobo, etc. simple.
Each person should design a minimum of 4 pages (2 branding directions each) = 8 pages.
In other words, there will be 8 pages per interface.
It's likely that the person designing the object's interface will have less content to flush out.
Thus, the person responsible for the object should begin exploring/rendering in Google Sketchup.
–––––––
For the extra Flash assignment:
Here's the link to the Flash assignment that you'll be making for Tuesday.
Upload your SWFs to your server and post the link to your file here, by the start of class on Tuesday.
You guys are doing great, by the way! Like I said, I'll be available over the weekend.
---
Friday, September 26, 2008
Phase Proposal Presentation
Tuesday, your team will be giving another presentation on the plan for the next phase. Your presentation will be 5–10 minutes (5 minutes of pres. + 5 min. of discussion). Here are some things you should be including:
1. wireframes for your online space + wireframes for your object's interface. Remember your object's interface doesn't have to be directly attached to the object. For example, if your object is too small to fit onto a keychain, you can design an interface for your touch-screen phone that "talks" with that object.
2. a good drawing of your invented object.
3. make sure you have all possible extensions of your system–work out every angle at which users can interact with it. Although you may not have enough time to explain every detail in your presentation, it'll be good when Michael and I grade this project.
4. enthusiasm
Remember, you are designers. Design your presentation. And, as always, practice. The more you're comfortable speaking about it, the more enthusiasm you can bring. You guys presented some amazing ideas on Thursday. You all should be proud! Michael and I are really excited about this project!
–
1. wireframes for your online space + wireframes for your object's interface. Remember your object's interface doesn't have to be directly attached to the object. For example, if your object is too small to fit onto a keychain, you can design an interface for your touch-screen phone that "talks" with that object.
2. a good drawing of your invented object.
3. make sure you have all possible extensions of your system–work out every angle at which users can interact with it. Although you may not have enough time to explain every detail in your presentation, it'll be good when Michael and I grade this project.
4. enthusiasm
Remember, you are designers. Design your presentation. And, as always, practice. The more you're comfortable speaking about it, the more enthusiasm you can bring. You guys presented some amazing ideas on Thursday. You all should be proud! Michael and I are really excited about this project!
–
Thursday, September 25, 2008
Weekend Blog Assignment
Watch the following video about institutions vs. collaboration by Clay Shirky, and answer the question with your teammate.
If you remember, we originally asked you to build your community around a more collaborative model.
How is your community supporting the collaborative model as opposed to the institutional? What actual features will your system offer that prompt the collaborative model? For example, a free community chat room rids a company of providing an actual conference room. Do you feel that by providing an institution, it makes the user feel as if they're serving someone else's goal, rather than the community having its own goal?
If you remember, we originally asked you to build your community around a more collaborative model.
How is your community supporting the collaborative model as opposed to the institutional? What actual features will your system offer that prompt the collaborative model? For example, a free community chat room rids a company of providing an actual conference room. Do you feel that by providing an institution, it makes the user feel as if they're serving someone else's goal, rather than the community having its own goal?
Wednesday, September 24, 2008
YouTube + Wii Wario
This is an interesting form of an online advertisement where Wario shakes up the YouTube interface.
Question: is this wrong? Does this violate the values that are instilled in user-generated content?
Question: is this wrong? Does this violate the values that are instilled in user-generated content?
Tuesday, September 23, 2008
Aloha! Project Two Phase Two! Planning!
Planning Phase
Using your research as a foundation, come up with 5 different systems that reflect the needs of your individual and community.
Each system should present 3 components:
-An idea that brings the community together
-An invented real world "object" (hypothetical, you come up with the object idea) that facilitates the idea
-An interactive environment that serves as a communal space
System sketches should be done on 5 separate sheets of paper (11 x 17 minimum).
Have them ready at the start of class on Thursday.
-
Using your research as a foundation, come up with 5 different systems that reflect the needs of your individual and community.
Each system should present 3 components:
-An idea that brings the community together
-An invented real world "object" (hypothetical, you come up with the object idea) that facilitates the idea
-An interactive environment that serves as a communal space
System sketches should be done on 5 separate sheets of paper (11 x 17 minimum).
Have them ready at the start of class on Thursday.
-
Bucket o' Links
Here are links to the amazing interfaces I was talking about today:
One Laptop Per Child
Red Issue
We Feel Fine by Jonathan Harris
Photosynth from Ted Talks
Spectra Visual Newsletter from MSN
Amaztype from yugop
TedSphere
Universe by Jonathan Harris
Looking Glass Project
Reactable Project
Newsbreaker Live
Karim
CoolIris
Uniqlo Grid
One Laptop Per Child
Red Issue
We Feel Fine by Jonathan Harris
Photosynth from Ted Talks
Spectra Visual Newsletter from MSN
Amaztype from yugop
TedSphere
Universe by Jonathan Harris
Looking Glass Project
Reactable Project
Newsbreaker Live
Karim
CoolIris
Uniqlo Grid
Android: Google's Dream, Apple's Nightmare?
Google's Android was partly released today on the first phone carrier to support it, T-Mobile. Check out this article from Time.
Friday, September 19, 2008
PC throws a punch
The battle begins/continues as Microsoft retaliates against all of the PC hatin' Apple ads that have been running for over a year now.
Here are the original Apple ads if you don't know what I'm talking 'bout.
Here are the original Apple ads if you don't know what I'm talking 'bout.
Monday, September 15, 2008
Sunday, September 14, 2008
Research posters cont.
Regarding the quality and content of these posters:
They are a part of your grade for this project.
As seniors in design and I expect the quality of your visualization of the research to be exceptional. By this I mean use hierarchy and the organization of information in a manner that emphasizes and clarifies.
In general, all aspects of the design process should be looked at with the same care and discrimination as the final product. When presenting work to a client the wrapper should not be quickly, sloppily or poorly designed, but should serve to make the design or idea or research shine.
They are a part of your grade for this project.
As seniors in design and I expect the quality of your visualization of the research to be exceptional. By this I mean use hierarchy and the organization of information in a manner that emphasizes and clarifies.
In general, all aspects of the design process should be looked at with the same care and discrimination as the final product. When presenting work to a client the wrapper should not be quickly, sloppily or poorly designed, but should serve to make the design or idea or research shine.
Saturday, September 13, 2008
Research Poster Examples
Friday, September 12, 2008
Last minute ALERT! ALERT! ALERT!
just found this out, pretty dang relevant for our new project...
September 12: Visiting artist Mark Daggett will show how corporations, artists and gamers, among others, are using the technical nature of networks and social software to reshape concepts of community.
7–9pm tonight
go to the new wing of the Nelson to get free tickets...
http://www.nelson-atkins.org/art/Exhibitions.cfm?id=65
September 12: Visiting artist Mark Daggett will show how corporations, artists and gamers, among others, are using the technical nature of networks and social software to reshape concepts of community.
7–9pm tonight
go to the new wing of the Nelson to get free tickets...
http://www.nelson-atkins.org/art/Exhibitions.cfm?id=65
Thursday, September 11, 2008
Weekend Assignment
It is my personal opinion that the "community" model posed by McMillan and Chavis is very difficult to fit to today's online "communities." For more elaboration, visit here.
Their criteria:
-Influence (the drive for the individual to influence the group, and the group to influence the individual)
-Membership (boundaries, personal investment, common symbols, feeling of openness)
-Fulfillment of "needs" (not directly attached to the symbols of membership - it's not the horse, it's the outdoors)
-Shared emotional connection
With your "pardner," come up with an appropriate model, either by manipulating the McMillan and Chavis model, or create your own. What are the criteria for online interaction? And, is there room for collaboration toward a shared goal?
Post your ideas by the start of class on Tuesday. Please do not post 5 minutes before class. It only shows that you didn't sleep on it.
-
Their criteria:
-Influence (the drive for the individual to influence the group, and the group to influence the individual)
-Membership (boundaries, personal investment, common symbols, feeling of openness)
-Fulfillment of "needs" (not directly attached to the symbols of membership - it's not the horse, it's the outdoors)
-Shared emotional connection
With your "pardner," come up with an appropriate model, either by manipulating the McMillan and Chavis model, or create your own. What are the criteria for online interaction? And, is there room for collaboration toward a shared goal?
Post your ideas by the start of class on Tuesday. Please do not post 5 minutes before class. It only shows that you didn't sleep on it.
-
Howdy Project 2! (phase 1)
1. Get into yo' team. Talk... seriously.
2. Begin brainstorming a self-driven, real-life activity.
3. Start conducting research around a number of parameters relating to your activity including but not limited to:
A. Physical boundaries (what's involved, place, weather requirements, etc.)
B. Participant needs (physical attributes, clothing, transportation, symbols of membership, etc.)
C. Needs of the collective (relating objects, influence, gathering spaces, managers, facilitators, etc.)
By Thursday, September 18th your pair will create two research posters. One poster will pertain to the individual and one to the collective, obviously relating content between the two.
Have your posters printed for crit 24in. x 36in.
2. Begin brainstorming a self-driven, real-life activity.
3. Start conducting research around a number of parameters relating to your activity including but not limited to:
A. Physical boundaries (what's involved, place, weather requirements, etc.)
B. Participant needs (physical attributes, clothing, transportation, symbols of membership, etc.)
C. Needs of the collective (relating objects, influence, gathering spaces, managers, facilitators, etc.)
By Thursday, September 18th your pair will create two research posters. One poster will pertain to the individual and one to the collective, obviously relating content between the two.
Have your posters printed for crit 24in. x 36in.
Tuesday, September 9, 2008
Teamwork!
Budd, Angie
Griffin, Timothy
Sembower, Chris
Owen, Shelby
Knotts, Bryan
Schulte, Justin
McCray, Collette
Jones, Vivian
Flaherty, Kelly
Adams, Quince
Lenz, Joshua
Furst, Sam
Anderson, Matt
Pickell, Curtis
Nitsch, Grant
Tramposh, Adam
Tillman, Kristy
Weber, Emily
Daugherty, Rebecca
Viseth, Phonesavanh
Velarde, Monina
Bayer, Jessica
Griffin, Timothy
Sembower, Chris
Owen, Shelby
Knotts, Bryan
Schulte, Justin
McCray, Collette
Jones, Vivian
Flaherty, Kelly
Adams, Quince
Lenz, Joshua
Furst, Sam
Anderson, Matt
Pickell, Curtis
Nitsch, Grant
Tramposh, Adam
Tillman, Kristy
Weber, Emily
Daugherty, Rebecca
Viseth, Phonesavanh
Velarde, Monina
Bayer, Jessica
Friday, September 5, 2008
Additional Homework for the Weekend
Aside from the progress on your newsletter layouts, Michael and I would like for you to watch the following video about the new Google Chrome browser.
1.
2.
Also, listen to this audio clip from NPR on Cloud Computing.
(Click "Listen Now," after you've navigated to the page).
Using Google Chrome's methods of acknowledging the Web 2.0 experience, quickly envision an application-based tool for the web. What would it be? Is it a form of cloud computing?
Post your ideas here before class on Tuesday (this is a graded exercise).
1.
2.
Also, listen to this audio clip from NPR on Cloud Computing.
(Click "Listen Now," after you've navigated to the page).
Using Google Chrome's methods of acknowledging the Web 2.0 experience, quickly envision an application-based tool for the web. What would it be? Is it a form of cloud computing?
Post your ideas here before class on Tuesday (this is a graded exercise).
Tuesday, September 2, 2008
Google Announces Android Winners
Check out Google's Android Project (the one I spoke of in the lecture). They announced the winners of their application design competition for the new phone platform.
Go-Go Gadget Critique!
So, for your critique today, you should be answering the following questions about your designs:
1. Is this design appropriate for my audience? Does including the full article accommodate the kind of interaction they're used to?
2. Is there a strong hierarchy of content? Is there a strong hierarchy of conventional elements (headers, title, buttons, etc.)? Is the designer understanding "above-the-fold?"
3. Does this feel special for the user? What clues are there to make this customized?
4. Does this design feel like it's part of a larger system of information, and could it possibly act as a catalyst to the rest of the content on the site?
5. Is the designer embracing some of the attributes of Web 2.0 as discussed in the lecture?
Thursday, August 28, 2008
Hello, Project One!
CNN, the New York Times and the Los Angeles Times have great online databases of their tangible articles, rich with multimedia content. They also invite more engagement by sending out email newsletters. But, there's a problem. The news isn't tailored for any one audience... until now. Cookies, social networking interaction, purchase histories, form information and IP address mapping enable extremely fine-grained ways of targeting a person's cultural interests, financial standing, religious beliefs, etc.
PICK AND RESEARCH YOUR AUDIENCE
You will be designing and choosing the content for a newsletter targeted to a specific audience. Begin by picking one of the following categories:
urban professionals
tweens
baby boomers
single parents
Add two further attributes (of your choice) to your category.
For example: single parent > 6 digit income > poker fanatic
Use the power of the internet to conduct research. Use Google searches, scan the sections of online and physical media for content and design that would be appropriate for your chosen audience. Collect the stories and design examples on your process blog (upload images, embed videos). See multimedia, be multimedia.
PICK YOUR NEWS CHANNEL AND START DESIGNING
Pick either CNN, the New York Times or the Los Angeles Times to redesign (recontextualize) for your chosen audience. There are no layout restrictions but be aware of your screen real estate, if you design a traditional vertical newsletter, you may not want the width to go over 650 pixels. If it's horizontal, the height may need to be between 300-500 pixels. It doesn't need to either, though. Experiment, stretch the possibilities.
For Tuesday September 2
Post to your blog, before class, the following:
audience research
3 static (photoshop/illustrator) solutions
written justification of each concept in relation to your audience (max 1 paragraph)
PICK AND RESEARCH YOUR AUDIENCE
You will be designing and choosing the content for a newsletter targeted to a specific audience. Begin by picking one of the following categories:
urban professionals
tweens
baby boomers
single parents
Add two further attributes (of your choice) to your category.
For example: single parent > 6 digit income > poker fanatic
Use the power of the internet to conduct research. Use Google searches, scan the sections of online and physical media for content and design that would be appropriate for your chosen audience. Collect the stories and design examples on your process blog (upload images, embed videos). See multimedia, be multimedia.
PICK YOUR NEWS CHANNEL AND START DESIGNING
Pick either CNN, the New York Times or the Los Angeles Times to redesign (recontextualize) for your chosen audience. There are no layout restrictions but be aware of your screen real estate, if you design a traditional vertical newsletter, you may not want the width to go over 650 pixels. If it's horizontal, the height may need to be between 300-500 pixels. It doesn't need to either, though. Experiment, stretch the possibilities.
For Tuesday September 2
Post to your blog, before class, the following:
audience research
3 static (photoshop/illustrator) solutions
written justification of each concept in relation to your audience (max 1 paragraph)
Tuesday, August 26, 2008
Personal Blogs
post your personal blog links here.
use html link tags please (copy the text below and replace with your linkage)
use html link tags please (copy the text below and replace with your linkage)
Get Yo' Domain!
Here are some of the great sites to purchase your domain from! We strongly recommend you purchase either a ".com" or a ".net" domain. If you have any other great sites to purchase from, please comment.
Godaddy (the one with the hot chick)
Network Solutions
Yahoo
Dreamhost
Also, when you grab your domain, post the link here.
Please have your domain ready by Tuesday, September 2nd. We'll do a demo in class on how to link it to your server space.
Love,
Garrett and Michael
Godaddy (the one with the hot chick)
Network Solutions
Yahoo
Dreamhost
Also, when you grab your domain, post the link here.
Please have your domain ready by Tuesday, September 2nd. We'll do a demo in class on how to link it to your server space.
Love,
Garrett and Michael
Monday, August 25, 2008
Subscribe to:
Posts (Atom)
