Sunday, October 26, 2008
Saturday, October 25, 2008
TO DO LIST
Things To Be Done:
Site Dynamism
Inteface Design - How to visualize data using Stacked Typography?
Dummy Prototype
Sat-Sun:
Come up with sketches/mockups of interface design
Show how user navigates
Monday:
Compile over MSN, early afternoon
Finalise interface design
Tues-Wed:
Start on the graphics and scripting
Thursday:
Apply both the graphics and scripting
Debugging
Friday:
Presentation
Stacked Typography:
1) Height
2) Color
3) Size
What does these three layers of information stands for?
How do we fit in categories and works into our typography concept?
Objective: Leave behind a strong impression of what our course is about, and why students should join our course.
Message: IxD is the course to join for a future in Interaction Design.
Interaction Design:
-Provide engaging experience with interface for users
-Delivers message efficiently across
-Improves convenience for users
-Close gap between virtual and reality
-Connects human network
In short,
Interaction Design --> Communication
What To Consider:
-Visualize Data
-Maintenance
-How to include tags, search functions, etc.
JIAYOU!
By Chun Kiat
Site Dynamism
Inteface Design - How to visualize data using Stacked Typography?
Dummy Prototype
Sat-Sun:
Come up with sketches/mockups of interface design
Show how user navigates
Monday:
Compile over MSN, early afternoon
Finalise interface design
Tues-Wed:
Start on the graphics and scripting
Thursday:
Apply both the graphics and scripting
Debugging
Friday:
Presentation
Stacked Typography:
1) Height
2) Color
3) Size
What does these three layers of information stands for?
How do we fit in categories and works into our typography concept?
Objective: Leave behind a strong impression of what our course is about, and why students should join our course.
Message: IxD is the course to join for a future in Interaction Design.
Interaction Design:
-Provide engaging experience with interface for users
-Delivers message efficiently across
-Improves convenience for users
-Close gap between virtual and reality
-Connects human network
In short,
Interaction Design --> Communication
What To Consider:
-Visualize Data
-Maintenance
-How to include tags, search functions, etc.
JIAYOU!
By Chun Kiat
Friday, October 24, 2008
Sorting Exercise
Information Design Process:
- Planning
- Assessing Data
- Sorting & Sketching
- Assessing Media
- Designing Graphics
- Clarify Graphics
- Evaluate & Iterate
By JONG
- Planning
- Assessing Data
- Sorting & Sketching
- Assessing Media
- Designing Graphics
- Clarify Graphics
- Evaluate & Iterate
By JONG
Wednesday, October 22, 2008
Tuesday, October 21, 2008
3D Typography
Everybody loves typography in design. Playing around with characters in an awesome way really gets the attention of the viewer. Be amazed and get inspired by the world of beautiful 3D typography!
By JONG
By JONG
Monday, October 20, 2008
Updates!
What Users Look For:
- What is this course about
- Why should I join this course
- Is this course good enough for me
- What will I learn from this course
- What lies ahead in my future if I join this course
- How good are they compared to other courses
Users Want Interface To Be:
- Clear, Simple and easy to understand
- Easy to navigate around, won't get lost
- No slow loading time
- Able to find information required directly
- Better layout + graphics than other similar courses?
Concept:
Magazine Layout
Why?
Newspapers/Magazines have an interesting way of getting their message across, thru their different layouts, the way they emphasize on their headlines, and attract users to read their contents. If not, then why are some newspapers and magazines more popular than some others?
E.g. Why does so many ppl like to buy The New Paper as compared to other choices like Straits Times, Today, etc? Why did TNP change their interface treatment recently? It's so as to attract more readers and inject a different experience for readers when reading news.
Magazines have similar effects with their cover page, as the way how they arrange their cover page layout will help them gain an edge over competitors. Magazine contents are also carefully planned to make sure that readers stay hooked to the magazine and even find it worth subscribing to.
E.g. Compare Lime Magazine to Teenage Magazine, or Cleo as compared to other female magazines... what makes them stand out? Even though it's just words and pictures, you can always sense an attitude in the magazines. And that's the kind of attitude I hope we can express too, to attract the similar target audience.
Personal Opinions:
Our target audience is teenagers, and I feel that they would be attracted to a pop style treatment to our interface. There's also a good reason why teens love magazines like Lime, Teenage, and prefers to read TNP than other newspapers...
And one good reason why we chose to make use of typography is because it sends both a Visual and Verbal message to our intended audience. Hence, thru a newsletter layout, we can emphasize on our contents through LOUD, CLEAR and EXPRESSIVE "headlines", and inject a certain attitude into our interface.
Whether this will turn out to be boring or interesting depends on how well we can express our attitude through the words we use, and how interesting our layout can be as well. We must look into what makes teenage magazines successful, and how they keep teenagers hooked to their contents.
That's what I came up with for now. Hope this helps. =)
By Chun Kiat
- What is this course about
- Why should I join this course
- Is this course good enough for me
- What will I learn from this course
- What lies ahead in my future if I join this course
- How good are they compared to other courses
Users Want Interface To Be:
- Clear, Simple and easy to understand
- Easy to navigate around, won't get lost
- No slow loading time
- Able to find information required directly
- Better layout + graphics than other similar courses?
Concept:
Magazine Layout
Why?
Newspapers/Magazines have an interesting way of getting their message across, thru their different layouts, the way they emphasize on their headlines, and attract users to read their contents. If not, then why are some newspapers and magazines more popular than some others?
E.g. Why does so many ppl like to buy The New Paper as compared to other choices like Straits Times, Today, etc? Why did TNP change their interface treatment recently? It's so as to attract more readers and inject a different experience for readers when reading news.
Magazines have similar effects with their cover page, as the way how they arrange their cover page layout will help them gain an edge over competitors. Magazine contents are also carefully planned to make sure that readers stay hooked to the magazine and even find it worth subscribing to.
E.g. Compare Lime Magazine to Teenage Magazine, or Cleo as compared to other female magazines... what makes them stand out? Even though it's just words and pictures, you can always sense an attitude in the magazines. And that's the kind of attitude I hope we can express too, to attract the similar target audience.
Personal Opinions:
Our target audience is teenagers, and I feel that they would be attracted to a pop style treatment to our interface. There's also a good reason why teens love magazines like Lime, Teenage, and prefers to read TNP than other newspapers...
And one good reason why we chose to make use of typography is because it sends both a Visual and Verbal message to our intended audience. Hence, thru a newsletter layout, we can emphasize on our contents through LOUD, CLEAR and EXPRESSIVE "headlines", and inject a certain attitude into our interface.
Whether this will turn out to be boring or interesting depends on how well we can express our attitude through the words we use, and how interesting our layout can be as well. We must look into what makes teenage magazines successful, and how they keep teenagers hooked to their contents.
That's what I came up with for now. Hope this helps. =)
By Chun Kiat
Stand Up or 2D
User can see what IM is consist of at one glance and I combine 2D and 3D, it’s because I think that it somehow telling the user that is either you stand up for the rest or you remain at the 2D environment (refers to the other courses which they usually see books and using computer).
By SinYen
Flags as Infographics
These posters have been designed for the political magazine Grande Reportagem. The main idea behind visualization is to turn flags of various countries into infographics by adding a legend to them. Interesting!
By JONG
By JONG
Sunday, October 19, 2008
Sorting Information
Traditional Media
Illustration
Packaging
Photography
Prints
Interactive Media
Browser-Based Design
Non-Browser-Based Design
Mobile Design
Installation Design
Designer/Developer Collaboration
Video & Motion
Motion Graphics
Miscellaneous
We listed it out this way is because I think that if we break it down to too many categories like (e.g. advertising, corporate, brand identity, information kiosks) it may be a bit messy and there will be too many things to sort, and what if there's only one or two works in that category? So, we listed out four main categories and some sub-categories. However, the naming of the categories might not be familiar to our target audience.
By SinYen
Illustration
Packaging
Photography
Prints
Interactive Media
Browser-Based Design
Non-Browser-Based Design
Mobile Design
Installation Design
Designer/Developer Collaboration
Video & Motion
Motion Graphics
Miscellaneous
We listed it out this way is because I think that if we break it down to too many categories like (e.g. advertising, corporate, brand identity, information kiosks) it may be a bit messy and there will be too many things to sort, and what if there's only one or two works in that category? So, we listed out four main categories and some sub-categories. However, the naming of the categories might not be familiar to our target audience.
By SinYen
Take Note!
Consultation
- Play with the word 'INTERACT'
- IxD (Interaction Design)
- Black, White & Red
- Dynamism
Visualizing Information!
List down all the possible types of works under Interactive Media.
- How can we categorise them?
- Why is it in this way?
- Does our target audience understand?
- Is it what they want to see? What do they want to see?
By JONG
- Play with the word 'INTERACT'
- IxD (Interaction Design)
- Black, White & Red
- Dynamism
Visualizing Information!
List down all the possible types of works under Interactive Media.
- How can we categorise them?
- Why is it in this way?
- Does our target audience understand?
- Is it what they want to see? What do they want to see?
By JONG
Type Interface
Consultation
- Is it necessary for the tag clouds?
- Must it be so huge, filling up all the space?
- What is the purpose of the curved shapes?
By JONG
- Is it necessary for the tag clouds?
- Must it be so huge, filling up all the space?
- What is the purpose of the curved shapes?
By JONG
Saturday, October 18, 2008
Typography
Letters don't just convey the message, but are also functional; their form suggests the second message which is transported with the artwork!
By JONG
By JONG
Monday, October 13, 2008
Magic
Concept:
Be Part of the Magic
This concept aims to make use of magic as a metaphor, to demonstrate that students can create interactive magic through joining the course.
Be Part of the Magic
This concept aims to make use of magic as a metaphor, to demonstrate that students can create interactive magic through joining the course.
By Chun Kiat
Concept
Objective
Leaving a good impression and let our target audience understand more about IM
Why Journey?
- End of secondary school life, to start a new journey in IM
- To show our progress/growth over the years
- We are moving forward to a better future!
Create Awareness
- We want to build up the climax, which makes our target audience want to see more!
- To make them think
- And to learn something out of it
Journey + Progress + Awareness = ?
By SinYen
Leaving a good impression and let our target audience understand more about IM
Why Journey?
- End of secondary school life, to start a new journey in IM
- To show our progress/growth over the years
- We are moving forward to a better future!
Create Awareness
- We want to build up the climax, which makes our target audience want to see more!
- To make them think
- And to learn something out of it
Journey + Progress + Awareness = ?
By SinYen
Subscribe to:
Posts (Atom)