الاثنين، 18 يناير 2016

IT201 - Human Computer Interaction - Project 6 - Project Presentation



This was my sixth project 



15-2: Project 06: Project Presentation

==================================================
Purpose
Your goal is to create a design for a software interface.  You will experience the scope of the design process from brainstorming ideas and gathering information about users’ needs to storyboarding, prototyping, and finally, testing and refining your product.
As you work on the software interface, you will demonstrate your ability to apply fundamental Human-Computer Interaction principles to interface analysis, design, and implementation. You will be responsible for delivering project components to your professor at several points during the course.

Action Items
1) Complete a final iteration of your prototype that incorporates improvements based on your usability testing.
2) Present the final version of your system as a written report. You should imagine yourself as a consultant reporting back to a client. Do not exceed 18 pages (double-spaced, 1" margin2, 11 point font), not including appendices. Be succinct. Include the following elements:
a) Summary: A one-page executive summary explaining what your system does, how you designed and tested it, and what makes it interesting.
b) Features: Describe of the features of your system
c) Users: Describe the intended users, and the common tasks they would perform.  Put your already created user research (needfinding) results here.
d) User Testing: Put your already created Summary of Prototype Testing Results here.
e) Evolution: Describe how your system evolved from the first prototype to the current form. How did your user testing and research inform your design? Include graphics to show before and after.
f) The Future: Briefly discuss the future of the product. Address problems that remain and what your next steps for the product might be.
g) Appendices: If needed, a place for other useful information. You might include your user questions here, for example. Please refer to each in the body of the report.

Submission Instructions
  • Complete and submit your assignment per your professor's instructions.
Grading Criteria
  • Problem solving and analysis:
    • Answers complete and correct: 0 – 30 points
==========================================

below you can see my work and in this link here 


IT201 - Human Computer Interaction - Project 6 - Final poster presentation

This was my sixth project 



15-2: Project 06: Final poster presentation
==========================================

Purpose
Your goal is to create a design for a software interface.  You will experience the scope of the design process from brainstorming ideas and gathering information about users’ needs to storyboarding, prototyping, and finally, testing and refining your product.
As you work on the software interface, you will demonstrate your ability to apply fundamental Human-Computer Interaction principles to interface analysis, design, and implementation. You will be responsible for delivering project components to your professor at several points during the course.

Action Items
For your final project you will create a poster that summarizes and present work in a visual form. Your poster should only include the most important aspects of your work including:
1.      Project Title
2.      Basic Problem
3.      How You Solve It
4.      Key Features
5.      The final design of the prototype that incorporates improvements based on your usability testing

You can use any program to create your poster. Please make sure you submit your work before the deadline in a pdf format.

Submission Instructions
  • Complete and submit your assignment per your professor's instructions.
Grading Criteria
  • Problem solving and analysis:
    • Answers complete and correct: 0 – 30 points


======================================================

below you can see my work and in this link here 





IT201 - Human Computer Interaction - Project 5 - Summary of Prototype Test

This was my fifth project 



12-3: Project 5: Summary of Prototype Test

============================================
Purpose
Your goal is to create a design for a software interface.  You will experience the scope of the design process from brainstorming ideas and gathering information about users’ needs to storyboarding, prototyping, and finally, testing and refining your product.
As you work on the software interface, you will demonstrate your ability to apply fundamental Human-Computer Interaction principles to interface analysis, design, and implementation. You will be responsible for delivering project components to your professor at several points during the course.

Action Items
Carolyn Snyder, author of Paper Protyping writes, “Paper prototyping is a variation of usability testing where the representative users perform realistic tests by interacting with a paper version of the interface that is manipulated by a person ‘playing computer’ who doesn’t explain how the interface is intended to work.”
1) You will conduct a heuristic evaluation of your paper prototype with expert users. Your classmates in this course would make great expert reviewers. You should use
Jakob Nielsen’s Ten Usability Heuristics or another set of heuristics approved by your professor.
a) Print out whichever set you will use. You may use this
worksheet. Have one copy for each expert user.
b) The purpose of the heuristics is to guide your expert users and help them find as many different types of usability issues as possible.
c) Instruct your experts to describe each issue noted as specifically as possible. Allow the expert to explore the interface and follow any paths.
2) Make sure to practice with your prototype so that you can operate it effectively and not waste time. Doing several practice runs or walkthroughs will help you identify missing pieces and dead ends.
3) It would be a good idea to do this testing in groups of three or four people. One person can be the expert tester while another works the prototype and the others take notes or photographs. Then, everyone can switch roles until all participants have been experts and had a chance to test their designs.
4) Review the feedback you got from your reviewers and use it to create a report called Summary of Prototype Testing Results.
a) Describe what worked and what didn’t.
b) Create a list of specific changes you want to make to your interface.
c) Submit to your professor

