+ All Categories
Home > Documents > Slides Hci

Slides Hci

Date post: 22-Jul-2016
Category:
Upload: iman-islam
View: 216 times
Download: 0 times
Share this document with a friend
26
WEB COMIC CREATIVE COMIC MUHAMMAD HAZIMAN BIN ABD RAHIM 168639 MUHAMMAD SALMAN BIN CHE ISMAIL 170872 NURUL ASHIKIN BINTI RASLI 170818 NORSYAZWANI BINTI ADNAN 170764
Transcript
Page 1: Slides Hci

WEB COMIC

CREATIVE COMIC

MUHAMMAD HAZIMAN BIN ABD RAHIM 168639 MUHAMMAD SALMAN BIN CHE ISMAIL

170872NURUL ASHIKIN BINTI RASLI170818NORSYAZWANI BINTI ADNAN170764

Page 2: Slides Hci

INTRODUCTION

Online comic that also known as web comic is a web application for publishing comic through website. The purpose for online comic it to provide medium to all comic reader to read comic anywhere without have to get it at the bookstore.

Page 3: Slides Hci

PROBLEM STATEMENT

i. Comic reader have problem to discover their favourite comic by Internet suggestion as well because many comic website are not always been updated.

ii. Comic reader usually reading the web comic that are only well established collection.

iii. Comic reader get difficult to choose what comic they would like to show up in their comic account page.

Page 4: Slides Hci

OBJECTIVEFunctionality

i. Search- Comic reader can browse their favourite comic by choose link the type of

genre or just type the comic title on the search box.ii. View

- Comic reader can read variety type of comic selection such as selecting recommend comic, new comic and popular comic.

- Reading section provided reading environment like they read newspaper.iii. Bookmark

- Comic reader can save and mark their comic page so that they can read it again.

iv. Subscriber - Comic reader get noticed when the comic they subscribe have been

updated by the comic writer.v. Likes

- Rating of comic will increase and appear in the popular comic section when many comic reader likes the comic.

Page 5: Slides Hci

USABILITY GOALSi. Easier to learn The main page of web comic have some links such as popular comic and

recommended comic for reader to easily choose what they want to read especially when their first time log in as a user.

ii. More efficient to use Comic collections are high quality image but low file size such as PDF form.

iii. Safely to use Fully used by the registered user. They can bookmarks, share and read the comic

collection when they have login to the website. While for the guest, they just can read some of the comic.

iv. Effective to use The reader will get an accurate and relevant result based on their searching. For

example, the website will warn the reader when their searching comic is unavailable and no results matched the query.

Page 6: Slides Hci

USER EXPERIENCE GOALSi. Enjoyable This web comic combine many collection from comic artist

that makes this website enjoyable to the user. User can read variety genre of web comic collection.

ii. SatisfyingThe browser section help user to find their wanted comics that not are not displayed in the current webpage.

iii. HelpfulThe bookmark section provide reader with their last reading page that they can refer back again.

Enhance their interest in reading especially comic.

Page 7: Slides Hci

METHODOLOGYPersona : University Student at University Putra Malaysia (UPM)Photo :

Name : Noor Deiyana binti Abdullah @ IsmailDemographic : - 21 years old

- Female- Undergraduate candidate

Personal Background : - Single- Bachelor in Computer Science and Information Technology ( Multimedia)

Hobby : - She likes to read comic especially thriller and action genre. - She rarely read web comic as she found it is difficult to find the best website

comic.Opinion about reading comic do prefer Offline(newspaper) or Online(web-comic) :

- Currently, she prefers reading comic offline because it is much easier to get at the bookstore but need to spend some money to buy it. - In her opinion, she would like if there is one centralized website that contains the combination of comic so she can easily read. Otherwise, she interested in online comics because she can read the comics anywhere she wants and more attractive with good pictures provided.

Page 8: Slides Hci

TASK ANALYSIS

Page 9: Slides Hci

DESIGN METAPHOR (LOW FIDELITY PROTOTYPE)

Page 10: Slides Hci

Login

User must login into the system using username and password.

Page 11: Slides Hci

Main page

This is main page of the Creative Comic website. This interface show latest update comic. At the top interface has button home, comic list, new comic and most view.

Page 12: Slides Hci

Reading section

This section show comic content page by page that the reader can feel like they real comic. User can read to full screen option and the background will be minimized. At the right side the page have bookmark button, like button, subscribe button beside that user can leave their comment about the comic content.

Page 13: Slides Hci

Bookmark

This interface show last page of comic that user have read. User can delete the page if they had read it.

Page 14: Slides Hci

Changed password

If the user want change password, they will be go to setting and the change password section will appear. The user will need to insert their current password and new password to be change before they click the submit button.

Page 15: Slides Hci

1. Visibility of System Status2. Match between system and real world.

3. User control and freedom4. Consistency and standard

5. Recognition rather than recall6. Help users recognize, diagnose, and

recover from errors

guideline by Jacob Nielson DESIGN RULES

Page 16: Slides Hci

1.Visibility of system status

Page 17: Slides Hci

2. Match between system and the real world.

Page 18: Slides Hci

3. User control and freedom

Page 19: Slides Hci

4. Consistency and standards

Page 20: Slides Hci

5. Recognition rather than recall

Page 21: Slides Hci

6. Help users recognize, diagnose, and recover from errors

Page 22: Slides Hci
Page 23: Slides Hci

USABILITY TESTING Statement 1: most of user are not understand some term and word on module most

popular, module view, module new comic.

solutionask user the word that they might often see and brainstorm among tester to produce the good word. use the simple word, meaningful to make user understand about what the word for.

for instant,

new comic = new comicmost view = hot comic or most top comic

Statement 2: user want some respond after they select features on right corner bookmark, likes and subscribe button.

SolutionThe button will be shaded once user clicking on bookmark, likes and subscribe button.

Statement 3: inconsistent icon such as home button

Solution: we focus on the shape of the button for ensure user understand what icon for.

Page 24: Slides Hci

ADVANTAGES

1. Variety of comic collection.Many comic collection available in this web comic and this give reader freedom to choose what type of comic they want to read.

1. Secured system. Only registered user can read all comic and use the functionality

of the system.

3. Updated comic collection. Reader will get notify when their subscribe comic have a new episode updated.

4. Helpful and user friendly. Reader can search their comic in the browse section or they can just choose the comic in the comic list that have been sorted by genre.

Page 25: Slides Hci

DISADVANTAGES

1. Unavailable colour scheme.Not support colour blind reader.

2. Compatible for browser only. User need to open web browser to view the web comic.

3. Ideas can be taken by not responsible user. The comic collection can easily be used and altered by individuals without any consent.

Page 26: Slides Hci

CONCLUSION

Our project acts as comprehensive to anyone that wants to read comic using one standard platform which combines variety of comic collections especially collection from new comic artist. Finally, comic reader can enjoy their reading freely without have to get the real comic that need cost and time to buy it.


Recommended