132
SEO & UX FITTING THEM INTO THE DESIGN PROCESS Andrea Pernici CTO at gt idea @andreapernici

SEO & UX: Fitting Them Into the Design Process

Embed Size (px)

Citation preview

Page 1: SEO & UX: Fitting Them Into the Design Process

SEO & UXFITTING THEM INTOTHE DESIGN PROCESS

Andrea Pernici

CTO at gt idea@andreapernici

Page 7: SEO & UX: Fitting Them Into the Design Process

PEOPLE CONFUSE UXWITH THE TECHOLOGYUSED TO MAKE A WEBSITE

Page 9: SEO & UX: Fitting Them Into the Design Process

USERS EXPERIENCE

OUR BRANDEVEN OUTSIDEOUR PROPERTIES

Page 10: SEO & UX: Fitting Them Into the Design Process

NEGATIVE UXIS NOT NECESSARILY BAD

Page 11: SEO & UX: Fitting Them Into the Design Process

UX CAN BEAPPROPRIATE

EVEN IF NOTCOOL OR WOW

Page 12: SEO & UX: Fitting Them Into the Design Process

UX EXISTS ALSO OUTSIDE

THE DIGITAL SPACE

Page 13: SEO & UX: Fitting Them Into the Design Process
Page 16: SEO & UX: Fitting Them Into the Design Process

SEO

REPRESENTATION BY ENRICO ALTAVILLA

& IS INEXORABLY GROWING MORE COMPLEX

IS COMPLEX

Page 17: SEO & UX: Fitting Them Into the Design Process
Page 19: SEO & UX: Fitting Them Into the Design Process

SEO IS A LOT ABOUT

(DIGITAL/SOFTWARE)

DESIGN

Page 22: SEO & UX: Fitting Them Into the Design Process

SEOs ALWAYS

CONSIDEREDUX FUNDAMENTALFAR BEFORE THE BUZZ

Page 23: SEO & UX: Fitting Them Into the Design Process

UX DESIGNERS

KNOW THATSEARCH IS A CRITICAL PARTOF THE CUSTOMER JOURNEY

Page 24: SEO & UX: Fitting Them Into the Design Process

UX SEO

THE USER EXPERIENCEHONEYCOMBPeter Morville

REPRESENTATION THANKS TO

Page 25: SEO & UX: Fitting Them Into the Design Process

UX SEO

THE USER EXPERIENCEHONEYCOMBPeter Morville

Representation thanks to

A POSSIBLE UXD METHOD

UX SEO

Page 26: SEO & UX: Fitting Them Into the Design Process

UX SEO

THE USER EXPERIENCEHONEYCOMBPeter Morville

Representation thanks to

A POSSIBLE UXD METHOD

UX SEO

SEO ACTIVITIES

RINSE REPEAT

Page 27: SEO & UX: Fitting Them Into the Design Process

2BIGWE HAVE ONLY

PROBLEMS HERE

Page 28: SEO & UX: Fitting Them Into the Design Process

2BIGWE HAVE ONLY

PROBLEMS HERE

Page 31: SEO & UX: Fitting Them Into the Design Process

YOU CAN DO GREAT SEOAND YOU CAN DESIGN

PERFECTLY FINE UXUSING DIFFERENT

APPROACHES

THE GOOD NEWS

Page 32: SEO & UX: Fitting Them Into the Design Process

IT DEPENDS ON WHO YOU ARE

A FREELANCE CONSULTANTAN AGENCY WORKING FOR CLIENTS

AN IN HOUSE PROFESSIONAL….

THERE’S NO ONE SIZEFITS ALL SOLUTION

Page 33: SEO & UX: Fitting Them Into the Design Process

ONEI

Page 34: SEO & UX: Fitting Them Into the Design Process

Formal Definition of Designhttp://link.springer.com/chapter/10.1007%2F978-3-540-92966-6_6

Page 35: SEO & UX: Fitting Them Into the Design Process

OUR PARTICULAR ENVIRONMENT

Page 36: SEO & UX: Fitting Them Into the Design Process

NEED

YOU THEM

TO REACH

THIS

Page 37: SEO & UX: Fitting Them Into the Design Process

NEED

YOU THEM

TO REACH

THIS

THINK ABOUT IT

AS A USER WITH

LIMITED

CAPABILITIES

Page 38: SEO & UX: Fitting Them Into the Design Process

YOU NEED TO DESIGN FOR

TO LET HIM HELP YOU WITH

Page 39: SEO & UX: Fitting Them Into the Design Process

requirements, subject to constraints

OUR PARTICULAR ENVIRONMENT

object specification goal

Page 40: SEO & UX: Fitting Them Into the Design Process

requirements, subject to constraints

object specification goal

goooooal

OUR PARTICULAR ENVIRONMENT

Page 41: SEO & UX: Fitting Them Into the Design Process

Formal Definition of Design

Page 42: SEO & UX: Fitting Them Into the Design Process

DESIGN

SEOOFTEN

IS ABOUT FIXINGPOORLYDESIGNEDSOFTWARE

Page 48: SEO & UX: Fitting Them Into the Design Process