Submission Instructions
  • Complete and submit your assignment per your professor's instructions.
Grading Criteria
  • Problem solving and analysis:
    • Answers complete and correct: 0 – 20 points
=====================================================

below you can see my work and in this link Here 



Human Computer Interaction-IT 201
Project 5 - Summary of Prototype Testing Results.
Student name: ****** Alloush     1300********

I shared my application prototype with three of my colleagues, then I asked them find as many different types of usability issues as possible using a heuristic evaluation worksheet as a guide (attached with this summary).
 Their responses were as the following:

First User Review:
My first expert user was Safa’a, undergraduate Health informatics student.  She thought that my app's idea was very realistic and it was needed in the real world, too. She listed her description as follows:
·        Your app is prefect in a way that is easy to use and navigate through the menus, you used good colors and plain English in labeling.
·        One disadvantage in the design is that the app interface looks old a little bit, users would love to see an attractive modern design.
·        The app is related to the real world in the sense that it solves a major problem all of us had suffered from, but I think exchanging books with someone you don't know is a little bit risky, you need to make this more secure option.
·        The app provides error prevention through the pop-ups message that appears on the screen, although these messages may help novice users, they will annoy expert users who can figure it out by themselves. You may want to provide an option at the beginning of the app to allow the choice of showing these messages or not.
·         In the end, everything else is  fine from the flexibility, recognition rather than recall, help and documentation.

Second User Review:
My second expert user is Mohannad, undergraduate IT- student. He thought that the app's idea was good. He gave me the following feedback:

  • Visibility of your app is good, only it needs some fixing regarding the colors of your icons. E.g. your user's icon is in black, and when it had been chosen it still in black, there is nothing shows explicitly that I choose this icon.
  • When searching for nearby users, there is nothing that classifies the results. You need to include each user's interests along with their details page, so when using the app I can choose those who match my interest rather than adding them to favorite list, then discovering that they interested in the other book genre.
  • You provided good help tips and error prevention with the pop up messages.
  •  You need to make links appear as links, such as " send a follow request", it doesn't appear as a link or add a symbol  next to it. 


Third User Review:
My third expert user is Roqya , undergraduate IT-student. She listed the following points about me app:
·        You need to include a notifications part at the top of your app next to the user name, such as: following requests sent to me, the comments I received…and so on.
·         You need to allow communication with other users through messages by providing a new link for sending messages.
·        You need to provide help regarding logging in, such as " forgot password?" so user can recover his/her account when forgetting password.
·        You provided a tutorial for dealing with the app which is a great point for novices,  as well as the help icon. Also, You followed the standard design for apps which is great.
·        You need to make users register by their emails, this will help receiving emails from the app designers.


List of changes I need to do to my application's interface:
1.     Changing some colors in order to make the app more attractive for users.
2.     Add " interests" lists to nearby users details page, this will make it easier for  a user to choose who match his/her interest.
3.     provide an option at the beginning of the app to allow the choice of showing pop-up messages that explain each section in the home page.
4.     Making the chosen icon shown explicitly that they are active by providing different color design, this will help prevent errors.
5.     Adding symbols near to the links, this will help the user know that this link can be activated. E.g. adding a small message symbol near this link " send a following request".
6.     Allowing communication between users through messages, this option will be added to nearby users details page.
7.     Adding a notification part on the top of the app interface near the name, including : following requests sent to user, received messages and comments.
8.     Provide a new link in the login page to help the user recover the account in case password was lost.

9.     Registration should be done using an email rather than just a name, this will make the account related to an email so users can receive notifications or in case password was lost, also it will make the account more secure.

IT201 - Human Computer Interaction - Project 4 - Lo-fi Prototype

This was my fourth project 




11-3: Project 4: Lo-fi Prototype
=================================
Purpose
Your goal is to create a design for a software interface. You will experience the scope of the design process from brainstorming ideas and gathering information about users’ needs to storyboarding, prototyping, and finally, testing and refining your product.
As you work on the software interface, you will demonstrate your ability to apply fundamental Human-Computer Interaction principles to interface analysis, design, and implementation. You will be responsible for delivering project components to your professor at several points during the course.

Action Items
A lo-fi prototype shows all the elements of a user interface, drawn out on paper, notecards, or cardboard. Its purpose is to get quick feedback from users early in the design process when changes are still easy and relatively inexpensive to make. You can use a lo-fi prototype to identify usability issues such as confusing paths, bad terminology, layout problems, and missing feedback. Watch the Hanmail paper prototyping video to see an example. Please note that your paper prototype does not need to be as extensive as the one shown in the video.
Your prototype should allow people to navigate from screen to screen, recover from errors, and change their choices. Show sketches of all the important areas of your design. Don’t try to show every possible action or detail. Focus on the main interactions. Remember, this is hand-drawn so that you can make changes quickly and easily if you get a better idea. Keep track of what you changed and why. Refer to the Lo-Fi Prototype Rubric to self-evaluate your work and edit as needed.

Submission Instructions Complete and submit your assignment per your professor's instructions.

Grading Criteria
  • Problem solving and analysis: 
  • Answers complete and correct: 0 – 20 points 


==================================================

below you can see my work and in this link Here 



IT201 - Human Computer Interaction - Project 3 - Summary of User Research and Methods

This was my third project 


7-4: Project 3: Summary of User Research and Methods

==========================================
Purpose
Your goal is to create a design for a software interface.  You will experience the scope of the design process from brainstorming ideas and gathering information about users’ needs to storyboarding, prototyping, and finally, testing and refining your product.
As you work on the software interface, you will demonstrate your ability to apply fundamental Human-Computer Interaction principles to interface analysis, design, and implementation. You will be responsible for delivering project components to your professor at several points during the course.

Action Items
1) Begin work on your user research by conducting needfinding. It is due week 7.
a) Watching how people do things is a good way to learn their goals and values. This is called needfinding. Watch the
video about participant observation to get a better idea about what is involved.
b) You don’t need to only watch people using electronic devices. You can observe them as they do it now without technology. Remember to observe them in situ (in their natural task environment). You may want to consider conducting
diary studies if your subject’s activities are hard to observe.
c) Select 3 people you will observe while they do a task similar to the task users will do when using the design you plan to create. Choose people who are not like you in some way. For example, they may not be college students or may have a different type of job.
a) Your goal is to observe their successes and failures and identify opportunities for improvement. Tell your participants what you will be doing and ask them for permission for permission to observe them. Coordinate times to get together.
b) Prepare interview questions to ask participants after the observation is finished.
c) Observe the participants. Tell them to perform the task as realistically as possible. Invite users to think aloud as they perform the tasks. Take notes. Use digital photographs or sketches to capture important moments and insights.
d) Interview the participants. Spend 10 15 minutes asking your prepared questions about the activity. Record answers and observations.
e) When your three observations are done, go over your notes and use them to help you create a list of specific user needs. You are focusing only on user needs and goals at this point, not solutions. It might help to use the phrases “needs to be able to” or “needs a way to”.
2) Organize your needfinding results for submission.
a) Have a captioned photograph of sketch from each person you observed. The photo/sketch and the caption should document an interesting or important moment from your observations, perhaps when a user got stuck and had to figure out an alternate path or when the user ran into a limitation and needed something more/different.
b) Make a list of the needs/goals/tasks you observed (at least 15). Group and organize this list as appropriate.
c) Use the Needfinding Rubric to self-evaluate your work and edit as needed.

Submission Instructions
  • Complete and submit your assignment per your professor's instructions.
Grading Criteria

  • Problem solving and analysis:
    • Answers complete and correct: 0 – 20 points
======================================================
below you can see my work and in this link Here 


Human Computer Interaction
Project 3: Summary of User Research and Methods
Student name: ****** Alloush
Student ID: 1300******


Picking an activity and a plan:

I have already chosen to design an application to help readers find books cheaply and easily, the user of my app can search about a certain book and find nearby user who may offer the book for exchanging or selling it used. My choice is to observe three participants using computers and the Web for making a book selection and purchasing online or in real life to come up with design insights.

Observing and interviewing:
I have picked three participants and asked them to perform their usual activities related to searching and finding new books to read. After observing their activities, I asked them the following questions:

Interview questions:
·       What do you do usually when you want to read a new book?
·       What is the hardest part in searching for a book in real world?
·       What would make you use the Web to search for books?
·       What are the sites that you've tried?
·       Do you think that having an application on your smart phone that allows you to buy used books or exchange for existing one will help?




First participant

My first participant is Safa’a, undergraduate Health informatics student. She is bored and trying to find a new book to read, "I usually go to the book store and buy a new book or search for it online" she said. She thought that "the nearest book store is very far away and needs a car to get there, in addition it costs a lot". So, she tried to find the book on line using her computer "using the web will allow me to find a book easier" she said". She searched through the Web and found that the book she is looking for is very expensive, "I used Amazon.com to do my search, because it is the most known book store online".

here when she searched for her book
 She said having an application such mine will help her cut costs and time as she is still a student, also it will helps when she has mobility limitations.



Second participant

Mohannad, undergraduate student at the College of Petroleum Engineering, he loves reading but cannot afford new books high prices. "I usually search for the book in the Web for free", but most of the times I feel disappointed because I can't find what I'm searching for, I'm interested in historical books "but they seem to be rare and can't be found easily nether at nearby store nor online". Sometimes "I use my social media sites" to ask for the book, who has it and can sell it to me, this is one of the ways which I try "when searching is useless".
here when he used twitter

he said having an application that allows him to buy used books as well as finding rare books will be great as long as it will allow for exchanging in real world and online.


Third participant
Sarah, graduated student from Faculty of Medicine, she has always dreamed of an Arabic site to sell used books. " I've always wondered why there is no such site". She usually "buy used books from a store in another city" because her village is far away from the city. She always search for books online, but there are limitations regarding shipping to her village, the costs and availability.
she searched for a site that sells Arabic books

here when she searched in first link(Jamalon) for a book and found that the delivery is only within Egypt


 I struggle when I want a delivery to my village, almost no site offers it. She said the application idea will be very helpful as she can search for nearby seller as well as finding Arabic books.



User’s Needs:
1.    Users need instructions on how to use the application for first time.
2.    The application needs to show the location of nearby user who wants to sell or exchange using GPS.
3.    The application needs has easy to use interface(easy to navigate , list menus and convenience arrangement of icons and text) .
4.    Users needs details about the offered books.
5.    The search engine should be efficient, so user can search using any information they have( book title, author, publication site).
6.    Descriptive feedback is needed to help the user know the mistake they made( such as descriptive error messages).
7.    Users need to be able to display additional detail about the author, the book and the like ( such as having the ability to display a certain seller information associated with a book).
8.    Users need to be able to set delivery destination and know its validity.
9.    "Custom search" The application needs to be able to sort results by the user specification.
10.      The information presented needs to be confidential by specialists who manage the app( by not allowing for fictional or false information to be added).
11.      The application need to rank the books according to their
usage duration such as ( very old, in bad situation, as new).
12.      Manage e-mail notifications, to notify the user when a certain book is available.
13.      Setting Security locks based on age, presented books should be controlled for children or teen usage.
14.      The application should make a Wish list, search suggestions according to the user.
15.      The application should allow for account Creation and following a specific seller.
16.      The application should allow for Group creation, e.g. if are a member of a certain college and you want to buy books of your college you can join a group of students who belong to the same college and be able to contact with them.
17.      Easy to share links for friends, if a user like a book and wants to mention it to his/her friend then he should be able to share the details about the book via a link.