Free Essay

Human Computer Interaction

In:

Submitted By beccachong
Words 1030
Pages 5
Introduction
Cookienator is a local business that runs cooking class at Kuala Lumpur area. There are around 500 active students that attend cooking classes there. Upon some students’ request, Cookienator intended to start up a website to publish cooking steps and recipes so that students can learn directly from home and save travelling cost and time. Also, not all students have the same preference towards meals and cooking methods. Each individual have their own likes and dislikes so by giving them options to learn by themselves allows them to fully utilize the resources provided and
Otoke group is chosen by cookbook magazine to set up a website for Cookienator. Our project includes designing a website where those who are learning from home can successfully understand and easily follow the instructions and guidance provided.
There are many other websites and applications that have similar functions but very few of them are successful. The reason behind this is not that most users dislike the meals available; mostly it is because the instructions are not clear enough, and user finds it difficult to find the suitable dishes to prepare. Other problem will be taking into considerations and improvise based on user needs. The webpage we will be designing intend to meets users’ needs and well organized to provide convenience for users.

Problem Statement We are required to developing a recipe website. Following Problems need to be solved. 1. Purchase List Integration
It means when you have decided your willingness and added all of them into Purchase List. System should be able to display the name of the food and all the ingredient and quantity below. And the Integration is to add up all the same ingredient together and show the answer to users. 2. Favorite Classification
When you are add foods into favorite list. System will verify the food and classify it to a particular class. It is easier for user to search their favorite list or view their friend’s list. 3. Multiple-Media supported with time controller
Considering most of people is used to watch the recipe while they are cooking. For this, we will support multiple-media, such as, videos, images, Audio and flash. And the most important feature is we allow user to set up interval for each step of recipe. Our purpose is make our product more convenient for user by giving them enough time to follow each step without touching any devices with duty hands. 4. Multilingual-supported and Cooking-friend system
Our product is globalized in order to spreading wonderful recipe and communicating with different nation.

Proposed solution
According to the list of problems that state in problem statement, basically this is to improve the issues that obviously seeing. * Purchase list integration
While customers decided to purchase those particular dishes, they need to have create an account for them to further their purchasing process. However, those dishes that added to the cart/bag for letting customer to view. As the cart refer to purchase list is where to find additional information regarding to the dishes. The information including price, quantity of dishes, thumbnails of the dish, picture, ingredient, nutrition fact, and also date and time for ordering. For example, provide a clear thumbnails of the actual dishes that customers wish to have is much more crucial than just simply provide so text as to describe the dish.
By providing all these necessary information for customers to ensure what they wants is really what they needs and to move on to the checkout process after customers clearly know those information. * Favorite classification
Adding favorite classification feature would definitely help customers. It is easy and simple to use by just a simple click of the button “add to wishlist” which display below the “add to cart “button. This feature is enable customers to keep track of thing they wish to have .after add those thing you wish to have so that the website will save it for a week and automatically clear it after a week of duration.
Furthermore, it is a convenient way for customer to save time to search for that specific dished again when the next visit to the website. Customer do not need to wasting their precious time to search it again and again if they using the wishlist feature .in the page of wishlist , there will be showing the added “wishlist” dishes and also the information of it.

* Multiple-media supported with time controller

User friendly of a website is an important purpose before developing a website .this is a food and recipes websites for end user to learn also purchase it .There is possible for some people may confuse with the steps and mix wrongly of the ingredient .therefore, providing some multiple –media is to mange to minimize those careless mistake. For instance, showing video is much more clear for cook to learn and follow step by step and to deliver a better experience of it.
Additional, adding the time controller when viewing the video as developers have to concern about different level of user .Time consuming for different level of end user to cope up with the cook in the video. To avoid keep clicking stop and play , offer an time controller so that end user able to set the play time such as move faster, times 2 ,or slower .

* Multilingual-supported and cooking-friend system
Even though English is global language .However, we can’t assume that everyone understand English. Due to this website is making business by selling those dishes also free recipes, it is necessity to offer a multilingual in order to target different market and expanding wider community.
A multilingual website is most cost effective ways of marketing, enable to capture new users, build relationship with customers and become a repeat customers. Offering this feature to have ability to communicate to new customers in their own language with undoubtedly explaining those needs and wants of end user also in term of recipe and steps. For example, offer 3 different language such as English, Malay, and Chinese. This is a ways for end users to choose their own familiar language to carry out a transaction or reading those recipes.

Similar Documents

Free Essay

Human Computer Interaction

...Human and Computer Interaction Short-Term Memory and Web Usability by JAKOB NIELSEN on December 7, 2009 Topics:  * Human Computer Interaction Summary: The human brain is not optimized for the abstract thinking and data memorization that websites often demand. Many usability guidelines are dictated by cognitive limitations. People can't keep much information in their short-term memory. This is especially true when they're bombarded with multiple abstract or unusual pieces of data in rapid succession. Lest designers forget how easily users forget, let's review why our brains seem to be so weak. Human beings are remarkably good at hunting the woolly mammoth. Our ancestors did fine work in exterminating most mega fauna from Australia to North America armed with nothing better than flint weapons. (In today's more environmentally conscious world, we might deplore their slaughtering ways, but early humans were more interested in catching their dinner.) Many of the skills needed to use computers aren't highly useful in slaying mammoths. Such skills include remembering obscure codes from one screen to the next and interpreting highly abbreviated form-field labels. It's no surprise that people are no good at these skills, since they weren't important for survival in the ancestral environment. The human brain today is the same as the human brain 10,000 years ago. Indeed, I thought of using the title "Designing Websites for Cavemen" for our new course on how psychology explains...

Words: 1485 - Pages: 6

Free Essay

Human Computer Interaction

...In designing any interface to be used with an information system, one must be clear, concise and unambiguous, in manners of text, or else risk losing the person performing interaction. One thing that will frustrate a user quicker than anything is not being able to find help when it is needed. We will discuss three aspects of text in the interface redesign of the KUCampus Course Landing page; they are commentary text, help text and hypertext. Commentary text should allow a user to see a system state or the functionality behind a system. As an example, if a user places the mouse over an icon that has a picture of a pair of scissors; the commentary text would be, cut, hopefully. If anything other than cut is displayed the user may be confused, since the pair of scissors is generally accepted as the cut icon. For the redesign of the KUCampus Course Landing page, I will endeavor to utilize generally accepted commentary text for all icons, and utilize common sense logic in relation to commentary text for all buttons and menus. Help text is critical for any interface design and/or redesign. Users at some point in their use of a computing system will come across stumbling blocks and require help. Providing help in a way that will benefit the user and keep them satisfied with the interaction is paramount to a healthy program. Microsoft defines help into four categories: Contextual Help, Procedural Help, Reference Help and Conceptual Help. (Heim, 2008) The Contextual help...

Words: 635 - Pages: 3

Free Essay

Human Computer Interaction

...CAR RENTAL SYSTEM SYSTEM DESCRIPTION: Our system has a record of the details like the model of the cars to be rent, date, time, car number, number of days. It could also add a car, car model, edit and view the details who rented the car. TEAM NAME: F.O.D. MEMBERS: INGRID A. FERNANDEZ - DOCUMENTATION IVY DAYOC - DESIGNER ANDREW LOUI S. ORANTES - PROGRAMMER Project Description: In terms of application, our system has the ability to input the necessary details from the user and our system also comply the needed output. In addition, our system can view a record of details like the type of the cars to be rented it can also keep and track details like date of rented, time of rented, car number, numbers of days to be rented, it could also add a car, choose a car model, edit and view the details by the client who rented the car. It can also monitor the date of over dues and damages of the car. Requirements Summary: In part 1 we come up in planning and introducing our system through a brief description, overview of potential users, functionality of the system to be provided to the users, what would be the potential problems and in the same way the statement interface, and to analyzed of the existing system including its strong points and deficiencies and in part 2 we undergo our system design in which we conclude 3 designs and compare its design alternative, ideas in other aspects and choose our final design for the system and it is also concern the necessary...

Words: 2121 - Pages: 9

Free Essay

Human Computer Interaction

...user some kind of visible feedback that the website is actually responding to the user (Nielsen). The St. Thomas undergraduate website successfully follows this principle by using some features to tell the user that the website is responding to their actions. Things like rollover text, rollover navigation tabs, and a changing background image. Figure 1 - Background image change (Source: http://www.stthomas.edu/admissions/undergraduate/) The background images on the page change every few seconds (see figure 1). This allows the user to see that the page is still working properly, but beyond the page, this also allows the user to see if their computer or browser is still working properly. If the picture changes, then everything is working fine. If it stays one image for too long, then there might be something wrong with the website, their computer, or web browser. Most of the navigable links have a roll over text color of white (see figure 2), allowing the user to see that the text is a link. The tabs at the top also use this same rollover color, but when one is clicked to view that certain page’s content, that rollover color stays. Figure 2 - Rollover text color (Source: http://www.stthomas.edu/admissio ns/undergraduate/) Brent Larsen Writ4501 2 Besides the browser’s particular feedback, showing the full link at the bottom or showing the progress of loading a page, the website itself doesn’t show any feedback or loading progress...

Words: 2940 - Pages: 12

Premium Essay

Introduction to Human Computer Interaction

...Introduction of Human Computer Interaction Human computer interaction is communication between user and system, and is the study of the way in which computer technology influences human work and activities. With the rapid advancement of technology, our lives almost depend on computer or any kind of machine. For example computer, Global Positioning System (GPS), cell phone, and even for tuning musical instrument you have a digital device that helps tune your instrument. Therefore it is very important that the interface of any device should be very user friendly, meaning the person who does not have much knowledge of system should be able to use it. Because not all of our populations are computer or technology literate, but still they have to use it because of requirement and necessity (Dix, A. 2009, pp. 1327-1331). Analysis of Google Home Page The strength of Google is the simple look and feel which every single user can access and gain useful information. The speed of the search engine is amazing and can gain any information within no time. Google has the provision to integrate with various languages and its localized search is an added features compared to other search engines. The information is well organized. Google’s products are its major strength which has created a huge user base. This enhances the trust to its customers and shareholders. Google search indexes has various file formats including the very popular PDF file format and Microsoft Office files...

Words: 1339 - Pages: 6

Free Essay

Hci for Illiterates

...Human Computer Interaction Contents 1:Human Computer Interaction .....................................................................................................1 2:User's Classification Based on Literacy .....................................................................................1 2.1:Functional Illiterate .....................................................................................................1 2.2:Absolute Illiterate .........................................................................................................1 3:Interfaces for Absolute Illiterate...................................................................................................2 3.1:Visual Aids..............................................................................................................2 3.2:Audible instructions. ...............................................................................................2 3.3:Easy Navigations.....................................................................................................2 3.4: Text Free User Interfaces. ......................................................................................2 3.5:Combination of Visual and Audible instruction......................................................3 4:Recent Works for Illiterate ..........................................................................................................3 4.1:SmartPhone Application for Farmers ....

Words: 1195 - Pages: 5

Premium Essay

Human Computer Interaction Literature Review

...Introduction Over the years, Human-Computer Interaction (HCI) research has been trying to increase the good experience and try to reduce bad experiences as much as possibly with technology. The rapid change in technology allows users to use wide range of applications while on the move, however now and then designers ignore the way clients will need to associate with such interfaces while progressing. It is inefficient if an interface has good software but users struggle to relate with it because of a bad design. The design of a user interface must be simple enough so that it can be easy to interact by novice or expert user. A well designed interface is able to empower and support users who require a sense of agency and control. It is important...

Words: 972 - Pages: 4

Free Essay

I Am a Student

...Human Computer Interface Assignment No. 1 Human Computer Interface Assignment No. 1 Submitted By: - Ali Shehroz 5736 BCSE-8B Submitted To:-Asma Naveed Submitted By: - Ali Shehroz 5736 BCSE-8B Submitted To:-Asma Naveed | Similarities | Differences | HCI | HCI (human-computer interaction) is the study of how people interact with computers and to what extent computers are or are not developed for successful interaction with human beings | An important HCI factor is that different users form different conceptions or mental models about their interactions and have different ways of learning and keeping knowledge and skills (different "cognitive styles" as in, for example, "left-brained" and "right-brained" people). In addition, cultural and national differences play a part. Another consideration in studying or designing HCI is that user interface technology changes rapidly, offering new interaction possibilities to which previous research findings may not apply. Finally, user preferences change as they gradually master new interfaces. | UX | User experience design (UXD or UED) is the process of enhancing user satisfaction by improving the usability, ease of use, and pleasure provided in the interaction between the user and the product.[1] User experience design encompasses traditional human–computer interaction (HCI) design, and extends it by addressing all aspects of a product or service as perceived by users. | As...

Words: 800 - Pages: 4

Free Essay

Krishi Sahyog

...of acquiring knowledge and understanding through thought, experience, and the senses. Image based cognitive e-learning is exactly the need of the hour, because, not all the farmers are educated enough to read through the website. This is exactly where images and videos solve the problem. Abstract— Krishi Sahyog is a web-based solution developed to provide basic education about farming techniques and usage of tools. The uniqueness of this project lies in the fact that it takes into account the present day farming scenario. Krishi Sahyog will help the farmers to understand various farming techniques and will acquaint them with the latest tools and technologies by means of video tutorials in regional languages. This Human Computer Interaction project, an e-learning website, is to help them get a hang of the latest technologies and the latest tools albeit not having any basic technical education, which will also make them aware of the market rate, owing to which they will be aware of the current rate of their product as compared to current market scenario. Also, the weather forecast feature will help them plan their crop accordingly. III. PREVIOUS WORK Today, 75% of our population is somehow related to the agriculture and allied activities but still contribution of agriculture to our economy is just 21%. We have attained overall growth of 8% but the growth in agricultural sector is not even 3.5%. One major reason for the poor condition of farmers is – ...

Words: 1649 - Pages: 7

Free Essay

Blue Eyes

... Dept. of Computer Science and Engineering, Synergy Institute Of Engineering and Technology,Dhenkanal. This seminar on ”Blue eyes” technology presented successfully by him towards partial fulfillment of 4 year B.Tech in Computer science and Engineering of Synergy Institute of Engineering and Technology,Dhenkanal under Biju Pattanaik University of Technology. Er.Siddharth Dash (Seminar Guide) Dr.C.Dash H.O.D Dept.of C.S.E ABSTRACT Is it possible to create a computer which can interact with us as we interact each other? For example imagine in a fine morning you walk on to your computer room and switch on your computer, and then it tells you “Hey friend, good morning you seem to be a bad mood today. And then it opens your mail box and shows you some of the mails and tries to cheer you. It seems to be a fiction, but it will be the life lead by “BLUE EYES” in the very near future. The basic idea behind this technology is to give the computer the human power. We all have some perceptual abilities. That is we can understand each others feelings. For example we can understand ones emotional state by analyzing his facial expression. If we add these perceptual abilities of human to computers would enable computers to work together with human beings as...

Words: 4265 - Pages: 18

Premium Essay

Human Computer Interaction Case Studies

...Human computer interaction (HCI) is investigated how human being interacted well with computer via the design and implementation of interactive computing. When designing HCI, it needs to consider the physical and metal nature of human being. Besides that, the factor of physical, cognitive and affective should be considered based on human’s characteristics when designing the interfaces. The physical factor can be defined as human interact with computer with the help of physical things such as keyboard, printer, microphone, mouse, touchscreen, etc. In the other way, physical factor is based on human senses which are hearing, seeing and touching. For example, Speech and voice recognition is based on sound concept, haptic devices is emerged from advanced in virtual reality and touch. The cognitive factor is arranging the way of selection for users which allow users easy to use such as menu, option, and list boxes. The selection must be arranging in the way of logically, and alphabetically. Besides that, keyboards shortcut had be created for expert users in order they can efficiently using the software. The...

Words: 897 - Pages: 4

Premium Essay

Mis 3360 Guide

...Chapter 10- 13 Exam 3 Chapter 10 Introduction Interface Design defines how the system will interact with external entities (e.g., customers, users, other systems) * User interfaces- part of the system with which users interact. * Based on our layers based design approach, the user interface of the human- computer interaction layer is independent of the data management layer. * But it is dependent on both the problem and domain and physical architecture layers. * System interfaces- exchange information with other systems. * Typically designed as a part of a systems integration effort. * Physical architecture and data management layers. * Defines the way in which the users interact with the system and the nature of the inputs and outputs that the system accepts and produces. * Depending on the type of device that the human-computer interaction layer is deployed on will set both opportunities and constraints as to what user interface features can be included. * Ex. Deploying the human computer interaction layer on both a smartphone and a desktop computer will cause two different Chapter 10 6 principles-summarized ““design priniples are” what are the steps of the user interface -what is the process “step 1?” 1st -scenario development 2nd -navigation structure design “whats the purpose” -shows the screens reports, etc 3rd -interface standard design -decided things like interface metaphors, templates, objects...

Words: 460 - Pages: 2

Free Essay

Online Rege

...Task analysis and human-computer interaction: approaches, techniques, and levels of analysis Abe Crystal School of Information and Library Science University of North Carolina at Chapel Hill acrystal@email.unc.edu Beth Ellington School of Information and Library Science University of North Carolina at Chapel Hill elliv@email.unc.edu ABSTRACT In this paper we critically review task analysis models and techniques. These approaches to task analysis are discussed in order to develop a richer picture of human activity, while analyzing their limitations, general weaknesses, and possibilities for improvement. We consider their ability to determine the appropriate set of atomic actions in a task, their effect on workers’ motivational needs, their support of users’ cognitive and sociocultural processes, and their effectiveness in supporting interface design. We note that the major approaches have focused on very different levels of analysis, and call for greater integration of these different levels in task analysis theory. Keywords Task analysis, cognitive modeling, activity theory. INTRODUCTION Practitioners and researchers routinely advocate building user-centered systems which enable people to reach their goals, take account of natural human limitations, and generally are intuitive, efficient and pleasurable to use (Preece, Rogers and Sharp, 2002). Central to the design of such systems is a clear understanding of what users actually want to do: What...

Words: 5335 - Pages: 22

Free Essay

Introduction to Information System Security

...HC: Human-Computer Interaction Human–computer interaction (HCI) is concerned with designing the interaction between people and computers and the construction of interfaces to afford this. Interaction between users and computational artefacts occurs at an interface which includes both software and hardware. Interface design impacts the software life-cycle in that it should occur early; the design and implementation of core functionality can influence the user interface – for better or worse. Because it deals with people as well as computers, as a knowledge area HCI draws on a variety of disciplinary traditions including psychology, computer science, product design, anthropology and engineering. HC: Human Computer Interaction (4 Core-Tier1 hours, 4 Core-Tier2 hours) Core-Tier1 hours HCI: Foundations HCI: Designing Interaction HCI: Programming Interactive Systems HCI: User-cantered design & testing HCI: Design for non-Mouse interfaces HCI: Collaboration & communication HCI: Statistical Methods for HCI HCI: Human factors & security HCI: Design-oriented HCI HCI: Mixed, Augmented and Virtual Reality 4 4 Core-Tier2 hours Includes Electives N N HC/Foundations [4 Core-Tier1 hours, 0 Core-Tier2 hours] Motivation: For end-users, the interface is the system. So design in this domain must be interaction-focussed and human-centred. Students need a different repertoire of techniques to address this than is provided elsewhere in the curriculum. Topics: • • • Contexts for HCI (anything...

Words: 1936 - Pages: 8

Free Essay

Design

...User Experience ©Jeff Patton Five topics today: User Experience explained simply and then: Users and modeling what you know about them Usability evaluating & testing it Visual Design guidelines to help visual design to communicate what you intend Emotional Design how do users feel about your software? 2 3 4 User Experience is Built From Dependent Layers Jesse James Garrett’s Elements of User Experience: http://www.jjg.net/elements/ 5 The Surface Layer Describes Finished Visual Design Aspects Surface Skeleton Structure Scope Strategy 6 The Skeleton Describes Screen Layout and Functional Compartments in the Screen Surface Skeleton Structure Scope Strategy 7 Structure Defines Navigation from Place to Place in the User Interface Surface Skeleton Structure Scope modal wizards task panes modal dialogs Strategy 8 The Places in the User Interface are Built to Support User Task-Centric Scope Surface Skeleton Structure Scope Strategy user tasks: • enter numbers • enter text • enter formulas • format cells • sort information • filter information • aggregate information • graph data • save data • import data • export data • print • ….. 9 Business Goals Drive User Constituencies and Contexts Supported To Form Strategy Surface Skeleton Structure Scope Strategy business goals: • displace competitive products • motivate sale of other integrated products • establish file format as default information sharing format...

Words: 2870 - Pages: 12