TRANSMEDIA

To be honest, it is indeed a good learning throughout the whole project, as I’ve to do prototypes and learn transmedia projects. After done with the layouts, the next step I did is convert all the boards to become a prototype, from deciding the position of each page's link to where until the end of the prototype was done. Here is the progress of prototyping the apps where I found interesting to experiment with by adding scroll effects, dissolve effects etc.   

3.1 user interface sketches To kick start with the prototype, I’ve drawn some sketches on the flow of the apps. It is to let myself remember the flow of the prototype and the contents. ____________ 3.2 user interface wireframe (on digital) To have a clearer idea on how will the apps look like, I decided to make a wireframe of the user interface.  ____________ 3.3 apps prototype progress (home page) First, I started with my home page prototype layout first. There are trial and errors and experiments were put in the process. Well, I indeed learned a lot from 0 to now on how a prototype should look like. Here's what the layout of my home page looks like. Figure 1: the loading page and welcome page  Figure 2: the home page (where users can customize their essential oil based on their personalities)   Figure 3: the payment page & get it free with voucher code (users able to choose whether to use the

Before getting started with the brainstorming session, I’ve done some research on the tips to create a prototype.  Tips to create a prototype of mobile apps : A. Involve our users (participatory design) (Designs and Craig, 2020) Participatory design is letting the user involve in the use of mobile apps. It is to built user-feedback into the design process, and, through this process, users could also give us insights about the problems of usability and user experience.  B. User flow and scenarios (Designs and Craig, 2020) The key point of the prototype is its functionality, as in it can be not very nice visually but it must be work. It must demonstrate clearly the key idea behind the design. Here is steps that may helps in the user flow First, sketch the page flows. Second, create a low-fidelity digital prototype. Third, increase fidelity as a final touch. C. make user interactions as simple as possible (Designs and Craig, 2020)   Users will feel c