Whiteboard Doodles 2

So after he previous presentation, after some discussion among ourselves, and confirming with Mr Razif that it was still okay to change our section, we decided to change our Personality section back to technology. But instead of laptops, we would be focusing on handphones.

And like the previous whiteboard presentation, we drew out ideas for the magazine sections in wireframes- mostly.

p.s. the orc has no relation to the magazine

ignore the random doodle about catlings >_>

We added/made some small changes on some of the sections. And even planned out how the pages would be presenting each section. Though that part is still in planning.

Soo, I guess I have to explain about the wireframe for Technology. As can be seen on the last photo, the 2nd box is the 1st page for Technology. It is handphones layered over each other in a circular shape, to give it a sort of 3D-ish feel? The phones can rotate up/down based on touch-scrolling up/down while the description for the selected phone would show at the side, and at the bottom right corner is an animated price tag that would pop in/out everytime the phones are scrolled through.

The 2nd page- the box under it, is the "History of Handphones" section (title of page not confirmed). Where we were going to have a fade in/ fade out kind of effect scrolling through the timeline, but based on Mr Razif's feedback, we're having it as a scroll up/down. Maybe have videos playing on some phone screens if possible and the phone ringtones if we can find them.

3rd page is going to be an interview with some CEO of a technology-related company (we haven't decided on what company yet). There will be a picture of some phone that's made by his company at the top left corner (the square in pic), next to it is the title and on the right is his profile picture which, when tapped, will show a full body img. Underneath those is the interview questions. Which when tapped will play the recorded answer from a tape player image underneath. And maybe the tape player would have play/pause options like an actual tape player.

Client Presentation!

Just a day after our whiteboard presentation (Tues), we found out we had to present to the client, JMD Publications the day after (Thurs).

Did we panic?! Yes.. Did we manage to complete our presentation slides in time?! Yes, yes we did.
Here's the images of the wireframes I did for the section I worked on:

I guess I should mention we decided to change our technology section to personality. As we couldn't come up with much of a wireframe or content for it in the short time. Yes I panicked.

So, about the personality section.
The 1st page is a poster of the personality, which we decided to have our classmate Lisa, as a Hollywood actress. The poster would have some small animation of the words moving in, and possibly props like stage lights rotating upon entering the page.
Tapping the screen would bring us to the next page, where users can select from Awards, Biography and Movie Trailer which the personality starred in.
Selecting Awards, which is a picture of the Oscar, the awards tab will popup, and sliding down will close it. The squares on the right side are gifs of Lisa in various poses that follow from top to bottom to give off the effect of the reel moving.
Selecting Biography will also enable the bio tab to popup, and like the awards tab, slide down to close.
Selecting Movie Trailer, which is a pair of movie tickets will bring users to its page. Where a video of the trailer will play. Tapping synopsis, which is under the video will bring up the synopsis, and closing it will be the same as awards and bio.

Regarding the presentation, the clients didn't have much feedback, as I guess is because our group's presentation was in wireframes and maybe they couldn't picture what we were trying to convey. Anyway, at least one of the clients liked the film reel concept in the Movie section.

Presentation's Donee

Whiteboard Doodles

As the title states, we had to pick 3 sections for our magazine and discuss on the content.
-interactivity
-animation
-extras, etc.

So after much consideration on certain sections, we decided on movies, music and technology.
Then we started brainstorming on ideas for the content. As we had to present to Mr Razif on the whiteboard with our ideas, here's what it looked like:

The wireframe in Music is for Artist's Spotlight.

Where the left side is pictures of artists while the right side shows the info- music related such as albums and sample songs which play at a touch.

In Movies, the 1st wireframe is the navigation into the contents for music.

Which are Top 10, Staff Picks and Coming Soon. The film reel in the 2nd wireframe has a scrolling function and will have the effect of rotating. 

It holds the movie list and will expand/shrink on command.

For Technology, the wireframe shows Staff Picks of laptops.

It will show 1 laptop at a time, and allows swiping at the bottom column to navigate between the laptops. 

Tapping the price tag attached to the laptop will bring up info regarding the laptop.

Mr Razif's feedback was for us to think about what kind of services can the magazine provide? And what can people benefit from it?

Principle of Creativity

So for the class we were taught about the principle of creativity as stated below:

Principle of Creativity
1. Everyone is creative
2. Creativity is diverse
3. Can be described with 4 variables:
       i) Creative level
      ii) Style
     iii) Motivation
     iv) Opportunity


Before class ended we were tasked with answering 2 questions given to us by our lecturer, Mr Razif.

1. "If you have to choose between ios and android, which will you choose and why?"
If I have to choose between ios and android, I would choose android. But because I don't own any ios devices, I don't completely know what its like to have an ios device though I have used the uni's mac and apple tablet occasionally, its not the same as owning one and using it all the time. So unless I owned an ios device, I can't exactly give an unbiased answer based on quality and all that.

2. "If you have to choose either landscape or portrait, which one will you choose? And why?"
To choose between landscape and portrait mode for a magazine, I would choose portrait. Mostly because printed magazines are portrait mode, so people are generally accustomed and expect to view them in portrait mode even digitally. It would be naturally uncomfortable to read a magazine in landscape mode as there aren't any magazines printed in landscape mode anyway.

Interactive Magazine Assignment

After showing us the works done by our seniors, our lecturer, Mr Razif had us briefed on what we will be facing for the semester. Which is

JMD Publications - Jom Malaysia District

That is the name of the client which we will be working for in a few groups in class, for our assignment. Which is designing and creating an interactive magazine.

We will be creating content somewhere along the lines of lifestyle/fashion.
Mr Razif recommended some examples of magazines within those areas that have digital magazines: Style magazine and ZIP magazine (Zone Interactive Pesona).

So I was placed in a group- by Mr Razif's student randomizer on his tablet, consisting of Shaun as the leader, Justin Chai and me as fellow group members.

We have to think of the cover, table of content and visual guide.
Also, we have to list down as many sections as possible for a lifestyle-related magazine, and then select 3 which we will be working on for the magazine.
Here are a few suggestions listed during class by Mr Razif and the class:
-personality
-travel
-fashion (men,women, hijab)
-entertainment (including movie reviews)
-recipe
-travel

And to start thinking of what type of features the digital magazine will have to make it different from a typical printed magazine, such as interactive elements and multimedia content.