Whole Backend Prototype - JONG
Frontend Prototype with Transitions - CK
Splash Page - SY
Report - SY
Powerpoint Presentation Planning - SY
Monday - Thursday
Compile
Report
Powerpoint
Storyboard
Friday, November 14, 2008
Monday, November 10, 2008
Tasks
10/11/08
- Interface Design (Mockup) - Jong & SinYen
- Implementation of the Properties - Chun Kiat
- Breaking Down the Technical Requirements - Chun Kiat
11/11/08
- Finding Script
- Finalize Design & Graphics
- CMS Interface (Mockup)
12/11/08
- Start Scripting
- Finish Up Graphics
13/11/08 - 16/11/08
- Scripting, Scripting, Scripting
- Report
- Interactive Storyboard
- Flowchart
- Powerpoint Presentation
- Interface Design (Mockup) - Jong & SinYen
- Implementation of the Properties - Chun Kiat
- Breaking Down the Technical Requirements - Chun Kiat
11/11/08
- Finding Script
- Finalize Design & Graphics
- CMS Interface (Mockup)
12/11/08
- Start Scripting
- Finish Up Graphics
13/11/08 - 16/11/08
- Scripting, Scripting, Scripting
- Report
- Interactive Storyboard
- Flowchart
- Powerpoint Presentation
Friday, November 7, 2008
Wednesday, November 5, 2008
Sunday, November 2, 2008
Visual Grammar
Abstract Objects
Abstract objects are ideal shapes that cannot be physically created. When you try to draw a point, for example, you do not end up with a point but with a surface.
Concrete Objects
Objects are perceived within defined limits. These limits are called contour lines. The contour is what defines the shape, or form.
Activities
Visual reproductions are static. What can be perceived as an activity, is a static representation or a sequence that creates an illusion of activity.
Relations
Visual objects in a composition relate to the viewer, the format, and other elements within the composition.
By Christian Leborg
Saturday, November 1, 2008
Type Research
After looking on more typography examples... I think we should research more on the font we are going to use and think of ways to express on our keywords using the fonts.
For the stacking part, I think we got a lot of our research posted on the blog, by looking at it, I personally think that for our previous interface, we didn't really think of overlaying of types, the space between each words, the alignment of the texts and also repetition is it possible to add this in? Because I think it's interesting, by just repeating a word can make people remember and isn't that what we want?
By SinYen
For the stacking part, I think we got a lot of our research posted on the blog, by looking at it, I personally think that for our previous interface, we didn't really think of overlaying of types, the space between each words, the alignment of the texts and also repetition is it possible to add this in? Because I think it's interesting, by just repeating a word can make people remember and isn't that what we want?
By SinYen
Typography Based References
Here's some references that I've found, which may be useful in helping to solve the problems we're facing with Interface Design.
Site 1:
http://www.kindnessandhumility.com/
This website offers a typography-based inteface to showcase a portfolio of works too, but instead of stacking upwards like us, their content is shown downwards.
Look at the way how the space is cleverly made use of. The words are all right at the top of the page, leaving a big big big space below. It straight away gives an impression that more is to come within the empty space.
Everything is also neatly arranged and users can see the steps they had taken as they navigate through the site. There is a clear hierachy of navigation, and everything is shown within the same page. Not much transition, changing of background and graphics... It's just very simple, direct and efficient.
Think we can also be as simple and direct? =)
Site 2:
http://ilovetypography.com/
Okay, there's nothing much about interface design. But this is a good site i've found to find out more about how typography can aid any form of design interfaces. =)
Hope what I found here helps!
By Chun Kiat
Site 1:
http://www.kindnessandhumility.com/
This website offers a typography-based inteface to showcase a portfolio of works too, but instead of stacking upwards like us, their content is shown downwards.
Look at the way how the space is cleverly made use of. The words are all right at the top of the page, leaving a big big big space below. It straight away gives an impression that more is to come within the empty space.
Everything is also neatly arranged and users can see the steps they had taken as they navigate through the site. There is a clear hierachy of navigation, and everything is shown within the same page. Not much transition, changing of background and graphics... It's just very simple, direct and efficient.
Think we can also be as simple and direct? =)
Site 2:
http://ilovetypography.com/
Okay, there's nothing much about interface design. But this is a good site i've found to find out more about how typography can aid any form of design interfaces. =)
Hope what I found here helps!
By Chun Kiat
Wednesday, October 29, 2008
Stacked Bar Chart Research
Stacked Bar Chart
This view displays all points from different series, but with the same argument, stacked in a single bar. (For instance, this is useful to show that each bar represents a particular category.) So, the height of each bar is determined by the total of all the series values for the category.
Credits: DevExpress
We can make use of different colour legends to differentiate our categories. The choice of colours can also represent a certain value, such as the number of views/popularity. (E.g. The more popular a particular category is, the more bright and saturated its colour will be?)
The X-Axis value in the above picture represents a timeline. We can use that too. Otherwise, it can even be used to represent each main category. The coloured bars are sub-categories. Possible?
The Y-Axis value of the bars can also represent various values. It can be the number of views/visits, number of works, number of awards, and many more. Users must be able to understand the value it represents and also the meaning behind it, which should cater to the users' preferences and needs.
By Chun Kiat
This view displays all points from different series, but with the same argument, stacked in a single bar. (For instance, this is useful to show that each bar represents a particular category.) So, the height of each bar is determined by the total of all the series values for the category.
Credits: DevExpressWe can make use of different colour legends to differentiate our categories. The choice of colours can also represent a certain value, such as the number of views/popularity. (E.g. The more popular a particular category is, the more bright and saturated its colour will be?)
The X-Axis value in the above picture represents a timeline. We can use that too. Otherwise, it can even be used to represent each main category. The coloured bars are sub-categories. Possible?
The Y-Axis value of the bars can also represent various values. It can be the number of views/visits, number of works, number of awards, and many more. Users must be able to understand the value it represents and also the meaning behind it, which should cater to the users' preferences and needs.
By Chun Kiat
Tuesday, October 28, 2008
Monday, October 27, 2008
Interface Design 1
Using Digital, Media, and Design as 3 main categories.
List of Sub-Categories related to the chosen main category.
Scrolling of the thumbnails.
Details of the chosen work.
Problems To Be Solved:
How to make user understand where to go to get what they want to find?
By Chun Kiat
Subscribe to:
Posts (Atom)