Final Mockup of my Mobile App

 

This is my Primary design of my site. I have to admit that coding is so paining! When I just start it, I have no idea where to engage in it... I get nothing after spending two nights in university. Haha, but it maybe be a good memory for me, which can be regarded as a special celebration my coming graduation.

I was frustrated to face 5 units this semester and had been in fever for a 5 days last week. Even though I love my work pretty much, but I have to mortify it in order to hand in it on time. I was so sad at that time.

Finally, I move back to my primary design. As what I told to myself, I do not except to pass this assignment safely, I wish to do things differently, and I would like to go my style. I tried hard and succeed.  I am so pride of myself. But I can see how bad my coding is at the meantime as well.

KKb226-decomentation

Purpose of the app:

As I am an international student in Brisbane, I do hope my app can provide convenience to visitors, making them feel free in Brisbane. Therefore, my mobile app is designed for tourists who are willing to have a basic understanding of Brisbane. I chose I Phone as my target device, as it is widely used around the world. What is more important is that I Phone is turning to be more and more popular among young people, which would be better used to attract my primary audience.

Target Audience

Primary audience:

Basically, my app is considered to be developed covering all age groups. But my Primary audience would be young tourists. The characters of my target audience are obviously to be seen. They are young, curious, appealing to personality and full of energy. Most of the youth prefer to enjoy trips in their free time. “Backpacks” is popular among young people.

Secondary audience:

My secondary audience would be all visitors in Brisbane, especially for the free walker who enjoy making travel planning by themselves.  

Desing Process:

Research:

I have done quiet much research before moving to build my own mobile app. It is easy to find a bunch of tourist websites online. Unfortunately, I haven’t seen many sites developing particular mobile service to customs. Mobile would be a pretty convenient way for tourists to abstain timely information.   

Functions or Style:

I really love simple design style. Also, personally, I believe the functions would be more important than style for users.  But Because my strong point is interface design and I do not have much time to export the coding of functions for my Mobile device.  Therefore, I decide to focus on the inter face  rather than functions.

hi

My final mockups:

During the process of my design work, I do realize my insufficient knowledge of flash, especially action scripts. I really want to develop my work further,  But the limited knowledge block my way. As shown in the final mockups, I planned to do a scale button to make audience can zoom in and zoom out the animation easily. Unfortunately, I cannot make it finally.

Design process:

                                         I get my lovely pig image by tracing the attracted photo above

         

                                      Working, working, working on the earth

Case scenario

For this design, I don’t have specific target audience. I think all people may access to this data as the swine flu is global issue and it is seems to be considerate by the majority of people on the earth. Furthermore, the flash work can make people get rid of boring to obtain the desired data source. The moved animation can create something fun to draw people attention to the data. Also, the data is sorted and make it possible for people to compare useful information. People can also focus on the specific data they want easily.

Concept:

Color:

Variously bright colors are utilized to rich the content of my flash animation as well as make my flash look fun and interesting.

Shape:

The screen of the flash is basically made up by a various range of simple geometric shapes. Circle is easily seen in my design. I try to use circles to balance and organize my picture composition. Circle is symmetrical shape embodying peaceful, harmonious and unity. When people see pigs moving around the circle, it is easy for them associate the circle with “earth”. The disaster of swine flu is the world’s problem. I do hope people over the world can cooperate together to desist this disease.

Why I choose swine flu

When I choose the topic of my design, I think I am really influenced by the project I did last semester with other group mates. We were asked to design an interactive game in order to encourage people eating healthily without too much meat. One of my group mate had designed a wonderful logo with the image of pig. Therefore, while I get data of swine flu, I cannot help thinking of “pigs”. On the other, in 2008, China has suffered a serious disaster and thousands people were dead for SARS. The increasing economic is negatively affected by this unexpected disease. A plenty of people were unemployed and students had to stay at home as schools were chose. I do see the harm and inconvenience for society brought by flu. Therefore, I hope this design can keep people’s eyes on this isuue.

The process of designing Mashup

 

Chinese Opera is a kind of traditional Chinese art and Chinese masks have its special artistic value. Red is the predominant color in my design. As a Chinese, I am proud of my nation’s civilization, so I decide to make a Mashup of Chinese Opera masks.

Red is power and passionate. Also, In China, red color has special meaning, which denotes happiness and prosperity, widely being used for attracting good luck. As images posted above, “red” presents a beautiful tone of Chinese Culture. During some essential celebrations, senior people normally send red paper containing money which is called “lucky money” as gifts to junior relatives. In ancient times, traditional brides need to dress up red clothing and sit in a red sedan chair to go for marry. For my Mashup, I try to convey audience “Chinese tue” basing on red color.

The structure of my Mashup is not that creative. I am aiming to ensure that my mashup be functioning well and be easily used by audience within in my limited knowledge. On the hand other, the mashup is desired to a bridge to convey Chinese culture to people over the world. 

Reference:


Melbourne, Vic. : Oxford University Press, 2008. Kelvin Grove / 686.2252 34Downman, Scott. Edit: a guide to layout, design & publication. South


Graham, Lisa. Basics of design: layout and typography for beginners. Clifton Park, N.Y. : Thomson/Delmar Learning, c2005. Kelvin Grove/ 686.2252 31 /2

                                                                                                    

Design for mashup

Design process of final Mashup

Strature of the final mashup

Practice3

 For this practice, we begin to learn how to improve the functionality of the created Mashup by encoding PHP. I have no knowledge of PHP before, so it seems to be a tough job for me. I am quiet into “user-input function” encoded by PHP, as it give users values to search what they wants. With Dave’s help, finally I did my simple PHP document like the photo posted above.

Fianl Mashup

 

A link to my mashup page

view CSS
view HTML

Design process:

Japanese earthquake practice

It is very interesting to learn yahoo pipes. I think it is really amazing to combine different sources by using a simple “pipe”. For this practice, I am starting to build my functional Mashup webpage with useful pipes. It allows audience to capture different types of information on one content-rich webpage. This is the simple I did in the class. Basically, I just follow DAVE, using his structure of Mashup.

10 Icons of my daily life.

 

• Everyday i repeat my routine life.