UNFORGETTABLEEXPERIENCESFOR SURE

Page 49: SEO & UX: Fitting Them Into the Design Process

THE DIFFICULT PARTIS TO MAKE THECUSTOMER ENJOYSTHEM TWICE.

Page 55: SEO & UX: Fitting Them Into the Design Process

IS FUNCTIONAL TO

UX

SEOSEARCH ENGINESATISFACTION

SEARCH ENGINEUSER SATISFACTION

Page 56: SEO & UX: Fitting Them Into the Design Process

THE COMMON SCENARIO WHEN YOU EXCLUDE SEO FROM THE REDESIGN PROCESS

ORGANIC TRAFFIC REPORT

THERE WON’T BE ANY GREAT UX/CONTENT/MARKETING THAT WILL SAVE YOU

Page 57: SEO & UX: Fitting Them Into the Design Process
Page 58: SEO & UX: Fitting Them Into the Design Process

Engineering design is the process of devising a system, component, or

process to meet desired needs. It is a decision-making process (often

iterative), in which the basic science and mathematics and engineering

sciences are applied to convert resources optimally to meet a stated objective.

Among the fundamental elements of the design process are the establishment

of objectives and criteria, synthesis, analysis, construction, testing and

evaluation. The engineering design component of a curriculum must include

most of the following features: development of student creativity, use of open-

ended problems, development and use of modern design theory and

methodology, formulation of design problem statements and specification,

consideration of alternative solutions, feasibility considerations, production

processes, concurrent engineering design, and detailed system description.

Further it is essential to include a variety of realistic constraints, such as

economic factors, safety, reliability, aesthetics, ethics and social impact.

ABET DEFINITION OF DESIGN

Page 59: SEO & UX: Fitting Them Into the Design Process

VISUAL

ANALYSIS

CONTENT

DEV

THE SCENTIFICMETHODE AS ANONGOING PROCESShttps://en.wikipedia.org/wiki/Scientific_method

UX

SEO

Page 61: SEO & UX: Fitting Them Into the Design Process

CONTENTDEVANALYSIS VISUAL

SCENARIO 1recovering ranking loss

UX SEO

Page 62: SEO & UX: Fitting Them Into the Design Process
Page 63: SEO & UX: Fitting Them Into the Design Process

BEFORE 2012

FROM 2012 TO 2015

from the goldenage of animated gif

between tests,ranking lossand the reborn

Page 64: SEO & UX: Fitting Them Into the Design Process

BEFORE 2012

FROM 2012 TO 2015

STARTING THE

CHALLENGE

from the goldenage of animated gif

between tests,ranking lossand the reborn

Page 65: SEO & UX: Fitting Them Into the Design Process

BENCHMARKINGunderstanding the SERP

Page 66: SEO & UX: Fitting Them Into the Design Process
Page 67: SEO & UX: Fitting Them Into the Design Process
Page 68: SEO & UX: Fitting Them Into the Design Process
Page 69: SEO & UX: Fitting Them Into the Design Process
Page 70: SEO & UX: Fitting Them Into the Design Process
Page 71: SEO & UX: Fitting Them Into the Design Process

ITERATIVE TWEAKINGunderstanding the SERP

Page 72: SEO & UX: Fitting Them Into the Design Process

AN INDEX TO HELP THE USER

NAVIGATE DIRECTLY TO THE

INTERNAL RELEVANT SUBSECTION

Page 73: SEO & UX: Fitting Them Into the Design Process

NEW SET OF IMAGES COVERING

RECENT TOPICS AND TRENDS

Page 74: SEO & UX: Fitting Them Into the Design Process

NEW SET OF IMAGES MATCHING THE USER NEEDS

WHY NOT AN EXTERNAL LINK

IF SATISFIES THE USER NEEDS?

Page 75: SEO & UX: Fitting Them Into the Design Process

A BIG IMAGE TO BE AN ANSWER ALSO FOR IMAGE SEARCH

Page 76: SEO & UX: Fitting Them Into the Design Process

A BIG IMAGE TO BE SEXY ON A SOCIAL SHARE ACTION

Page 77: SEO & UX: Fitting Them Into the Design Process

NEW SET OF RELATED CONTENTS MATCHING THE USER NEEDS

DIFFERENT KINDS OF CONTENTS

TO MATCH DIFFERENT KIND OF NEEDS

Page 78: SEO & UX: Fitting Them Into the Design Process

BEFORE 2012

FROM 2012 TO 2015

STARTING THE

CHALLENGE

from the goldenage of animated gif

between tests,ranking lossand the reborn

ITERATING IMPROVEMENT

Page 79: SEO & UX: Fitting Them Into the Design Process
Page 80: SEO & UX: Fitting Them Into the Design Process
Page 81: SEO & UX: Fitting Them Into the Design Process

SCENARIO 2big opportunities fornever ranked pages

CONTENTDEVANALYSIS VISUAL UX SEO

Page 82: SEO & UX: Fitting Them Into the Design Process

SCENARIO 2:

Page 83: SEO & UX: Fitting Them Into the Design Process

