How to build a website that sucks

Slide 1

Slide 1 text

How to make a Website that sucks! by Edward Suvanaphen Internet Explorer

Slide 2

Slide 2 text

Internet Explorer WHO AM I ? Don’t show this message again during this session

Slide 3

Slide 3 text

? 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

Slide 4

Slide 4 text

? 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

Slide 5

Slide 5 text

? 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

Slide 6

Slide 6 text

? 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

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

We make websites that don’t suck!

Slide 9

Slide 9 text

MAKE Websites Internet Explorer That suck !

Slide 10

Slide 10 text

MAKE Websites Internet Explorer but why ?!? That suck !

Slide 11

Slide 11 text

- 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

Slide 12

Slide 12 text

- 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

Slide 13

Slide 13 text

- 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

Slide 14

Slide 14 text

SPOT Websites Internet Explorer That suck !

Slide 15

Slide 15 text

SPOT Websites Internet Explorer USING THE CARDS . . . That suck !

Slide 16

Slide 16 text

USING YOUR CARDS... What do you think about this website ?

Slide 17

Slide 17 text

USING YOUR CARDS... What do you think about this website ? AMAZING !

Slide 18

Slide 18 text

USING YOUR CARDS... What do you think about this website ? SUCKS ! AMAZING !

Slide 19

Slide 19 text

Example #1

Slide 20

Slide 20 text

Example #2

Slide 21

Slide 21 text

YOUR Website Internet Explorer CAN suck !

Slide 22

Slide 22 text

YOUR Website Internet Explorer In 3 easy steps. . . CAN suck !

Slide 23

Slide 23 text

Step #1 Internet Explorer keyword rich environment

Slide 24

Slide 24 text

? 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 ?

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

KEYWORD RICH #1

Slide 28

Slide 28 text

? why does it suck THERE IS NO “WHITE SPACE”

Slide 29

Slide 29 text

? why does it suck No SPACE BETWEEN TEXT / IMAGES THERE IS NO “WHITE SPACE”

Slide 30

Slide 30 text

? why does it suck No SPACE BETWEEN TEXT / IMAGES THERE IS NO “WHITE SPACE”

Slide 31

Slide 31 text

? 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

Slide 32

Slide 32 text

Slide 33

Slide 33 text

so ...rULE # 1 SUCKS! MORE KEYWORDS Less white space = =

Slide 34

Slide 34 text

so ...rULE # 1 SUCKS! MORE KEYWORDS Less white space = =

Slide 35

Slide 35 text

so ...rULE # 1 SUCKS! MORE KEYWORDS Less white space = =

Slide 36

Slide 36 text

KEYWORD RICH #2

Slide 37

Slide 37 text

KEYWORD RICH #3

Slide 38

Slide 38 text

KEYWORD RICH #4

Slide 39

Slide 39 text

? 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...

Slide 40

Slide 40 text

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!

Slide 41

Slide 41 text

Step #2 Internet Explorer MYSTERY Meat navigation

Slide 42

Slide 42 text

? MYSTERY MEAT - unidentifiable processed meat product - school cafeteria food what is it ???

Slide 43

Slide 43 text

? 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

Slide 44

Slide 44 text

Example 1: pearl brite

Slide 45

Slide 45 text

explanation: The less obvious the navigation the less likely people will stay on your site = the more it will suck!

Slide 46

Slide 46 text

Example 2: Flat pak house

Slide 47

Slide 47 text

Example 3: Zinc Bistro

Slide 48

Slide 48 text

Step #3 Internet Explorer Fail the 10 second rule

Slide 49

Slide 49 text

What is the 10 second rule? Nielsen Lab did research on how people used websites People who can’t ﬁnd what they want in 10 seconds are frustrated and leave

Slide 50

Slide 50 text

example 1: brinascatch

Slide 51

Slide 51 text

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