The plan for this artefact to see how branding can affect the audiences preconception of interaction in a web application. Does this change or adjust the interaction or how the content engages the browser?
This will test if the browser has preconception of a website due to its brand or company status. For example a well-known brand may be expected to have a more intricate design that has interactions and engaging content. In comparison to a less well known brand where the audience would have a different preconception. I hope this artefact will give me an insight into the viewer’s response and opinion.
Monday, 16 April 2012
Tuesday, 10 April 2012
Client project - Media queries
I chose to do some research on the structure of the web application. After gaining some background research and existing examples of media queries i decided against using them on the static design. The use of fallback codes and a mobile version made the use of these percentages in size and media queries irrelevant.
Below are a few images of existing media query websites i looked at in my research.
Below are a few images of existing media query websites i looked at in my research.
The meetings - Client project
The first meeting: Proposed plans and ideas
In this meeting I produced the client with wireframes and some images of my plans for the web application. In addition I proposed the web structure and how I would organise the content in a organised manner that would keep the user engaged.
The first meeting gave me a clear insight into the client’s needs and expectations. It also showed me how to achieve a website that fits their needs whilst being a unique addition in the market sector.
In addition to the meeting I sent emails to the client for the content. I asked if he could send me the relevant information and content that he wanted to be applied to the website. This proved successful in getting all the information, images and text that I needed to produce a function application.
The second meeting: Design/graphics
The aim of this meeting was to get feedback from the client and get their opinion on the website so far. I purposely asked them about the graphics and web theme.
Questions asked – and response
I displayed wireframes with colour swatches in Photoshop and got feedback with the client suggesting certain changes they wanted to the design. This was simple to do to the Photoshop file and gave me a solid design to work from in creating the product after the meeting.
The third meeting: Clarification on the progress so far
This meeting consisted of me presenting the almost finished product with it running on a server and functioning as a website.
The structure: This was the first time the client had seen the full layout of the website other than a few emails I had sent previously before this meeting. This gave me a positive input from the client with them clarifying that the layout and display of the content suited the business correctly for the genre.
The forth meeting: Final hand over with finished product presented
This meeting was straight forward with a meeting where I produced the finished product and discussed certain features. In addition I described the blog very simply and also made a few notes in the coding in sections that the client may want/need to update in future. This proved successful and concluded with me saying if there is any problem or queries feel free to contact me via email.
The finishing process was me organising the files and going over everything to ensure it was working correctly.
In this meeting I produced the client with wireframes and some images of my plans for the web application. In addition I proposed the web structure and how I would organise the content in a organised manner that would keep the user engaged.
The first meeting gave me a clear insight into the client’s needs and expectations. It also showed me how to achieve a website that fits their needs whilst being a unique addition in the market sector.
In addition to the meeting I sent emails to the client for the content. I asked if he could send me the relevant information and content that he wanted to be applied to the website. This proved successful in getting all the information, images and text that I needed to produce a function application.
The second meeting: Design/graphics
The aim of this meeting was to get feedback from the client and get their opinion on the website so far. I purposely asked them about the graphics and web theme.
Questions asked – and response
I displayed wireframes with colour swatches in Photoshop and got feedback with the client suggesting certain changes they wanted to the design. This was simple to do to the Photoshop file and gave me a solid design to work from in creating the product after the meeting.
The third meeting: Clarification on the progress so far
This meeting consisted of me presenting the almost finished product with it running on a server and functioning as a website.
The structure: This was the first time the client had seen the full layout of the website other than a few emails I had sent previously before this meeting. This gave me a positive input from the client with them clarifying that the layout and display of the content suited the business correctly for the genre.
The forth meeting: Final hand over with finished product presented
This meeting was straight forward with a meeting where I produced the finished product and discussed certain features. In addition I described the blog very simply and also made a few notes in the coding in sections that the client may want/need to update in future. This proved successful and concluded with me saying if there is any problem or queries feel free to contact me via email.
The finishing process was me organising the files and going over everything to ensure it was working correctly.
Wednesday, 4 April 2012
Client - Questionnaire
This is part of the questionnaire i used to gather primary research on the client based project.
Questionnaire – TDA coaching website
Please fill in the following questions after using the web application .
Do you think the design fits the genre/style of football?
(please circle the answer below)
Yes
No
Is there anything you would change about the web application?
Yes
No
(if yes what would it be)
………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………..
Did the website keep you interested?
(please circle the answer below)
Yes
No
When using the website were the pages easy to navigate?
(please circle the answer below)
Yes
No
As a website was it easy to use?
(please circle the answer below)
Yes
No
Questionnaire – TDA coaching website
Please fill in the following questions after using the web application .
Do you think the design fits the genre/style of football?
(please circle the answer below)
Yes
No
Is there anything you would change about the web application?
Yes
No
(if yes what would it be)
………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………..
Did the website keep you interested?
(please circle the answer below)
Yes
No
When using the website were the pages easy to navigate?
(please circle the answer below)
Yes
No
As a website was it easy to use?
(please circle the answer below)
Yes
No
Monday, 2 April 2012
Client - Constructive criticism
After creating a first draft of the website I decided a great way to get ideas and some feedback would be a focus group and questionnaire. So to get clarification and test for possible problems I got a group of people to beta test the web application.
Focus group: This was the first bit of testing I did.
The questions:
Is there any part of the website that didn’t work/ function correctly?
What would you change if you could change anything?
The comments/ answers:
One said the links where unreadable - I changed it to a more readable font that complemented the design.
Another participant said the links where unresponsive to the mouse. – To overcome this I added a hover over affect that made the links light up to the interaction of the browser.
I like how simple the website is too use with everything in an organised structure, making it easy to find what you need.
Questionnaire: I did this in addition to the focus group. Below I have listed some of the questions I did in the questionnaire. I have also added some of the comments and responses I got from the questionnaire.
Do you think the design fits the genre/style of football?
Participant 1: yes the colour schemes complement the images.
Participant 2: Yes
Participant 3: I think the green works well as it is a colour used to symbolise football or sport.
Is there anything you would change about the web application?
Participant 1: Nope
Participant 2: Yes the text on some of the pages is difficult to read.
Did the website keep you interested?
Participant 1: yes
Participant 2: yep
When using the website were the pages easy to navigate?
Participant 1: yes
Participant 2: yeah the links where easy to use.
As a website was it easy to use?
Participant 1: yeah it was straight forward and easy to understand.
Participant 2: The website was easy to navigate.
If there was anything you could improve or change what would it be?
The results I got from the questionnaire.
The results gave me some interesting feedback with areas for improvement. I have now made these amendments and intend on producing the next draft to the client to get additional feedback and gain their response to the website.
Focus group: This was the first bit of testing I did.
The questions:
Is there any part of the website that didn’t work/ function correctly?
What would you change if you could change anything?
The comments/ answers:
One said the links where unreadable - I changed it to a more readable font that complemented the design.
Another participant said the links where unresponsive to the mouse. – To overcome this I added a hover over affect that made the links light up to the interaction of the browser.
I like how simple the website is too use with everything in an organised structure, making it easy to find what you need.
Questionnaire: I did this in addition to the focus group. Below I have listed some of the questions I did in the questionnaire. I have also added some of the comments and responses I got from the questionnaire.
Do you think the design fits the genre/style of football?
Participant 1: yes the colour schemes complement the images.
Participant 2: Yes
Participant 3: I think the green works well as it is a colour used to symbolise football or sport.
Is there anything you would change about the web application?
Participant 1: Nope
Participant 2: Yes the text on some of the pages is difficult to read.
Did the website keep you interested?
Participant 1: yes
Participant 2: yep
When using the website were the pages easy to navigate?
Participant 1: yes
Participant 2: yeah the links where easy to use.
As a website was it easy to use?
Participant 1: yeah it was straight forward and easy to understand.
Participant 2: The website was easy to navigate.
If there was anything you could improve or change what would it be?
The results I got from the questionnaire.
The results gave me some interesting feedback with areas for improvement. I have now made these amendments and intend on producing the next draft to the client to get additional feedback and gain their response to the website.
ie 9 Advert
I thought i would post a blog about something web related other than my work. It is an advert i saw the other day advertising ie 9. The website link is below.
http://www.youtube.com/watch?v=IOaE4MV5IcM
http://www.youtube.com/watch?v=IOaE4MV5IcM
Artefact 5 - Evaluation
After discovering how interaction enhances the web application and that the most successful form of interaction is mouse effects. I chose to ask a controlled questionnaire with supporting imagery and links to a group of participant’s. The questions where based around two existing web applications. I wanted the artefact to not only gain information on genre but accumulate evidence that supports the pervious artefacts theories.
This artefact has concluded my research with accurate data that clarifies my theories and results from pervious artefacts. It gave me data that supported the results that websites do interact with the audience.
The genre was one of the variables I looked at in this specific artefact. The results showed me that genre isn’t an enhancing factor unlike structure. This was shown because everyone is different with different personal opinions and choices on what looks and works well. It showed how some websites visuals could be appealing to a set group but then not be interesting to a different set of candidates. I discovered that genre all depends on the audience and has a lot of factors that can act against it or with it. These factors mainly focus around people’s personality. This is a key factor to act on a person’s response to the genre of a web application. Personality is a confounding variable in the interaction between user and website. Section one proved this with evidence and data that constantly had mixed responses.
In the primary research I have done in this module I have discovered that to engage an audience or group of people with an online application it must have some form of interaction. In addition to this I found the most productive technique to do this is through the F model structure with mouse interactions. There is no particular genre that works best it’s all down to general preference.
This artefact has concluded my research with accurate data that clarifies my theories and results from pervious artefacts. It gave me data that supported the results that websites do interact with the audience.
The genre was one of the variables I looked at in this specific artefact. The results showed me that genre isn’t an enhancing factor unlike structure. This was shown because everyone is different with different personal opinions and choices on what looks and works well. It showed how some websites visuals could be appealing to a set group but then not be interesting to a different set of candidates. I discovered that genre all depends on the audience and has a lot of factors that can act against it or with it. These factors mainly focus around people’s personality. This is a key factor to act on a person’s response to the genre of a web application. Personality is a confounding variable in the interaction between user and website. Section one proved this with evidence and data that constantly had mixed responses.
In the primary research I have done in this module I have discovered that to engage an audience or group of people with an online application it must have some form of interaction. In addition to this I found the most productive technique to do this is through the F model structure with mouse interactions. There is no particular genre that works best it’s all down to general preference.
Subscribe to:
Comments (Atom)