SPOTTING OPPORTUNITIES ON ALREADY RELEVANT PAGES (NOT RANKING WELL)

FROM 0 TO 100

EXAMPLES:

HIGHLY SEARCHED KEYWORD SETS WITHLOW CTR OR RANKING

Page 84: SEO & UX: Fitting Them Into the Design Process

EXTRACTED FROM WEBARCHIVE – 8 DECEMBER 2014: https://web.archive.org/web/20141208155039/http://www.giorgiotave.it/immagini-divertenti/

Page 85: SEO & UX: Fitting Them Into the Design Process

BENCHMARKINGunderstanding the SERP

Page 86: SEO & UX: Fitting Them Into the Design Process

VISUALIZINGCOMPETITORS

1

432

5 6 7 8

image grid mixedtematic blog blog post

Page 87: SEO & UX: Fitting Them Into the Design Process

EXTRACTED FROM WEBARCHIVE – 8 DECEMBER 2014: https://web.archive.org/web/20141208155039/http://www.giorgiotave.it/immagini-divertenti/

Page 88: SEO & UX: Fitting Them Into the Design Process

MICRO INFORMATION ARCHITECTURE

Page 89: SEO & UX: Fitting Them Into the Design Process

GIVE CREDITS (LINK OUT)

BE RELEVANT FOR A BROAD

SET OF SIMILAR TERMS

CREATE YOUR OWN

ORIGINAL SET

Page 90: SEO & UX: Fitting Them Into the Design Process

REAL SEO IS ABOUT BEING RELEVANT, USEFUL, FUNCTIONAL…NOT TARGETING A SINGLE KEYWORD.

TOTAL CLICKS

TOTAL IMPRESSIONS

AVERAGE CTR

AVERAGE POSITION NUMBER OF QUERIESGENERATING TRAFFIC

Page 91: SEO & UX: Fitting Them Into the Design Process
Page 92: SEO & UX: Fitting Them Into the Design Process

Peter Lewis – NY Times

Page 93: SEO & UX: Fitting Them Into the Design Process

SCENARIO 3create linkable andshareable assets

CONTENTDEVANALYSIS VISUAL UX SEO

Page 109: SEO & UX: Fitting Them Into the Design Process
Page 110: SEO & UX: Fitting Them Into the Design Process

Dieter Rams

Page 111: SEO & UX: Fitting Them Into the Design Process

SCENARIO 4build trust

be memorable

CONTENTDEVANALYSIS VISUAL UX SEO

Page 113: SEO & UX: Fitting Them Into the Design Process

DO YOU SEE A PATTERN?

DO YOU SEE A PATTERN?

Page 114: SEO & UX: Fitting Them Into the Design Process

DO YOU SEE A PATTERN?

Page 116: SEO & UX: Fitting Them Into the Design Process

http://seoblog.giorgiotave.it/seo/wordpress

BECOME THE CONNECTIONBETWEEN A NEEDS AND ITS SOLUTION

Page 117: SEO & UX: Fitting Them Into the Design Process
Page 118: SEO & UX: Fitting Them Into the Design Process

Steve Jobs

Page 119: SEO & UX: Fitting Them Into the Design Process

http://seoblog.giorgiotave.it/seo/wordpress

BECOME THE CONNECTIONBETWEEN A NEEDS AND ITS SOLUTION

Page 120: SEO & UX: Fitting Them Into the Design Process

IS FUNCTIONAL TO

UX

SEOSEARCH ENGINESATISFACTION

SEARCH ENGINEUSER SATISFACTION

Page 121: SEO & UX: Fitting Them Into the Design Process

SCENARIO 5so you want to rank?

CONTENTDEVANALYSIS VISUAL UX SEO

Page 122: SEO & UX: Fitting Them Into the Design Process

THE COMMON SCENARIO WHEN YOU EXCLUDE UXD/VISUAL/UI FROM THE PROCESS

THERE WON’T BE ANY TECHNICAL SEO THAT WILL SAVE YOU

Page 123: SEO & UX: Fitting Them Into the Design Process
Page 124: SEO & UX: Fitting Them Into the Design Process
Page 125: SEO & UX: Fitting Them Into the Design Process
Page 126: SEO & UX: Fitting Them Into the Design Process
Page 127: SEO & UX: Fitting Them Into the Design Process

IS FUNCTIONAL TO

UX

SEOSEARCH ENGINESATISFACTION

SEARCH ENGINEUSER SATISFACTION

Page 128: SEO & UX: Fitting Them Into the Design Process

IS FUNCTIONAL TO

UX

SEOSEARCH ENGINESATISFACTION

SEARCH ENGINEUSER SATISFACTION

Page 129: SEO & UX: Fitting Them Into the Design Process

……

SUCCESFUL

DIGITAL DESIGN

DEV

CONTENT

UX SEO

Page 130: SEO & UX: Fitting Them Into the Design Process

PUT DEVELOPERS, ANALYSTS, UX DESIGNERS, WEB DESIGNERS, SEOs, SYSADMINS, COPYWRITERS, INFORMATION ARCHITECTS, CONTENT STRATEGISTS…ALL IN THE SAME ROOM.

main takeaway: