I have a meeting today with Phil Clarke at the Hive, regarding my idea for the fashion website I have completed for this terms module/project. This is a great opportunity, as well as being hihgly useful for content in my SPP2 essay which will be finished in just a couple of days.
This may be the start of my path into networking as it could open up new contacts and faces in the world of Multimedia design.
Glad I emailed now :)
Tuesday, 9 December 2008
Interface Design Principles
The simplicity principle
My site has a structured, well thought out navigational process in which the user is directed from page to page, in a simple manner. A weakness perhaps, is that currently the navigation can only be achieved through interaction with Flash buttons, with no consideration to those who perhaps have no access to a Flash system. An alternative to this may be to create a seperate HTML page, which uses only HTML based navigation so that the user can easily direct from page to page without using the Flash process.
The site has attempted to show users a range of products from a range of brands, so the navigation to these sites vitally needs to be considered. This has been done using simple clicks which take the user to the route site of the product.
The visibility principle
Visually the site has been well thought out for Flash users, with some interesting, different ways of displaying pages and directing users onto alternative pages. Careful consideration has been taken regarding colour and typography, and this flows from page to page within my designs.
The feedback principle
Information is given at all times when possible about how to direct users through the different pages of the website. This is through text, animations and interactivity.
The tolerance principle
All pages pop-up, which could be viewed as a weakness. However, when I personally visit a site, I like to close down the content I've already viewed, so that I can go back to the previous pages. This way the animations continue to flow whilst I'm viewing further content. My site is very heirachical in this way, as it goes through a series of stages before reaching the large .SWF files.
My site has a structured, well thought out navigational process in which the user is directed from page to page, in a simple manner. A weakness perhaps, is that currently the navigation can only be achieved through interaction with Flash buttons, with no consideration to those who perhaps have no access to a Flash system. An alternative to this may be to create a seperate HTML page, which uses only HTML based navigation so that the user can easily direct from page to page without using the Flash process.
The site has attempted to show users a range of products from a range of brands, so the navigation to these sites vitally needs to be considered. This has been done using simple clicks which take the user to the route site of the product.
The visibility principle
Visually the site has been well thought out for Flash users, with some interesting, different ways of displaying pages and directing users onto alternative pages. Careful consideration has been taken regarding colour and typography, and this flows from page to page within my designs.
The feedback principle
Information is given at all times when possible about how to direct users through the different pages of the website. This is through text, animations and interactivity.
The tolerance principle
All pages pop-up, which could be viewed as a weakness. However, when I personally visit a site, I like to close down the content I've already viewed, so that I can go back to the previous pages. This way the animations continue to flow whilst I'm viewing further content. My site is very heirachical in this way, as it goes through a series of stages before reaching the large .SWF files.
Monday, 8 December 2008
Initial evaluation points.
Evaluation
Having completed the project in which I set out to create a three page website, I feel I have understood and learnt a range of new skills and techniques regarding web design. This is particularly in the areas of publishing, embedding and accessibility for a range of audiences.
I began with researching into the area of web design, directly towards the theme I had chosen to base my site upon. By doing this, I was able to find out some interesting ways in which the current markets have chosen to display their products, and follow some similar design techniques. I was also critical with these designs, and looked at aspects that were weaker, and so became beneficial in the later stages of the design.
I then went on to begin simply sketching and thinking about ideas which would become the content within the site. I wanted the content to have a beneficial aim and purpose, so that when I created my site, it could be used as a tool. The content was based upon an idea I have had for a while, where a collaboration of different High Street brands products where displayed in one easy to use web space. I felt the idea had potential and alongside my original theme of fashion, began thinking how I could tie this in with the current project. My initial idea was to create a large manqué in which users could drag and drop different items onto this, to mix and match different products from different shops. This is one of my test designs, and can be seen as a sketch in my sketchbook. I did several more of these and considered them critically before going on to my final design stages.
I chose a design which I felt was simple, yet challenging to develop, whilst providing the user with an interesting, interactive environment, as set by the brief. I began the final Home page design, by taking my sketch and implementing this into a Dreamweaver document using a table with two sections, one with a Flash slideshow of my own images, and the other with a description about the site, a logo and two Flash buttons which would direct the user to the Male and Female pages.
This is where my first problem arose, and with some critical feedback I was able to change this. The font used on the main text with the description about the site, was difficult to read, and I didn’t pick this up until I was given critique on this part of the page. I changed this to a simpler font, so that as a large batch of text it was easier to read for the user. You can see the changes in my blog post, with screenshots of how the page changed from the feedback given.
Later on in the project, I was also given feedback that the links on the bottom of the page, lacked a contrast to the background, and it was difficult to tell that these directed the user to the separate pages. Therefore, I used Flash Eff (a component available to add onto Flash which saves time with standard coding techniques such as Go To and Stop. It also provides animation tools.), to make these buttons animated and clearer to see that these directed to separate pages.
The three pages also proved difficult to use on different resolutions of screen, and someone found that on their laptop screen, they needed to zoom out of the page they were on to see the whole content (which is abit of a pain), so I am currently attempting to gather some code that will recognise the size of the screen being used and change the site to suit this.
To create the two content pages, i.e. the male and female pages, I used a piece of Flash I bought a couple of months back, and was interested in using. Admittedly, the coding is not created by me, but I implemented and changed the content and the coding to suit my needs. I also understand now how the coding has been structured, and how I have changed it to suit the way I had designed my page to look, and I personally like the page a lot.
Another interesting comment I received was;
“I like the roll over highlight for 'Men’s' and 'Women’s', however, how do you interact with the website or even know what the site is about when FLASH is not available? If 'not appropriate' then why is it not appropriate for site that is trying to sell item?” – David Downes
I have tried my hardest in the little time I had left to create a simpler HTML page, for those who cannot access Flash. This is extremely simple, because I had not considered this before, something that I am very disappointed about. In my continuing work on this site, I hope to develop a page that combines Flash and non-Flash attributes, so that if a user doesn’t have Flash, they can access all the content that those who have Flash can, but without the interactivity. This would perhaps be done by having JPEG images present if Flash was rejected by a machine.
I had a couple of little problems, mainly due to a lack of web design publishing experience, such as naming files correctly, (one example being P.U.S.html instead of PUS.html). I also came across problems such as invalid fonts, which would not display unless the machine had the font installed. Little problems like this have helped me understand that bit more about the difficulty in creating a fully functional site, with no validation problems.
I will make changes to my evaluation, when I recieve peer feedback and comments on Wednesday. Until then I will start testing the website, on the University server, to ensure everything is to the standards set out by the brief. I will also begin planning my presentation for Friday.
Having completed the project in which I set out to create a three page website, I feel I have understood and learnt a range of new skills and techniques regarding web design. This is particularly in the areas of publishing, embedding and accessibility for a range of audiences.
I began with researching into the area of web design, directly towards the theme I had chosen to base my site upon. By doing this, I was able to find out some interesting ways in which the current markets have chosen to display their products, and follow some similar design techniques. I was also critical with these designs, and looked at aspects that were weaker, and so became beneficial in the later stages of the design.
I then went on to begin simply sketching and thinking about ideas which would become the content within the site. I wanted the content to have a beneficial aim and purpose, so that when I created my site, it could be used as a tool. The content was based upon an idea I have had for a while, where a collaboration of different High Street brands products where displayed in one easy to use web space. I felt the idea had potential and alongside my original theme of fashion, began thinking how I could tie this in with the current project. My initial idea was to create a large manqué in which users could drag and drop different items onto this, to mix and match different products from different shops. This is one of my test designs, and can be seen as a sketch in my sketchbook. I did several more of these and considered them critically before going on to my final design stages.
I chose a design which I felt was simple, yet challenging to develop, whilst providing the user with an interesting, interactive environment, as set by the brief. I began the final Home page design, by taking my sketch and implementing this into a Dreamweaver document using a table with two sections, one with a Flash slideshow of my own images, and the other with a description about the site, a logo and two Flash buttons which would direct the user to the Male and Female pages.
This is where my first problem arose, and with some critical feedback I was able to change this. The font used on the main text with the description about the site, was difficult to read, and I didn’t pick this up until I was given critique on this part of the page. I changed this to a simpler font, so that as a large batch of text it was easier to read for the user. You can see the changes in my blog post, with screenshots of how the page changed from the feedback given.
Later on in the project, I was also given feedback that the links on the bottom of the page, lacked a contrast to the background, and it was difficult to tell that these directed the user to the separate pages. Therefore, I used Flash Eff (a component available to add onto Flash which saves time with standard coding techniques such as Go To and Stop. It also provides animation tools.), to make these buttons animated and clearer to see that these directed to separate pages.
The three pages also proved difficult to use on different resolutions of screen, and someone found that on their laptop screen, they needed to zoom out of the page they were on to see the whole content (which is abit of a pain), so I am currently attempting to gather some code that will recognise the size of the screen being used and change the site to suit this.
To create the two content pages, i.e. the male and female pages, I used a piece of Flash I bought a couple of months back, and was interested in using. Admittedly, the coding is not created by me, but I implemented and changed the content and the coding to suit my needs. I also understand now how the coding has been structured, and how I have changed it to suit the way I had designed my page to look, and I personally like the page a lot.
Another interesting comment I received was;
“I like the roll over highlight for 'Men’s' and 'Women’s', however, how do you interact with the website or even know what the site is about when FLASH is not available? If 'not appropriate' then why is it not appropriate for site that is trying to sell item?” – David Downes
I have tried my hardest in the little time I had left to create a simpler HTML page, for those who cannot access Flash. This is extremely simple, because I had not considered this before, something that I am very disappointed about. In my continuing work on this site, I hope to develop a page that combines Flash and non-Flash attributes, so that if a user doesn’t have Flash, they can access all the content that those who have Flash can, but without the interactivity. This would perhaps be done by having JPEG images present if Flash was rejected by a machine.
I had a couple of little problems, mainly due to a lack of web design publishing experience, such as naming files correctly, (one example being P.U.S.html instead of PUS.html). I also came across problems such as invalid fonts, which would not display unless the machine had the font installed. Little problems like this have helped me understand that bit more about the difficulty in creating a fully functional site, with no validation problems.
I will make changes to my evaluation, when I recieve peer feedback and comments on Wednesday. Until then I will start testing the website, on the University server, to ensure everything is to the standards set out by the brief. I will also begin planning my presentation for Friday.
Tuesday, 2 December 2008
Essay planning and research.
Strengths
To identify my Strengths in my current position of networking could be challenging, because I am currently at the bottom of the networking heirachy. However, this is a stage where many of my personal skills will pay off, such as communication. I am a good listener and talker, and like to invlove myself in other peoples work by expressing my opinion on a certain aspect or idea. Because of this, I have a benefit over those who may be more technically developed than myself, because I am more developed in social and teamworking activities.
I am also a leader, and like to collabarate ideas from a range of sources to create my ideas. This could be good in networking, because I take initiative to talk to those higher than me in the heirachy and make myself known to people that are perhaps opportunities to students like myself.
I need to ensure that in my essay my strengths towards the networking side of my University experience are clearly outlined and evidenced, some are shown below, and I will think of more as I begin to develop my essay plan.
- Communication; listening, teamwork, talking, opinions, learning, presenting.
- Ideas: Always happy to express ideas to others and take positive and negative critique. In networking this may be a good point, because I will need to show I can come up with ideas, on the spot.
- Knowledge of industry; may not have had much work experieince, but I am fully aware of what the industry can offer to me as a Multimedia practicioner and that those opportunities are avaiable to take.
- Organised; Always punctual and on time, as well as having the necessary resources to suit the day ahead. Good for first impressions to networking opportunities.
Weaknesses
I may be well developed as a communicater and generally confident person, however I need to think about becoming more technically developed. By this, I dont mean that I'm not a wizz on a computer, but I could do with learning what specific web based language means, so when someone says "Scotty go sort that PHP out on the blablabla website" I will know what to do.
I also need to start finding some companies and to get invloved in projects and organisations in and around Nottingham that activly involve Multimedia. This means finding companies (something I will do during the duration of this project), and looking at how these can give me opportunities for personal networking development.
I will write about my opportunities and threats, when this section of my essay comes closer, but firstly I will come up with a draft which has both S and W's within.
Multimedia companies I have found below, which I will check out later today;
Alternative Focus Media
www.junomedia.co.uk/
www.dunedesign.co.uk/
Soula
Media Design Studio Ltd
Facterne
Eventure Internet Limited
WebAlert Web Services
WebCatch
Getoninter.net
Getoninter.net
Some good web design companies here too.
To identify my Strengths in my current position of networking could be challenging, because I am currently at the bottom of the networking heirachy. However, this is a stage where many of my personal skills will pay off, such as communication. I am a good listener and talker, and like to invlove myself in other peoples work by expressing my opinion on a certain aspect or idea. Because of this, I have a benefit over those who may be more technically developed than myself, because I am more developed in social and teamworking activities.
I am also a leader, and like to collabarate ideas from a range of sources to create my ideas. This could be good in networking, because I take initiative to talk to those higher than me in the heirachy and make myself known to people that are perhaps opportunities to students like myself.
I need to ensure that in my essay my strengths towards the networking side of my University experience are clearly outlined and evidenced, some are shown below, and I will think of more as I begin to develop my essay plan.
- Communication; listening, teamwork, talking, opinions, learning, presenting.
- Ideas: Always happy to express ideas to others and take positive and negative critique. In networking this may be a good point, because I will need to show I can come up with ideas, on the spot.
- Knowledge of industry; may not have had much work experieince, but I am fully aware of what the industry can offer to me as a Multimedia practicioner and that those opportunities are avaiable to take.
- Organised; Always punctual and on time, as well as having the necessary resources to suit the day ahead. Good for first impressions to networking opportunities.
Weaknesses
I may be well developed as a communicater and generally confident person, however I need to think about becoming more technically developed. By this, I dont mean that I'm not a wizz on a computer, but I could do with learning what specific web based language means, so when someone says "Scotty go sort that PHP out on the blablabla website" I will know what to do.
I also need to start finding some companies and to get invloved in projects and organisations in and around Nottingham that activly involve Multimedia. This means finding companies (something I will do during the duration of this project), and looking at how these can give me opportunities for personal networking development.
I will write about my opportunities and threats, when this section of my essay comes closer, but firstly I will come up with a draft which has both S and W's within.
Multimedia companies I have found below, which I will check out later today;
Alternative Focus Media
www.junomedia.co.uk/
www.dunedesign.co.uk/
Soula
Media Design Studio Ltd
Facterne
Eventure Internet Limited
WebAlert Web Services
WebCatch
Getoninter.net
Getoninter.net
Some good web design companies here too.
Subscribe to:
Posts (Atom)
