Browser Testing

After doing my site i tried it out in different web browsers. I tried the most popular being Firefox, Safai, Chrome and IE9.

Firefox

 Safari

 Chrome

IE9

So ....?

Ive just had some feedback on my latest edition of my website;

Good Points;
Good concept behind it
like colour scheme
Better then pitch
strong idea

bad points;
writing to thin
Menu isnt in text

As only couple of days to deadline i will try get as much as possible.

Redone

So I've redone my website, Ive simplied it by putting images as the foreground images and a wood effect as the background.

Fonts

Mac and Windows have a completly different set of fonts they use. They had to agree on fonts so they could both use. Here is a table showing just the fonts that are referred in both MAC and Microsoft Windows.

Resoultion

Its hard describing screen resoultion without showing images. I found an image that show's it all.

There are different screen resoultion for different screen sizes.

Browsers

When i was looking through and researching web browsers, i found this useful graph to show tests on the browsers.

This was tested at the start of the 2011 year.

Research On Internet Access and Speed

Broadband internet Access

There are many types of Internet access. It is short for broadband and this is a high data rate connection to the internet— typically contrasted with dial-up acces using a 56k modem.

Here is a list of types of technology involved in broadband:


DSL: is a family of technologies that provides digital data transmission over the wires of a local telephone network.


Multilinking modems: Roughly double the dial-up rate can be achieved with multilinking technology. What is required are two modems, two phone lines, two dial-up accounts, and ISP support for multilinking, or special software at the user end.

ISDN: stands for Integrated Service Digital Network and  is one of the oldest broadband digital access methods for consumers and businesses to connect to the Internet. It is a telephone data service standard. Its use in the United States peaked in the late 1990s prior to the availability of DSL and cable modem technologies.

Leased lines: Leased lines are highly-regulated services traditionally intended for businesses, that are managed through public service commissions.

Local Area network: (LAN) Most DSL modems and cable modems are connected to local computers by Ethernet or Wi-Fi.

Satellite broadband: Satellites in geostationary orbits are able to relay broadband data from the satellite company to each customer. Satellite Internet is usually among the most expensive ways of gaining broadband Internet access, but in rural areas it may be the only choice other than cellular broadband.

Celluar broadband: Cellular phone towers are very widespread, and as cellular networks move to third generation (3G) networks they can support fast data; using technologies such as EVDO, HSDPA and UMTS.

Powerline Internet : This is a new service still in its infancy that may eventually permit broadband Internet data to travel down standard high-voltage power lines.

Wireless ISP:  This typically employs the current low-cost 802.11 Wi-Fi radio systems to link up remote locations over great distances

Others Include
- Cable Broadband 
- Fibre to home

Internet has a speed, here is a few average speed tests;

"Global Broadband for Consumer Average Speed is 7.67 Mbps
Average Download Speed in United States (26’th) is 10.15 Mbps, Upload Speed of 2.22 Mbps
Average Download Speed in United Kingdom (33’rd) is 7.69 Mbps
Average Download Speed in India (122’th) is 1.33 Mbps, Upload Speed of 0.67 Mbps"
(http://www.clickonf5.org/internet/what-average-broadband-speed-country-answer/7752)

colour scheme

I was looking through kulur and i looked at a few colour schemes that i could potenally use. I couldnt find the perfect one so thought would make my own (last one)

New idea

This is alot simplier and this is the idea i sent the client. Feedback is followed after.

As you can see the email i got back, wasnt up to his standards but some ideas was strong. Also he liked the fact of a fun website.

I asked Kate the following day, she gave me some feedback

- improvment from mock up
- liked idea behind website

However she said having the bread/pen/ paper wasnt a good look for the health and saftey side of things so stick to either food side or the pen/paper side. So i had to re think again and thought of images of the food with the paper in the foreground.

Propsal

I just presented my pitch and first idea. There were good points and bad points. I say good and bad (mainly bad) BUT its all for good progress.

Good Points
Like Menu (drop down)

Bad Points
dont do movie at start
change pig
DONT do the whole idea
its to advanced for audience

Back to the drawing board!

Email

First thing was introduced myself to my client - this was the email i sent and receieved back.
I first emailed Tom to introduce myself then emailed him with questions (hence the answers)

Live Client Assignment

Assignment Brief

For this assignment you will be given a client to produce a web site for.  These clients are working with a company called Links Creative, who have negotiated the individual briefs with the clients, so they will be briefing us on the nature of the clients’ requirements on the first day of this project (Friday 18^th February).  During the project you will be liaising with the client and with Links Creative by a set of agreed deadlines for research, ideas, mock-ups and a prototype.  A record of your correspondence with the client, including any feedback they have given you, must be presented in your blog. 

Two websites have been commissioned so you do not have a client each.  There will be groups of up 6 students working on each project, but you are working competitively rather than collaboratively.  You will be allocated your group and client by your tutors.   You will each be working individually to answer the brief and produce a website suitable to the client’s needs, though you may need to generate content for the website collaboratively.  The client will ultimately choose one site they intend to use professionally (as long as there is one which is suitable to their needs and produced to a high enough standard). 

You will build your web site in html and css code, and the graphics will be made in a Photoshop and/or Illustrator, then compressed for the web.  You will build on the skills developed in the last web project to make the interactive user experience more sophisticated in this website.  This will mean you can introduce interactive image display features such as remote rollovers and lightboxes, as well as enhancing the interactivity with features such as animated transitions.     

You will have to use the Links Creative initial briefing on the client and their requirements as the terms of reference for your visual research and the development of your designs.  It is important that you gather a strong set of visual references for the subject area with which you are dealing and that you can make clear and cohesive decisions about the appropriate visual language you use. 

You will need to demonstrate your approach to the creative process using methods that are standard to the digital media industries.  As well as your visual research, your sketchbook and blog should show sketches, ideas and experiments for the designs in development so the processes you used to reach decisions on such issues as wireframe layout, colour, typography and navigation are transparent.  Navigation must be planned using flow diagrams. 

Just as you will have to constrain your design decisions to the expressed wishes of the client, so too will you have to remember that you are making a web site and allow for the limitations of the technology. Your design should pay clear consideration to what you have learned so far about the realities of web design.  For example, you should think about the target audience identified by the client and consider what kind of computer they will have, what fonts are likely to be loaded onto it, what kind of internet connection they have, what kind of screen resolution they’re likely to be using and how that will affect the images and the design you make.  Your sketchbook and/or blog must include a section of research into these kinds of issues, including recent statistics on browser type and version use, proportions of different screen resolutions, platform, standard system fonts and internet connection speeds.  You should also comment on why this is useful information to you as a web designer. 

In the pitch you need to show the research process in order to justify how you reached your design decisions.  The pitch must include navigation flows, wireframes and full mock-ups based on grids.  You need to show and justify where you are intending to include your enhanced interactivity.  You need to make any changes to the mock-up based on pitch feedback and send .jpgs of them to your client for feedback following the pitch.  Further changes may be necessary following feedback from the client, and on-going liaison with the client may guide your ongoing design development.   

The site you create must be optimized for search engines and accessible to people with disabilities.  Your sketchbook and/or blog must also show research into these areas and your site must demonstrate the application of techniques helpful to SEO and accessibility. 

Sites will display differently in different browsers, so the testing process is important.  You will put your site online on the courses server and test on a range of browsers and platforms at a range of screen resolutions.  You will record the testing process in your sketchbook and/or blog.