How to build a website that sucks

Transcript

1. How to make a Website that sucks! by Edward Suvanaphen Internet Explorer
2. Internet Explorer WHO AM I ? Don’t show this message again during this session
3. ? WhO AM I - 4 years researching web design - Graduated from the University of Kent - Joined tauri-tec ltd as LEAD DESIGNER - spend my time fixing bad website designs
4. ? WhO AM I - 4 years researching web design - Graduated from the University of Kent - Joined tauri-tec ltd as LEAD DESIGNER - spend my time fixing bad website designs
5. ? WhO AM I - 4 years researching web design - Graduated from the University of Kent - Joined tauri-tec ltd as LEAD DESIGNER - spend my time fixing bad website designs
6. ? WhO AM I - 4 years researching web design - Graduated from the University of Kent - Joined tauri-tec ltd as LEAD DESIGNER - spend my time fixing bad website designs
8. We make websites that don’t suck!
9. MAKE Websites Internet Explorer That suck !
10. MAKE Websites Internet Explorer but why ?!? That suck !
11. - You’re at the wrong talk - Learn what not to do - Schadenfreude Schadenfreude 42.0% Wrong talk 7.7% Here to Learn 50.3% ? WHY ARE YOU HERE
12. - You’re at the wrong talk - Learn what not to do - Schadenfreude Schadenfreude 42.0% Wrong talk 7.7% Here to Learn 50.3% ? WHY ARE YOU HERE
13. - You’re at the wrong talk - Learn what not to do - Schadenfreude Schadenfreude 42.0% Wrong talk 7.7% Here to Learn 50.3% ? WHY ARE YOU HERE
14. SPOT Websites Internet Explorer That suck !
15. SPOT Websites Internet Explorer USING THE CARDS . . . That suck !
16. USING YOUR CARDS... What do you think about this website ?
17. USING YOUR CARDS... What do you think about this website ? AMAZING !
18. USING YOUR CARDS... What do you think about this website ? SUCKS ! AMAZING !
19. Example #1
20. Example #2
21. YOUR Website Internet Explorer CAN suck !
22. YOUR Website Internet Explorer In 3 easy steps. . . CAN suck !
23. Step #1 Internet Explorer keyword rich environment
24. ? Keyword RICH “When a given page or part of text is full of good keywords that helps for higher ranking of the page in search engines” - searchenginegenie.com page is full of good keywords for higher ranking in search engines SO... more keywords = good ?
25. ? Keyword RICH “When a given page or part of text is full of good keywords that helps for higher ranking of the page in search engines” - searchenginegenie.com page is full of good keywords for higher ranking in search engines SO... more keywords = good ?
26. ? Keyword RICH “When a given page or part of text is full of good keywords that helps for higher ranking of the page in search engines” - searchenginegenie.com page is full of good keywords for higher ranking in search engines SO... more keywords = good ?
27. KEYWORD RICH #1
28. ? why does it suck THERE IS NO “WHITE SPACE”
29. ? why does it suck No SPACE BETWEEN TEXT / IMAGES THERE IS NO “WHITE SPACE”
30. ? why does it suck No SPACE BETWEEN TEXT / IMAGES THERE IS NO “WHITE SPACE”
31. ? whITE SPACE “...more white space increases comprehension and reduces the time required to move through a WEB page.” - Eye Tracking Studies show : increases comprehension reduces time white space
32. ? whITE SPACE “...more white space increases comprehension and reduces the time required to move through a WEB page.” - Eye Tracking Studies show : increases comprehension reduces time white space
33. so ...rULE # 1 SUCKS! MORE KEYWORDS Less white space = =
34. so ...rULE # 1 SUCKS! MORE KEYWORDS Less white space = =
35. so ...rULE # 1 SUCKS! MORE KEYWORDS Less white space = =
36. KEYWORD RICH #2
37. KEYWORD RICH #3
38. KEYWORD RICH #4
39. ? DOESN’T SUCK - 3 rd Most viewed site in china alexa.com web statistics: - 13 th Most viewed site in the world No white space but...
40. CHINESE WEBSITES - similar to my own experiences “Chinese audiences prefer to sort through large amounts of visual information quickly rather than navigate through many subpages of navigation.” - MKT CHINA say: - IN CHINA, MORE keywords = AMAZING!
41. Step #2 Internet Explorer MYSTERY Meat navigation
42. ? MYSTERY MEAT - unidentifiable processed meat product - school cafeteria food what is it ???
43. ? MYSTERY MEAT - wikipedia: “this describes websites which are difficult for users to discern the destinations of navigational links or, even to determine where the links are.” websites which are difficult for users to discern navigational links
44. Example 1: pearl brite
45. explanation: The less obvious the navigation the less likely people will stay on your site = the more it will suck!
46. Example 2: Flat pak house
47. Example 3: Zinc Bistro
48. Step #3 Internet Explorer Fail the 10 second rule
49. What is the 10 second rule? Nielsen Lab did research on how people used websites People who can’t find what they want in 10 seconds are frustrated and leave
50. example 1: brinascatch
51. If the user has no idea what the site is about (even if it is what they are looking for) they are going to return to google
52. example 2: joneschijoff
53. So there you go, three golden rules for making websites that suck!
54. Thanks to my colleagues Thanks to first friday