From my Artefact 2 I found that the 3 column layout wasn’t sufficient enough for larger browsers and at 100% it was too stretched. I went about adding an extra column to come in once the layout reaches 1280px wide. This gives larger browsers an improved user experience over stretching a 960px website to their large screen.

I also added a break point on the same website at 1280px so that there would be a margin on either side at anything over 1280px but still using 4 columns.

I then accumulated a survey to see what people preferred on their large screen. Either 100% 4 column website or a breakpointed 4 column website.

From the results I found out that a breakpoint is imperative in a large screen website, and not to stretch a standard 960 website up to the full browser size. There are many large resolutions out there but as a rule a largest breakpoint of 1280px is more than sufficient.

These results have made me learn that people don’t want 100% websites and that by researching practically how to create an responsive website through percentages i’m understanding the problem of designing for large screens and how theres only so far you can go to design for such a large screen.

Going on to my next Artefact I now know that large screens need breakpoints and a website designed for that width. But next is how the content within these widths can be emphasised by making the most out of the space available, but by also giving an improved user experienced through responsive web design.