Optimal Workshop vs Usability Hub

Optimal Workshop vs Usability Hub

During our lectures we were use 2 websites that allows you to create tests for projects: Optimal Workshop and Usability Hub. Both of them gives tools to create usability tests. Both of them gives also possibility to analyse results of tests.

Usability Hub seems to be more advanced. You can create 5 different types of tests, related to different ways of testing:
- 5 sec test
- click test
- nav flow test
- question test
- preference test

Choose your test

 Our test on Usability Hub

Responses to our test

Optimal Workshop gives us the posibility to create tasks that are in fact Click Test. We upload screenshots and tells user where he should click.

Create task

Beside this, we can add questions to users, that they have to aswer. Then we get feedback and analyse of answers we get.

Answers for the questions

In fact this is the end of testing functions of Optimal Workshop. Because of that we think that better tool for testing is Usability Hub. It has more options, more test types to create and in our opinion has better user interface.

Usability hub

Usability hub

  

Next tool to create usability tests is usability hub. Here you are link to this tool:
https://usabilityhub.com/
 With this tool we can create several kinds of tests, for example:

-Five Second Test;

-Question Test;

-Click Test;

-Preference Test;

-Nav Flow Test;

    Main page of usability hub

To earn credits(named karma points) you can fill some other test by clicking "Do a random test".

 

Example of  random test(in this case - Preference Test)

In our case we will do a click test and preference test:

Our preference test on Usability Hub

After that we gave this preference test to all participants in our laboratory and they gave us results, which we can see on the screenshot below:

 Result of our preference test

As we can see majority of participants chose the first one prototype. It our opinion best option is the first one too. We think that people mostly chose first option, becouse it has a background and warmer colors of the buttons and navigation bar.

And at the end we must create a survey on Google Forms. Below we show you our survey with few questions about our prototype:

 Our survey on Google Forms

Here you are link to our survey about digital prototyping of our website:

 https://docs.google.com/forms/d/1t3FUbVqDzx0p5jjm56j41VaRRu11AJnUMThIfcoQSjc/viewform?usp=send_form

Chalkmark

Chalkmark on optimalworshop.com page is tool for getting feedback from customer about our website. We put there some screens from our website and write tasks to do for customer. Below you can see a heatmaps from three tasks of participants clicking:

Heatmap of Home Page - task 1

Then we give access to chalkmark to our testers and wait for feedback. Their work is to click in right place on out website given in task. As we can see 73% of participants clicked correct button so it's quite good result for us.

Heatmap of  Community Page

Heatmap of  Forum Page

Example o grid map

After test we get feedback with analyse about where users clicked with percent amount. We get also informations about how users aswered to our questions.

Results of questionnarie

All this helps us in creating website process. Thanks to this we can create better site, to use of which is pleasure for final user.

Assistive technology

Assistive technology

Assistive technology is an umbrella term that includes assistive, adaptive, and rehabilitative devices for people with disabilities and also includes the process used in selecting, locating, and using them. Assistive technology promotes greater independence by enabling people to perform tasks that they were formerly unable to accomplish, or had great difficulty accomplishing, by providing enhancements to, or changing methods of interacting with, the technology needed to accomplish such tasks.Assistive technology includes many categories, for example:

1. Mobility impairment and wheelchairs.
2. Mobility impairment and walkers.
3. Personal emergency response systems.
4. Accessibility software.
5. Assistive technology for visual impairment.
6. Assistive technology for cognition.
7. Assistive technology for sport.
8. Assistive technology for education.

Example of company, which gives people assistive technology software is Tobii.

Tobii Technology is a Swedish high-technology company that develops and sells products for eye control and eye tracking.

Examples of Tobii technology softwares and devices

Other company which gives us assistive technology software is Intel. This company support great astrophisicist Stephen Hawking almost 25 years.

Stephen Hawking using Intel Assistive technology software

Below you have a article about interaction this outstanding phisicist:

http://www.zdnet.com/article/intel-stephen-hawking-aim-to-spur-assistive-technology-development/

Sample of using Intel Assistive technology software

There are many others companies with assistive technology but we show the best for us in our opinion. We think that this kind of software is very important for people with some disabilities and awesome is that this software will be upgrade from one year to another.

Paper prototyping

This is our paper prototype of desktop and mobile Internet shop that we made on our lecture lessons:

Mobile versions of Home, Contact, Product, Buy Card pages 

Desktop versions of About us, Product Detail and Catalog, Site Map pages

Desktop versions of Home and Contact page

Desktop versions of Newsletter, log-in and Cart pages

Desktop versions of Blog and Account page

Mobile versions of Home, About us, Blog and  Product Catalog pages

HCI - Human-Computer Interaction

HCI - How human interacts with computer

HCI researches the design and use of computer technology, focusing particularly on the interfaces between people and computers. Those who engages in this topic are trying to find better ways to interact with computers.

Researchers are concentrating on several things:

• methods for designing novel computer interface
• methods for evaluating and comparing interfaces with respect to their usability or other desirable properties
• methods for implementing interfaces
• methods for studying human computer use and its sociocultural implications more broadly

As a field of research, Human-Computer Interaction is situated at the intersection of computer science, behavioral sciences, design, media studies, and several other fields of study. The term was popularized by Stuart K. Card,but first used the term in 1980. The term connotes that, unlike other tools with only limited uses (such as a hammer, useful for driving nails, but not much else), a computer has many uses and this takes place as an open-ended dialog between the user and the computer. The notion of dialog likens human-computer interaction to human-to-human interaction, an analogy the discussion of which is crucial to theoretical considerations in the field. 

History of Human Computer Interaction

The most important thing in working on HCI is creating easy to use, "invisible" for user and good looking interface.
Work flow of  Human Computer interaction describes picture below:

The focus of HCI has moved beyond the desktop, and its focus will continue to move. HCI is a technology area, and it is ineluctably driven to frontiers of technology and application possibility. The special value and contribution of HCI is that it will investigate, develop, and harness those new areas of possibility not merely as technologies or designs, but as means for enhancing human activity and experience.

HCI matrix

Our prototype in pensil

Our prototype in pensil

 

Today, we will gonna show you our prototype in few screenshots. All of them will represent pages in our prototype. 

Our prototype of contact page

Page about manhattan recipe

Page about Bloody Mary recipe

Page about the best coctails of the month