Web Design Page(workings) edit
Skills and Techniques edit
Typography edit
Usually a successful website has only a few typefaces which are of a similar style, instead of using a range of typefaces. Preferably a website should use sans serif or serif typefaces, not a combination of the two. Typography in websites should also be careful the amount of typefaces used, good design will incorporate a few similar typefaces rather than a range of type faces. Most browsers recognize a specific number of safe fonts, which designers mainly use in order to avoid complications. As websites have specific safe fonts that most browsers will operate with, designers should use these fonts as much as possible to better control a website if it breaks down. Most layouts on a site incorporate white spaces to break the text up into paragraphs and also avoid centre aligned text. [1]
Page Layout edit
Web pages should be well laid out to improve navigation for the user. Also for navigation purposes, the sites page layout should also remain consistent on different pages. [2]When constructing sites its important to consider page width as this is vital for aligning objects and in layout design. The most popular websites generally have a width close to 1024 pixels. Most pages are also centre aligned, to make objects look more aesthetically pleasing on larger screens.[3]
Quality of Code edit
When creating a site it is good practice to conform to standards. This includes errors in code, better layout for code as well as making sure your IDs and classes are identified properly. This is usually done via a description specifying what the element is doing. Not conforming to standards may not make a website unusable or error prone, standards can relate to the correct layout of pages for readability as well making sure coded elements are closed appropriately. Validating via W3C can only be done when a correct DOCTYPE declaration is made, which is used to highlight errors in code. The system identifies the errors and areas that do not conform to web design standards. This information can then be corrected by the user.[4]
Visual Design edit
Good visual design on a website identifies and works for it's target market. This can be an age group or particular strand of culture thus the designer should understand the trends of its audience. Designers should also understand the type of website they are designing, meaning a business website should not be designed the same as a social media site for example. Designers should also understand the owner or business the site is representing, to make sure they are portrayed favourably. The aesthetics or overall design of a site should not clash with the content, making it easier for the user to navigate and can find the desired information or products etc.[5]
User Experience Design edit
For a user to understand a website they must be able to understand how the websites works, this affects their experience. User experience is related to layout, clear instructions and labelling on a website. The user must understand how they can interact on a site. In relation to continued use, a user must perceive the usefulness of that website if they are to continue using it. With users who are skilled and well versed with website use, this influence relates directly to how they perceive websites, which encourages further use. Therefore users with less experience are less likely to see the advantages or usefulness of websites. This in turn should focus, on design for a more universal use and ease of access to accommodate as many users as possible regardless of user skill. [6]
References edit
- ^ Stone, John. "20 Do's and Don'ts of Effective Web Typography".
- ^ Grantastic Designs. "5 Basic Rules of web page design and layout". Retrieved 19/03/2012.
{{cite web}}: Check date values in:|accessdate=(help) - ^ Iteracy. "Web page size and layout". Retrieved 19/03/2012.
{{cite web}}: Check date values in:|accessdate=(help) - ^ W3C QA. "My Web site is standard! And yours?". Retrieved 21/03/2012.
{{cite web}}: Check date values in:|accessdate=(help)CS1 maint: numeric names: authors list (link) - ^ THORLACIUS, LISBETH (2007). "The Role of Aesthetics in Web Design" (PDF). Nordicom Review. 28 (28): 63–76. doi:10.1515/nor-2017-0201. Retrieved 21/03/2012.
{{cite journal}}: Check date values in:|accessdate=(help) - ^ Castañeda, J. Alberto; Muñoz-Leiva, Francisco; Luque, Teodoro (18). "Web Acceptance Model (WAM): Moderating effects of user experience" (PDF). Information & Management. 44 (4): 384–396. doi:10.1016/j.im.2007.02.003. Retrieved 21/3/2012.
{{cite journal}}: Check date values in:|accessdate=,|date=, and|year=/|date=mismatch (help); Unknown parameter|month=ignored (help)