Week 18 Introduction to web design

Part one

• Explain the following terms in your own words:
  – The Internet
  – HTML
  – Browser
  – Search engine
• Please research and add another 10 questions to the briefing process.(See the lesson.)
• From this list of 20 questions (your 10 added to my 10), please create the ultimate list of 10 questions that you would use for clients.
• Please upload this activity to your WordPress blog.

–The internet: A world wide metric of computers.within this metric you will find personal computers, main frames, software, tablets or any other device you cann connect to the Internett. The main purpose of the internet is to share information.

–HTML & Browsers: The universal language that is used to retrive, present and send information via internet. In order to veiw these HTMLS we need a browser, such as firefox, opera, explorer and chrome. Browsers and the internet wouldnt be able to function without the HTMLS.

–Search engines: A search engine is a program that looks for keywords in a HTML document. The program then gives you the best result matching your search. Google and BInge are two very popular search engines.

10 most optimal questions:

1. Who is the target audiance/client?
2. Who are the competitiors?
3. What web host is used?
4. What are some websites you like? explain why
5. What are some websites you dont like? explain why.
6. What are some design elements you would like to keep on your web page?
7. Do i need to create or do you have any images for the websites? if so how will they look?
8. Do you have any colour prefrence?
9. Who will be the contact person for this project? and wh will have access to the page?
10. who will be responsible for maintianing the website?

---

Part twoSurf the web and find 10 sites you would consider to be great websites. Simultaneously, make a list of 10 sites you consider bad web sites. Remember to describe why you would define them as such. Upload your lists on your blog.

10 good websites:

1. https://www.audible.co.uk/?ref=Adbl_ip_rdr_from_US&source_code=AUK30DFT1BkWS0826159058&ipRedirectFrom=US&ipRedirectOriginalURL= This is a website that is clear in its message about what its for. It has a design thats easy to navigate.
2. https://www.caffeineinformer.com/death-by-caffeine I like this website as it lets me calculate the amount of coffee i should drink, it is also set up in a simple easy to understand way and straight to the point. Lots of white space used to make it look cleaner
3. https://screamintothevoid.com/ The usage of this age is to let out feelings that furstrates the user. The layout of this page matches the spiral of emotions one can feel when needing to let out steam and is there for a very good choice for this sort of web page. Its easy to navigate and use.
4. https://www.16personalities.com/no/gratis-personlighetstest This page has used calming colours, matched with illustrations and fonts pretty nicely. I like the feeling of calmness to it.
5. https://www.instructables.com/ this is a DIY page, that is clean, minimalistic and very easy to use. I like pages giving toturials on these kinds of projects in a easy to understand way. The layout fits great for its purpose.
6. https://quickdraw.withgoogle.com/# this is a fun page that helps the google AI to learn. I like the usage of colours nad the illustration for this page. It gives the page a very playful look.
7. https://thetruesize.com/#?borders=1~!MTU1NDQyNjA.NDkzNzA3OAMzIwOTg0MDg(NTM5MzcyMQ~!CONTIGUOUS_USMTAwMjQwNzU.MjUwMjM1MTc(MTc1)MA~!INNTI2NDA1MQ.Nzg2MzQyMQ)Mg~!CNOTkyMTY5Nw.NzMxNDcwNQ(MjI1)MQ this page is informative to figure out how big countries really are compared to one another. The lay out consits of the world map and simple instructions. It is very straigh forward and i like that.
8. https://wovenmagazine.com/ has a simple minimalistic easy to understand layout.
9. https://www.nowness.com/ i like the use of white space and way they have put up the layout. however i think they also could do improvements here.
10. https://www.amazon.com/ Amazon is a straight forward easy to use site, where you can purchase stuff from other places in the world. It does not have much white space, but it fills the information out in a clear way and keeps it simple for the user.

10 Bad Websites:

1. https://theface.com/ This page has no whitespace, the flowing text is distracting. The image under the text makes it more distracting and the colours clash too much in my opinion.
2. https://jamilin.com/ this page is a big mess, nothing is orderly and i struggle to manage my way around this page. The colour pallette used is not matching and too distracting to even strat with the typeface.
3. http://www.arngren.net/ this page just confuses me and i feel like i as the audiance have no idea where to even start looking here or what to do. This layout is too cramped and ust overall incredible bad.
4. http://www.rudgwicksteamshow.co.uk/ too many typfaces used, and too messy to even begin to navigate. a lack of white space and colours that does not fit in at all.
5. https://www.art.yale.edu/ the moving text and images in the background is again too distracting with this one. My eyes does not know where to see and i feel confused even looking at this design.
6. https://www.bobsaget.com/ This site was easier to navigate, and it is possible to find the information needed. However the layout of this site is very messy, and distracting. The elements are not structual and very off grid.
7. https://torontocupcake.com/index.html this page lacks a proper heading, i fail to see what its supposed to be about. The logo is repeated on the page but it is very unclear to find. The overal layout is too confusing and risky.
8. https://nwokillers.weebly.com/ The layout for this page is fine, but the images used are too confusing. The colour palatte is outdated and so is the fonts.
9. https://www.exeloncorp.com/ This web site lacks an overall contrast between its elements and whitespace, im confused looking at this site.
10. https://www.theworldsworstwebsiteever.com/and ofcourse this gem, it is too distracting with all the sparkling elements. The colours used are too distracting, I dont know where to begin orr stop at this page. The layout is outdated and too messy, everything is offgrid and too many typefaces are used.