Monday, November 26, 2007

Lai Yan's GUI design and Flowchart

This is a rough sketch of the GUI for my main menu. All three are drawing images, with the A Famosa representing Historical Attraction, The lady representing Shopping Squares, and the building with a lot of people representing Night Life. All image will be in a dull and monotonous at first, but as the user mouse over either one of the image, the colour will appear. Each image will link to different category.

After clicking on either one of the image, a new page a will be loaded. At first, there will be only three big bubles appear on the top. In each of those bubles is a image of three different places, and as the mouse scroll over, the name of the place will appear. As user click on either one of the bubles, another three bubles will appear onto the right in a circle formation, and the other two places-bubles will be faded. These three new bubles are much smaller than the three bubles on top and each bubles are - Brief Description, How To Get There, and Photos. at the same time the three bubles appear, a image of the place selected will appear in the middle of the circle formation. As the icon for Brief Description and How To Get There clicked, all information will appear in the circle as well. As the Photo icon is clicked, another list of smaller bubles will appear to complete the circle. Each of these bubles are different image of the place, and when clicked the full image will appear in the circle as well. At the end of all these bubles there will be a END bubles which will be visible all the time. This buble will help user to go back to the main three bubles or back to the main menu.


This is the flow chart of my sub topic - Fascinating Places.

No comments: