SlideShare a Scribd company logo
1 of 4
Download to read offline
Tech Crunch
 Website

                                                                                                      Usability
                                                                                                      The Tech Crunch has the generic structure used for the majority of websites today:

                                                                                                      [Logo] Left
                                                                                                      [Navigation] Justified
                                                                                                      [Body] Bottom

                                                                                                      So in a sense it is made for humans and it matches peoples mental models for websites. It doesn’t really carry any
                                                                                                      errors to prevent, but getting lost through the navigation bar could count as an error due to it being so broad
                                                                                                      without a submenu.

                                                                                                      The text on the website is legible but the typefaces are generally too big for the page and look cluttered.

                                                                                                      ‘Tech crunch’ is all in the name but the logo or website structure doesn’t justify what the website is truly about, if
                                                                                                      Google and twitter didn’t show up on the home page and the word ‘tech’ wasn’t in the URL then people would
                                                                                                      struggle understanding what the big green ‘TC’ means.

                                                                                                      The website is consistent in being cluttered and badly organized, it behaves how a modern website should with
                                                                                                      expanding search bars and social networking integration but has simple issues with it’s layout and font sizing.

                                                                                                      The site responds in a decent manor but having to scroll through the page for a considerable amount of time so
                                                                                                      you can see it all doesn’t do it any justice.

Aesthetics
Tech Crunch craves simplicity and struggles due to its cluttered home page and poor text
structure. The content looks very chunky and out of proportion, however the website has new
articles starting from the top of the home page displaying hierarchy but it still doesn’t strike me
as being organized with advertising, headings and news scattered throughout the homepage.

The website show’s good consistency of the black, white, grey and green scheme throughout and the massive text headers not that they help with readability. Minimal labeling on the navigation bar makes the
content come across as very broad and could be open to anything. Grouping of hot topics is pleasing however using an ad banner for the negative space next to the ‘TC’ logo just goes back to explaining why it’s
cluttered.

Interaction Quality
My initial impression of tech crunch was which article to choose, there were so many options and choices of navigation I couldn’t decide, the colour scheme was overpowering and layout seemed very cluttered.
The interface responded well to clicking and scrolling and I liked the how the search bar expanded when active. To say there was a lot of content on one page loading was not a problem.

Having never used the tech crunch website before I still presumed it was trustworthy due to Facebook and twitter integration, up to date and accurate with mentions of the latest iPhone. I didn’t come across any
technical bugs.
There were some good features I came across on the Tech Crunch website such as expanding search bar, navigation bar that followed the mouse down the page and social networking integration, however I didn’t
feel comfortable looking at over sized text and green text headers for longer than 15minutes and constant misplaced adverts.

I didn’t feel the content could engage me more than 10 minutes due to it’s cluttered layout, and poor colour contrasting scheme. Tech Crunch’s interface made me feel unwelcome instantly crammed with content
from the home page including two navigation menus, massive headers and adverts.
Apple Find Friends
Mobile App


                            Usability
                            Like all Apple products simplicity is a key aspect, however this app seems to fail at being simple, it matches the model of a general iPhone app with 4 tabs at the bottom and a scrolling
                            menu in the middle but its seems to overcomplicate being able to add friends and start following them.

                            The app struggles to prevent errors and is generally very buggy; having to reload the app every time it struggles to connect to a friend is frustrating and complex.

                            Following your friends on an integrated map should be pretty straightforward however testing this app with friends proved it to fail most of the time through notifications (when adding a
                            new friend).

The Find friend’s app has slow response time and general jerkiness when active. Consistency isn’t an issue it’s fairly consistent in freezing, crashing and failing to locate friends.


                                                 Aesthetics
                                                 Find friend’s is fairly simple as there is not too much content on each tab and colour scheme and structure is very basic. Grouping all the friends on the map works
                                                 well in this app but the map is hard to navigate around being so small.


                                                 The app is made to feel childish and like it shouldn’t be taken serious with the gingerbread men logo and the material feel it has. Icons are used well for people who
                                                 are familiar with apple products.

                                                 The elements are balanced and placed symmetrical to each other helping for a fluid feel when scrolling and flicking between tabs, the hierarchy of the map works well
                                                 as that is the first thing people expect to see on an app like this that uses navigation.

                                                 The app has focused on being like many others on the app store header with buttons and footer with 4 tabs, which can be predicted by any iPhone user downloading
                                                 similar apps. Flicking through the tabs in consistent and makes the app feel complete.

                                                 Interaction Quality
                                                 My first impression of find friends was pleasing, the fact it was such a simple idea and yet when it worked it worked well.

                                                 When it came to the interface responding I found it sluggish and very buggy, half the time it would fail to locate friends when they are sat right next to you.

                                                 Friends might not find this app trustworthy due to it being able to constantly keep track of your location when the app is active, but measure like “hide me” have
                                                 been integrated to allow some privacy when travelling around.

                                                 I found my experience of find friends mixed when interacting with it after several restarts and friends requests.

                                                 I app wasn’t very engaging or intuitive adding friends seemed more hassle than it was worth and locating friends and navigating through the map was complex and
buggy.

I spent about 10 minutes on the app and it left me disappointed at how sluggish and buggy it was.
Job Centre Search Machine
Other touch Interface

                                                Usability
                                                Somehow job searching is made difficult through Job Centre Touch screen machine, It’s seems to react well in the sense of touching it but makes life difficult when
                                                you’re trying to access jobs.

                                                To prevent errors it helps the user by letting them know that the receipt is empty but that is the only error it will try and prevent, the main error that is displayed
                                                on these machines is a local job search it seems to display jobs over the other side of the country even if you’ve filtered for a 5mile radius.

                                                Searching for jobs on a purple screen somehow works well but the number of these screens you have to switch between before finding a job that suits you can be
                                                quite frustrating, clearly the machine is self-evident because everyone who goes into a job centre expects a form of job searching machine present.

The machine can be responsive when it wants to be but like all big touch screens they require a few more taps and knocks compared with a capacitive smart phone touch screen.




                                                                            Aesthetics
                                                                            The machine isn’t what I’d call aesthetically pleasing with extremely sharp colours used throughout the interface it doesn’t come across as
                                                                            a what should be professional system.

                                                                            Information systems need to be easy to read with nice contrasting colours.

                                                                            The interface is structured quite well to a certain extent, but flicking through numerous pages is frustrating, the system has a symmetrical
                                                                            feel and the elements are balanced well on each screen with nicely sized buttons and text.

                                                                            The interface does show consistency of the purple and green scheme throughout with appropriately sized buttons and text however the
                                                                            consistency doesn’t make the sharp colour scheme acceptable.




Interaction Quality
My first impression of the search interface was pleasant a simple touch screen system that helps search for local jobs.

The touch screen did have some difficulty responding at time with a need for a double tap or a knock, and was a quite slow.

I knew that the interface was trustworthy because it’s a government business, however it could keep address details if you fail to discontinue the search.

It was pleasurable when I didn’t have to repeat tap or having to keep going back to the filter settings, but the colour scheme didn’t make it pleasurable to look at for a long period off time.

I found it engaging to an extent, when you’re searching for a new job you’re only really engaging if it’s giving you the right results and 70% of the time the interface managed to do that.

The interface surprised me because it’s a modern addition for job seekers rather than having to look at hand written cards.
Human
Usability Plot                        90%
                                      80%
                                      70%
          Trustworthy                 60%                      Forgiving                                              t
                                      50%
                                      40%
                                      30%
                                      20%
                                      10%                                                               Website

                                       0%                                                               Mobile App

                                                                                                        Other
     Efficient                                                         Acessible




                                                                  Aesthetics Plot                                    Elegance and
                                                                                                                       Simplicity
                        Predictable             Self-Evident
                                                                                                                     80%
                                                                                                                     70%
                                                                                                                     60%
                                                                                                                     50%
                                                                                                                     40%
                                                                                                                     30%                           Scale, Contrast and
                                                                                   Style
                                                                                                                                                       Proportion
                                                                                                                     20%
                                                                                                                                                                         Website
                                                                                                                     10%
                                                                                                                                                                         Mobile App
                                                                                                                     0%
                                                                                                                                                                         Other




                                                                                                                                    Organisation and
                                                                                   Module and Program
                                                                                                                                    Visual Structure

More Related Content

What's hot (6)

Purple heart clikzy examples
Purple heart clikzy examplesPurple heart clikzy examples
Purple heart clikzy examples
 
Question 4
Question 4Question 4
Question 4
 
Why FMYI?
Why FMYI?Why FMYI?
Why FMYI?
 
Media Q. 4
Media Q. 4Media Q. 4
Media Q. 4
 
Uxpin web ui_design_best_practices
Uxpin web ui_design_best_practicesUxpin web ui_design_best_practices
Uxpin web ui_design_best_practices
 
Unit 65 year 2 rog
Unit 65 year 2 rogUnit 65 year 2 rog
Unit 65 year 2 rog
 

Similar to Interface evaluation.

Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web Design
Clarissa Peterson
 
Dealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutionsDealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutions
Queensland University of Technology
 

Similar to Interface evaluation. (20)

Know thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webKnow thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the web
 
UX, the buzz!
UX, the buzz!UX, the buzz!
UX, the buzz!
 
9 worst practices in ux design
9 worst practices in ux design9 worst practices in ux design
9 worst practices in ux design
 
Why I Hate The Interweb - Kath Moonan at Scripting Enabled
Why I Hate The Interweb - Kath Moonan at Scripting EnabledWhy I Hate The Interweb - Kath Moonan at Scripting Enabled
Why I Hate The Interweb - Kath Moonan at Scripting Enabled
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism
 
Introduction to good_usability
Introduction to good_usabilityIntroduction to good_usability
Introduction to good_usability
 
Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web Design
 
Optimizing User Experience Across Devices with Responsive Web Design (Clariss...
Optimizing User Experience Across Devices with Responsive Web Design (Clariss...Optimizing User Experience Across Devices with Responsive Web Design (Clariss...
Optimizing User Experience Across Devices with Responsive Web Design (Clariss...
 
14 timeless rules for creating intuitive web apps
14 timeless rules for creating intuitive web apps14 timeless rules for creating intuitive web apps
14 timeless rules for creating intuitive web apps
 
Dealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutionsDealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutions
 
Dealing with organisational focused ia difficulties
Dealing with organisational focused ia difficultiesDealing with organisational focused ia difficulties
Dealing with organisational focused ia difficulties
 
Design proposal final
Design proposal finalDesign proposal final
Design proposal final
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Characteristics of a well designed user interface
Characteristics of a well designed user interfaceCharacteristics of a well designed user interface
Characteristics of a well designed user interface
 
Web valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app developmentWeb valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app development
 
UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?
 
Howard University Website Assessment
Howard University Website AssessmentHoward University Website Assessment
Howard University Website Assessment
 
14 timeless rules for creating intuitive web apps
14 timeless rules for creating intuitive web apps14 timeless rules for creating intuitive web apps
14 timeless rules for creating intuitive web apps
 
Web Page Evaluation
Web Page EvaluationWeb Page Evaluation
Web Page Evaluation
 

Interface evaluation.

  • 1. Tech Crunch Website Usability The Tech Crunch has the generic structure used for the majority of websites today: [Logo] Left [Navigation] Justified [Body] Bottom So in a sense it is made for humans and it matches peoples mental models for websites. It doesn’t really carry any errors to prevent, but getting lost through the navigation bar could count as an error due to it being so broad without a submenu. The text on the website is legible but the typefaces are generally too big for the page and look cluttered. ‘Tech crunch’ is all in the name but the logo or website structure doesn’t justify what the website is truly about, if Google and twitter didn’t show up on the home page and the word ‘tech’ wasn’t in the URL then people would struggle understanding what the big green ‘TC’ means. The website is consistent in being cluttered and badly organized, it behaves how a modern website should with expanding search bars and social networking integration but has simple issues with it’s layout and font sizing. The site responds in a decent manor but having to scroll through the page for a considerable amount of time so you can see it all doesn’t do it any justice. Aesthetics Tech Crunch craves simplicity and struggles due to its cluttered home page and poor text structure. The content looks very chunky and out of proportion, however the website has new articles starting from the top of the home page displaying hierarchy but it still doesn’t strike me as being organized with advertising, headings and news scattered throughout the homepage. The website show’s good consistency of the black, white, grey and green scheme throughout and the massive text headers not that they help with readability. Minimal labeling on the navigation bar makes the content come across as very broad and could be open to anything. Grouping of hot topics is pleasing however using an ad banner for the negative space next to the ‘TC’ logo just goes back to explaining why it’s cluttered. Interaction Quality My initial impression of tech crunch was which article to choose, there were so many options and choices of navigation I couldn’t decide, the colour scheme was overpowering and layout seemed very cluttered. The interface responded well to clicking and scrolling and I liked the how the search bar expanded when active. To say there was a lot of content on one page loading was not a problem. Having never used the tech crunch website before I still presumed it was trustworthy due to Facebook and twitter integration, up to date and accurate with mentions of the latest iPhone. I didn’t come across any technical bugs. There were some good features I came across on the Tech Crunch website such as expanding search bar, navigation bar that followed the mouse down the page and social networking integration, however I didn’t feel comfortable looking at over sized text and green text headers for longer than 15minutes and constant misplaced adverts. I didn’t feel the content could engage me more than 10 minutes due to it’s cluttered layout, and poor colour contrasting scheme. Tech Crunch’s interface made me feel unwelcome instantly crammed with content from the home page including two navigation menus, massive headers and adverts.
  • 2. Apple Find Friends Mobile App Usability Like all Apple products simplicity is a key aspect, however this app seems to fail at being simple, it matches the model of a general iPhone app with 4 tabs at the bottom and a scrolling menu in the middle but its seems to overcomplicate being able to add friends and start following them. The app struggles to prevent errors and is generally very buggy; having to reload the app every time it struggles to connect to a friend is frustrating and complex. Following your friends on an integrated map should be pretty straightforward however testing this app with friends proved it to fail most of the time through notifications (when adding a new friend). The Find friend’s app has slow response time and general jerkiness when active. Consistency isn’t an issue it’s fairly consistent in freezing, crashing and failing to locate friends. Aesthetics Find friend’s is fairly simple as there is not too much content on each tab and colour scheme and structure is very basic. Grouping all the friends on the map works well in this app but the map is hard to navigate around being so small. The app is made to feel childish and like it shouldn’t be taken serious with the gingerbread men logo and the material feel it has. Icons are used well for people who are familiar with apple products. The elements are balanced and placed symmetrical to each other helping for a fluid feel when scrolling and flicking between tabs, the hierarchy of the map works well as that is the first thing people expect to see on an app like this that uses navigation. The app has focused on being like many others on the app store header with buttons and footer with 4 tabs, which can be predicted by any iPhone user downloading similar apps. Flicking through the tabs in consistent and makes the app feel complete. Interaction Quality My first impression of find friends was pleasing, the fact it was such a simple idea and yet when it worked it worked well. When it came to the interface responding I found it sluggish and very buggy, half the time it would fail to locate friends when they are sat right next to you. Friends might not find this app trustworthy due to it being able to constantly keep track of your location when the app is active, but measure like “hide me” have been integrated to allow some privacy when travelling around. I found my experience of find friends mixed when interacting with it after several restarts and friends requests. I app wasn’t very engaging or intuitive adding friends seemed more hassle than it was worth and locating friends and navigating through the map was complex and buggy. I spent about 10 minutes on the app and it left me disappointed at how sluggish and buggy it was.
  • 3. Job Centre Search Machine Other touch Interface Usability Somehow job searching is made difficult through Job Centre Touch screen machine, It’s seems to react well in the sense of touching it but makes life difficult when you’re trying to access jobs. To prevent errors it helps the user by letting them know that the receipt is empty but that is the only error it will try and prevent, the main error that is displayed on these machines is a local job search it seems to display jobs over the other side of the country even if you’ve filtered for a 5mile radius. Searching for jobs on a purple screen somehow works well but the number of these screens you have to switch between before finding a job that suits you can be quite frustrating, clearly the machine is self-evident because everyone who goes into a job centre expects a form of job searching machine present. The machine can be responsive when it wants to be but like all big touch screens they require a few more taps and knocks compared with a capacitive smart phone touch screen. Aesthetics The machine isn’t what I’d call aesthetically pleasing with extremely sharp colours used throughout the interface it doesn’t come across as a what should be professional system. Information systems need to be easy to read with nice contrasting colours. The interface is structured quite well to a certain extent, but flicking through numerous pages is frustrating, the system has a symmetrical feel and the elements are balanced well on each screen with nicely sized buttons and text. The interface does show consistency of the purple and green scheme throughout with appropriately sized buttons and text however the consistency doesn’t make the sharp colour scheme acceptable. Interaction Quality My first impression of the search interface was pleasant a simple touch screen system that helps search for local jobs. The touch screen did have some difficulty responding at time with a need for a double tap or a knock, and was a quite slow. I knew that the interface was trustworthy because it’s a government business, however it could keep address details if you fail to discontinue the search. It was pleasurable when I didn’t have to repeat tap or having to keep going back to the filter settings, but the colour scheme didn’t make it pleasurable to look at for a long period off time. I found it engaging to an extent, when you’re searching for a new job you’re only really engaging if it’s giving you the right results and 70% of the time the interface managed to do that. The interface surprised me because it’s a modern addition for job seekers rather than having to look at hand written cards.
  • 4. Human Usability Plot 90% 80% 70% Trustworthy 60% Forgiving t 50% 40% 30% 20% 10% Website 0% Mobile App Other Efficient Acessible Aesthetics Plot Elegance and Simplicity Predictable Self-Evident 80% 70% 60% 50% 40% 30% Scale, Contrast and Style Proportion 20% Website 10% Mobile App 0% Other Organisation and Module and Program Visual Structure