UX Design 1: How To Design a Website: Site Audit

The Futur
21 Aug 201529:49

Summary

TLDREn este episodio, Chris y Jose se embarcan en un análisis profundo de la experiencia del usuario (UX) para el sitio web de 'Oles', un alojamiento de pesca en Canadá. Exploran la importancia de la auditoría de sitios, las necesidades de los usuarios y la creación de historias de usuario. Discuten cómo abordar la gran cantidad de contenido existente y la necesidad de simplificar, manteniendo al mismo tiempo la relevancia y la calidad del contenido. Además, presentan perfiles de usuario detallados para comprender mejor las expectativas y necesidades de los clientes.

Takeaways

  • 🎥 El video es una discusión profunda sobre la experiencia de usuario, dirigida por Chris y Jose, quienes exploran el proceso de diseño para un sitio web de un alojamiento turístico llamado 'Oles'.
  • 🏭 'Oles' es un cliente canadiense con un alojamiento de pesca familiar, que ha solicitado una revisión y mejora de su sitio web existente.
  • 🔍 Se menciona la importancia de la auditoría de sitios web, incluyendo la revisión de la estructura actual y la comparación con competidores para establecer estándares y prácticas efectivas.
  • 👥 Se destacan los perfiles de usuarios, que son esenciales para entender las necesidades y objetivos de los visitantes del sitio, y que guían en la creación de historias de usuario y experiencias de usuario.
  • 📊 Se abordan los atributos de marca, como la cultura, la voz y el valor, que son fundamentales para mantener la coherencia con la identidad del cliente en el nuevo diseño del sitio.
  • 🛠️ Se discute la importancia de la simplificación y la gestión de contenido en el sitio, destacando la necesidad de reducir la cantidad de contenido para mejorar la experiencia del usuario.
  • 🗣️ Se enfatiza la necesidad de comunicar con el cliente la importancia de la calidad del contenido y la gestión de expectativas sobre lo que se puede lograr con un rediseño de sitio web.
  • 📝 Se sugiere la creación de historias de usuario y mapas de sitio para estructurar mejor el contenido y las funcionalidades del sitio, facilitando así una mejor navegación y experiencia para los usuarios.
  • 👨‍👩‍👧‍👦 Los perfiles de usuario presentados abordan una variedad de tipos de clientes, desde ejecutivos ocupados hasta aventureros y familias, resaltando la diversidad de necesidades que deben ser atendidas en el diseño del sitio.
  • ⏰ Se destaca la importancia de la planificación y la gestión de tiempos en el proceso de diseño web, ya que la gestión de contenidos y la interacción con los clientes pueden ser tiemposas y complejas.

Q & A

  • ¿Quiénes son Chris y Jose y qué hacen en el video?

    -Chris y Jose son presentadores de un programa donde exploran temas de diseño y experiencia de usuario. En el video, están realizando un análisis profundo de una página web para un cliente llamado Oles.

  • ¿Qué tipo de cliente es Oles?

    -Oles es un alojamiento de pesca en la costa oeste de Canadá, para el cual Chris y Jose han diseñado una página de destino y ahora están trabajando en el resto del sitio web.

  • ¿Cuáles son las fases que deben completar Chris y Jose para el proyecto de Oles?

    -Las fases incluyen una auditoría del sitio, revisión de necesidades de los usuarios, creación de historias de usuario, elaboración de un mapa del sitio y diseño de bocetos.

  • ¿Qué es un 'core' en el contexto del proyecto de Oles?

    -El 'core' se refiere a un conjunto de ejercicios para entender las necesidades fundamentales del cliente, incluyendo atributos de la marca, perfiles de usuario y objetivos de negocio.

  • ¿Cómo abordan Chris y Jose la organización de la navegación en el sitio web de Oles?

    -Consideran la jerarquía de la información y las prioridades de los usuarios, organizando la navegación de tal manera que los elementos más importantes estén en la parte superior izquierda.

  • ¿Qué aspectos importantes se deben tener en cuenta al diseñar un sitio web para un alojamiento de pesca?

    -Se deben tener en cuenta aspectos como la facilidad de reserva, la presentación de paquetes turísticos, la inclusión de contenido relevante para los visitantes y la facilidad de uso para diferentes tipos de clientes.

  • ¿Qué es una 'auditoría del sitio' y cómo se realiza en el proyecto de Oles?

    -Una auditoría del sitio es el proceso de evaluar el sitio web actual, identificando qué funciona bien y qué puede mejorarse. En el proyecto de Oles, se comparan con competidores y se evalúan aspectos como la estructura de información, la facilidad de uso y la presentación de contenido.

  • ¿Cuáles son algunos de los atributos de la marca de Oles que Chris y Jose han identificado?

    -Los atributos de la marca incluyen una cultura familiar, un tono de voz encantador, un beneficio de sentirse recargado y un valor de acceso exclusivo a áreas prístinas.

  • ¿Cómo abordan Chris y Jose la gestión de contenidos legados en el sitio web de Oles?

    -Discuten la importancia de la gestión de contenidos y la necesidad de posiblemente reescribir o actualizar el contenido existente para que sea más conciso y en línea con las prácticas modernas de diseño web.

  • ¿Qué estrategias sugieren Chris y Jose para convencer a un cliente de simplificar el contenido en su sitio web?

    -Proponen ser directos desde el inicio del proyecto, discutir abiertamente los desafíos de la gestión de contenidos y sugerir la contratación de un especialista en contenido para ayudar en el proceso de simplificación y actualización del sitio.

Outlines

00:00

🎥 Introducción al programa de experiencia de usuario

El primer párrafo presenta a Chris y Jose, quienes están listos para explorar la experiencia de usuario (UX) en profundidad, como lo han solicitado sus audiencias. Chris y Jose son presentadores de un programa que aborda temas de diseño y negocios, y en este episodio, están animados por la idea de trabajar en un proyecto real con un cliente llamado 'oles'. Este cliente es una posada de pesca en la costa oeste de Canadá y ya han trabajado en su página de destino. Ahora, el cliente ha solicitado que se ocupen del resto del sitio web, que incluye una serie de características como un blog y álbumes de fotos. El equipo también incluye a Adam Sandler como director musical y a Andrew encargado de las cámaras, mientras que Jamie y Sang gestionan las preguntas de la audiencia.

05:04

🔍 Análisis de la experiencia de usuario y la relación con el cliente

En el segundo párrafo, se discute cómo abordar la relación con el cliente y se presenta la importancia de la alineación en el proyecto. Se destaca la necesidad de comunicarse con diferentes partes interesadas, como el gerente general y el contacto secundario. Se sugiere que es crucial entender las necesidades de los clientes y se menciona un flujo de trabajo que incluye una auditoría del sitio, la creación de historias de usuario, la generación de mapas del sitio y la creación de bocetos. Además, se habla sobre la importancia de definir los atributos de la marca y se presentan cinco elementos clave: cultura, voz del cliente, beneficio y valor. Se describe la cultura familiar y el enfoque en el servicio de alta calidad y acceso exclusivo a una zona protegida para la pesca.

10:06

🏞️ Revisión de la competencia y análisis del sitio actual

El tercer párrafo se enfoca en el análisis de la competencia y en cómo otros alojamientos de alta gama organizan su sitio web. Se evalúan diferentes sitios web de posadas, identificando qué funciona bien y qué no, y se sugiere que los sitios deben ser limpios y tener una narrativa clara. Se discute la importancia de la jerarquía en la organización del contenido y se menciona la tendencia de los submenús con información adicional. Se sugiere que los sitios deben ser lo suficientemente simples para que los visitantes no se sientan abrumados y puedan encontrar rápidamente la información que necesitan. Se destaca la importancia de comprender las intenciones de los usuarios y cómo estos pueden influir en la estructura y el contenido del sitio web.

15:06

👥 Perfil de usuarios y sus necesidades

En el cuarto párrafo, se presentan perfiles de usuarios ficticios y se analizan sus historias y necesidades. Se describe a Joe Johnson, un CFO que ha visitado la posada varias veces, y se habla sobre su historia personal, sus intereses y cómo estas características pueden influir en su experiencia en el sitio web. Se sugiere que, dado que es un cliente repetido y analítico, es posible que necesite ver paquetes completos y descargar información. Se discuten las soluciones que podrían satisfacer sus necesidades, como un servicio de alta calidad y la facilidad de reserva. Se enfatiza la importancia de comprender estos perfiles para poder diseñar un sitio web que cumpla con las expectativas y necesidades de los usuarios.

20:09

📊 Análisis de perfiles de usuarios adicionales y sus implicaciones para el diseño del sitio

El quinto párrafo continúa con el análisis de perfiles de usuarios, presentando a otros tipos de visitantes como un exprofesor y un ejecutivo de negocios. Se discuten sus historias personales, sus razones para visitar la posada y cómo estas historias pueden influir en la estructura y el contenido del sitio web. Se sugiere que los usuarios como Phil, un ejecutivo de negocios, pueden requerir características personalizadas y un proceso de reserva fácil de usar. Se enfatiza la importancia de adaptar el sitio web a las necesidades de diferentes tipos de usuarios y de comunicar estas necesidades al cliente para asegurar que el diseño del sitio sea efectivo y satisfactorio para todos.

25:10

🗣️ Desafíos en la gestión de contenido y cómo abordarlos con el cliente

El sexto párrafo aborda el desafío de la gestión de contenido en proyectos de diseño web. Se discute cómo convencer a los clientes de la importancia de actualizar o reducir el contenido existente, ya que a menudo asumen que todo el contenido puede transferirse a un nuevo diseño sin cambios. Se sugiere ser franco con el cliente sobre los desafíos de contenido y se recomienda incluir la gestión de contenido en el alcance del proyecto desde el principio. Se enfatiza la importancia de trabajar con especialistas en contenido o agencias que puedan asumir esta responsabilidad, y se invita a la audiencia a compartir sus experiencias y enfoques para manejar el contenido en sus propios proyectos de diseño web.

Mindmap

Keywords

💡Experiencia de Usuario (UX)

La Experiencia de Usuario (UX) se refiere a la interacción de un individuo con un producto, sistema o servicio. Es fundamental en el diseño de sitios web y aplicaciones, y se centra en la facilidad de uso, la satisfacción del usuario y la eficacia de la navegación. En el guion, se menciona que van a realizar un 'deep dive' en la UX, lo que implica un análisis profundo y detallado de cómo mejorar la interacción del usuario con el sitio web de un cliente, Oles.

💡Landing Page

Una landing page es una página web a la que se dirige un visitante después de hacer clic en un enlace, generalmente en un anuncio o correo electrónico. Es crucial para la conversión de visitantes en clientes, ya que su diseño y contenido deben ser atractivos y relevantes para el usuario. En el guion, se menciona que han 'diseñado la landing page' para Oles, lo que indica que forma parte de su estrategia de marketing en línea.

💡Rediseño de Sitios Web

El rediseño de sitios web implica la actualización y mejora del diseño, la estructura y la funcionalidad de un sitio existente. Es un proceso que puede incluir la mejora de la UX, la optimización para motores de búsqueda (SEO) y la modernización del aspecto visual. En el guion, se discute el rediseño del sitio web de Oles para mejorar la experiencia del usuario y adaptarlo a las necesidades actuales.

💡Perfiles de Usuario

Los perfiles de usuario son representaciones ficticias de los usuarios típicos de un producto o servicio. Se crean basándose en datos demográficos, comportamientos y necesidades reales, y ayudan a los diseñadores a comprender y atender mejor a sus usuarios. En el guion, se mencionan varios perfiles de usuario como 'Joe Johnson', 'Jan Arden' y 'Phil', cada uno con características y necesidades específicas que deben ser consideradas en el diseño del sitio.

💡Auditoría de Sitios Web

Una auditoría de sitios web es un análisis exhaustivo del contenido, la estructura, la accesibilidad y la funcionalidad de un sitio web. Se utiliza para identificar problemas y oportunidades de mejora, y para garantizar que el sitio cumpla con los estándares de diseño y UX. En el guion, se habla de realizar una 'site audit' para Oles, lo que implica revisar su sitio actual y compararlo con los estándares y las prácticas actuales.

💡Mapa del Sitio

Un mapa del sitio, también conocido como site map, es una representación visual de la estructura de un sitio web. Muestra cómo se organizan las páginas y la relación entre ellas, y es una herramienta útil para planificar y navegar el contenido del sitio. En el guion, se menciona la creación de un 'site map' como parte del proceso de diseño UX para Oles.

💡Historias de Usuario

Las historias de usuario son descripciones breves y concisas de las tareas que un usuario quiere realizar en un sitio web o aplicación. Se basan en los perfiles de usuario y se utilizan para guiar el diseño y el desarrollo del producto. En el guion, se sugiere crear 'user stories' para Oles, lo que indica que se centrarán en las necesidades y objetivos de los usuarios en el proceso de diseño.

💡Diseño de Bocetos (Wireframes)

Los bocetos, o wireframes, son representaciones esquemáticas de las páginas de un sitio web que muestran la estructura y la disposición de los elementos de la interfaz sin estilos gráficos. Son una etapa crucial en el diseño de UX, ya que permiten a los diseñadores planificar y ajustar la organización de contenido antes de la fase de desarrollo. En el guion, se menciona que van a crear 'wireframes' para Oles como parte de su enfoque en la UX.

💡Competencia

En el contexto del diseño de sitios web y la UX, la competencia se refiere a otros sitios o empresas que ofrecen productos o servicios similares. Analizar a la competencia ayuda a los diseñadores a comprender las prácticas actuales, identificar tendencias y encontrar oportunidades para diferenciarse. En el guion, se discute la importancia de examinar a la competencia en el sector de alojamientos turísticos para informar el diseño del sitio web de Oles.

💡Taxonomía del Sitio

La taxonomía del sitio es la organización y la clasificación lógica del contenido de un sitio web. Define cómo se agrupan y se relacionan los diferentes tipos de contenido, y facilita la navegación y la mantenibilidad del sitio. En el guion, se menciona la 'site's taxonomy' de Oles, lo que sugiere que están evaluando cómo se organiza el contenido actualmente en su sitio web.

Highlights

Introduction to a deep dive on user experience, focusing on a real client case study.

Discussion on the importance of understanding user experience in web design.

Introduction of the client, Oles, a fishing lodge on the west coast of Canada.

Overview of the work done so far for the client, including the redesign of their landing page.

Explanation of the next steps in the project, including a site audit and wireframes.

Discussion on aligning with different stakeholders within the client organization.

Importance of understanding the client's brand attributes and how they influence the design process.

Analysis of the client's current website and its structure.

Review of competitor websites to identify industry standards and best practices.

Insight into creating user profiles to better understand the client's customers.

Discussion on the needs and expectations of different user types for the client's website.

Importance of storytelling in user experience design to connect with the audience.

Challenges in managing legacy content during a website redesign.

Strategies for convincing clients to simplify content and focus on user experience.

The role of content management in the website redesign process.

Conclusion and预告 of the next episode where user stories will be created.

Transcripts

play00:00

you wanna Shh when he says rolling we're

play00:03

rolling dude okay stop kill that tape

play00:05

I don't worry I hate you dude hey

play00:14

everybody it's Chris and I'm here with

play00:15

Jose today we're gonna do a deep dive on

play00:17

user experience is what you've been

play00:18

asking for and today we're going to look

play00:19

at oles and diving deep I can't wait to

play00:22

get this going

play00:23

stick around let me try this again I

play00:26

want you guys to listen to me yeah I did

play00:28

Lance sandwiches my name is Jose cayenne

play00:31

and I talk about the business of

play00:32

distances I talk about a lot of stuff my

play00:35

name is Chris doe and I talk about the

play00:37

business of design at the center of this

play00:39

operating system it's about understand

play00:41

was it can we just tell them what the

play00:42

show title is I hate you dude you are

play00:44

watching the process all right a lot of

play00:51

people on set today as you can see it's

play00:52

the ever-evolving set of our show and

play00:54

hopefully you're catching the little

play00:57

differences that we've added the flares

play00:58

but today for the first time we have

play01:00

musical director Adam Sandler in the

play01:02

house she's going to be doing some sound

play01:03

effects Adam give us a little something

play01:05

well come on up Dylan Randy I love

play01:07

grandiose all right okay so as always we

play01:10

have Andrew running the cameras

play01:12

directing our show and behind the camera

play01:15

and sang and Jamie with your questions

play01:18

hopefully representing the audience so

play01:19

last week we had a question yeah the ADI

play01:22

case from Jamie the audience okay

play01:25

pointing at the audience so and it was

play01:28

about user experience because we did a

play01:30

redesign or we were doing a design of a

play01:32

landing page and it's like okay that's

play01:34

great that's a page but how do you

play01:35

define a site so we're doing oles which

play01:38

is a real client a blind client and I

play01:41

wanted you to introduce who the client

play01:43

is and what you've done for them so far

play01:45

and talked a little bit about the client

play01:46

relationship and what we need to do next

play01:48

on the project okay let's make this

play01:50

really brief cos and then we'll jump

play01:51

into yeah yeah all right yeah okay so

play01:54

all these is a client that we develop a

play01:57

relationship with they're a Canadian

play02:00

base kind of on the central west coast

play02:03

of Canada and it's a wonderful fishing

play02:05

lodge we've designed the landing page

play02:07

for them and now they've come back and

play02:08

asked us to take care of the rest of the

play02:10

site it's a rather robust site there's a

play02:11

blog

play02:12

there's photo albums there's a whole

play02:14

bunch of features to it and so I thought

play02:16

I would turn to you and get some

play02:17

guidance on how to do that and we're

play02:19

going to do this in real time with you

play02:20

yeah as we're doing it the slide that I

play02:22

have on here is really one about

play02:24

alignment and that's that's what what I

play02:28

asked you earlier when it came to when

play02:32

it came to the client yet who is it that

play02:34

you're talking to so you're talking all

play02:35

the way to the top you have general

play02:36

manager and you have secondary manager

play02:39

who's a point of contact primarily so if

play02:42

you guys are out there doing a website

play02:43

or doing a web project you know that

play02:45

you're going to have different

play02:45

stakeholders it was a small client you

play02:48

might only have you know direct access

play02:50

to the business stakeholder which is a

play02:51

guy with a goatee and the purple square

play02:54

on top on our on our graphic there but

play02:57

specifically you're going to also be

play02:59

talking to tech and to design so we have

play03:01

the designer on the project sitting

play03:02

there and we also have you probably

play03:05

representing marketing and let the tech

play03:07

do looks just like me which is hilarious

play03:09

except they're not bolt that's ball so

play03:12

the goal is that you want to get to this

play03:14

you want to get to everybody

play03:16

a green because that's what happens with

play03:19

a website when you just have no process

play03:21

and you're just kind of giving them

play03:23

deliverables a lot of revisions like lot

play03:25

or revisions have you gone a lot of

play03:26

registration I have gone to it when I

play03:30

didn't run core got it so so for me you

play03:33

know here's a here's a brief outline I'm

play03:35

going to I'm going to share with you

play03:36

guys this is what we're going to be

play03:38

doing so this is a user experience

play03:39

overview you've already done the brand

play03:41

attributes with this client you've

play03:42

already done the user profiles you've

play03:44

already done what their business goals

play03:46

are what we're going to do next is we're

play03:48

going to do a site audit we're going to

play03:49

reviews user needs we're going to create

play03:51

user stories we're going to do a site

play03:53

map and we're going to do wireframes

play03:55

so what what Chris just mentioned you

play03:58

know core is the first part of this it's

play04:00

those exercises where you get the core

play04:02

of what the client their needs are so

play04:05

basically the who they are as a brand so

play04:07

we've broken the brand attributes into

play04:08

five things culture customer voice

play04:10

benefit and value and if you tune into

play04:12

the show before you've seen this and

play04:13

this is nothing new and this is from a

play04:15

stack of words that we do together with

play04:17

the client we identify the top five and

play04:20

then we pick the top one so the culture

play04:22

is familial the customer is a friendly

play04:24

person the voice is charming

play04:26

the benefit is they're recharged and the

play04:28

value is exclusive access to this very

play04:30

kind of pristine area called heck I pass

play04:32

the x-factor is their family-owned

play04:35

old-fashioned thoughtful with unmatched

play04:37

surface service exclusive access in

play04:40

protected waters you want to look at the

play04:42

oles website first right right so what

play04:44

they have apparently so first this is

play04:46

what they have currently which is a site

play04:48

that was probably built about seven or

play04:51

eight years ago and then you recently

play04:53

redid their landing page and you made

play04:56

this beautiful responsive and so this is

play04:59

the this is what blinded Indian trim of

play05:03

a full site redesign to manage the new

play05:06

identity its landing pages I think it's

play05:07

important finding page you find out who

play05:09

the customers are the voice you find out

play05:11

what the objections are and you answer

play05:12

them in the landing page and these links

play05:14

go to their main site and so now the

play05:17

challenge is how do we design the main

play05:19

site so the right system so now it's

play05:21

actually an entire experience okay so if

play05:22

you click on any of those links you're

play05:23

going to come to this side decide your

play05:25

existing site so from the main site and

play05:27

we have it right here we put up the

play05:29

current sections of the site and we

play05:32

called the site's taxonomy and that

play05:35

could be a site map basically how it's

play05:37

organized how structured a time our

play05:39

children or something like an org chart

play05:40

you want to get a sense of where the

play05:42

current site is and what content and

play05:44

what features they already have existing

play05:45

and then next we're going to do an audit

play05:48

of their competitors and here's what

play05:51

we're going to look for so here's the

play05:53

first one Chris talked to me about this

play05:54

one whoa this is a very high-end Lodge

play05:56

it's called West Coast resorts they're

play05:58

not in the same area so they're not

play05:59

necessarily competing for the same

play06:00

customer but this is at the very high

play06:02

sand the picture of the helicopter to

play06:04

actually helicopter people in to the

play06:06

lodge and it's on land and then they

play06:07

bring them out these boats so I'll give

play06:09

you a quick assessment at a comparison

play06:11

standpoint what I'm looking for is

play06:13

what's working well here okay for them

play06:15

and what doesn't work well I think

play06:17

something that works well for them here

play06:18

is that they have up here they have the

play06:20

phone number ready to go in the case

play06:22

people cause a little small but it's

play06:24

there

play06:24

the main sections are home lodges

play06:28

packages about promotions events booked

play06:32

now already contact okay question yeah

play06:36

is the idea that you would design the

play06:39

sequence of menus based on the hierarchy

play06:42

or the journey like I want to know first

play06:44

look what the lodges look like and then

play06:46

the packages and then what is that one

play06:49

called about so less important it is the

play06:52

more on the right side it is is that

play06:54

yeah it's really based on priority the

play06:56

the l-shaped the left top left is the

play06:58

most important thing that's why the logo

play07:00

goes in the top left and right below

play07:01

that they chose to put their navigation

play07:03

below the image is it good or bad why

play07:05

isn't why it was a choice it was oh why

play07:08

the top left is because in the Western

play07:10

world we read from left to right exactly

play07:12

on the top is what you say rules apply

play07:13

for a newspaper or a book layout that's

play07:15

the same thing so so and you're correct

play07:18

that the hierarchy is from left to right

play07:21

and you have to prioritize those overall

play07:23

the site is clean it looks good it does

play07:25

have certain narrative to it it does new

play07:28

specials read fishing reports free photo

play07:31

gallery these are all the things that

play07:32

somebody's going to need to look at in

play07:33

order to choose whether they're going

play07:37

there so and then you can book I'm just

play07:40

going to look at their form of their

play07:41

booking form I'm not going to see how

play07:44

how they're actually doing the booking

play07:45

and how detailed their form is how easy

play07:48

it is to do is to type big enough you

play07:51

know for their particular customer types

play07:53

its solid this whole site is very solid

play07:55

um they got their stuff together here's

play07:57

the second one

play07:58

this is Lin Guerra Langara so again a

play08:01

lot of these are probably using

play08:03

templates like wordpress templates you

play08:04

can actually even you can say see it

play08:06

that there's some similarities between

play08:08

them already what do they have

play08:10

everybody's going to have something

play08:12

similar so our experience our lodges

play08:15

plan your trip stay connected okay so

play08:16

they did something different a little

play08:18

different they can suck they made it

play08:20

simpler

play08:20

they made a menu simpler also this

play08:23

submenu is a very popular menu it's been

play08:26

popular for the last couple of years

play08:27

where it has an additional amount of

play08:30

information so as a picture of the phone

play08:31

number and it has the submenu everything

play08:34

is there

play08:34

it's like boom you can see it right away

play08:36

you don't have to spend a lot of time

play08:38

you know looking for what you want you

play08:40

don't go to another section except a

play08:42

question I didn't feel about a submenu

play08:44

that almost there's like almost 12 items

play08:47

there that's a lot of stuff to me let me

play08:50

share just my point of view and I would

play08:52

love to hear yours is I think people try

play08:54

to make their sites do too much you're

play08:57

trying to replace a whole bunch of

play08:58

different things and I get into that and

play09:00

it starts and you can just sub menus and

play09:02

sub pages I get really confused I want

play09:05

to know what this is what the experience

play09:06

is like I probably want to hear some

play09:08

testimonials I want to know what a cost

play09:09

and I want to book my trip after which I

play09:12

think there may be other sections and

play09:14

ways to handle all the other information

play09:16

that you need to your itinerary and all

play09:17

that other kind of stuff so the question

play09:19

is who's actually the person who's going

play09:20

to be planning the trip in this case

play09:22

there's there's the one of two people

play09:23

it's either it's either the individual

play09:25

and chances are it'll be if it's a

play09:28

husband or wife it'll be the husband who

play09:29

plans a trip or to be a corporate event

play09:31

planner but those are not that common

play09:33

with my client right so then what the

play09:36

next thing is you're going to look at

play09:37

this is intent because the attitude you

play09:39

have is very common especially with

play09:40

people like us creatives we're a little

play09:42

bit shorter attention span you know

play09:44

they're the fight is going to be to make

play09:46

it as simple as possible I brought up

play09:48

Sandals Resorts which is a really large

play09:49

corporate resort again you can look at

play09:52

competitors outside of the industry or

play09:54

the direct competitors but that are

play09:55

still in the general category so travel

play09:58

it's a category and if you look at this

play10:00

they have actually even more menus menus

play10:03

and it's too much but again what I'm

play10:05

saying is who is the person looking and

play10:08

what is the intent that they have so I'm

play10:10

showing you how a really pro company

play10:14

that spent a lot of money on their site

play10:16

is doing it so that's it but you and you

play10:18

said that you really wouldn't want a

play10:19

weak glean from that because I'm

play10:20

overwhelmed by those kind of sites well

play10:22

again who's a user is so if the user is

play10:24

looking in this case scenario sandals

play10:26

has a lot of locations

play10:28

oles doesn't and all these might not

play10:29

need to have that type of menu right I'm

play10:31

just like this one does and this is this

play10:34

has a traditional sub menu and now

play10:36

there's even the trend for this one has

play10:37

multiple not having menus like you know

play10:39

people like with you guys imply it it'll

play10:42

simplify health stories but again it's a

play10:45

conversion issue so it becomes what is

play10:47

the function that you want the site to

play10:48

do okay is the site about booking

play10:51

or as a site about convincing and it has

play10:53

to do both

play10:54

you can even separate it maybe you want

play10:56

it to like blue Kylie's comet versus

play10:58

like the experience or something like

play10:59

that all right

play11:00

then you get into content management

play11:02

what platform are they going to be using

play11:04

and all this kind of stuff all right all

play11:05

right so we looked at the sites and what

play11:08

we did is that we put the current

play11:10

structure up here for oles so we go back

play11:12

to Ali's always has contact us welcome

play11:15

your destination great fishing our Lodge

play11:20

trip planning your adventure it has too

play11:23

many sections so we already know that it

play11:25

needs to be consolidated and it has a

play11:26

lot of content and is somewhat dense but

play11:29

you know overall it's not a bad site and

play11:30

those little icons on the Left column

play11:32

there yeah there's our other links like

play11:34

the Trip Advisor that look no keep on

play11:35

right there that's another link so we

play11:37

have links within links and it's a

play11:40

massive site so here's what you're going

play11:41

to get from the client you're going to

play11:43

really the clients going to want to make

play11:44

sure that a lot of this legacy content

play11:46

is still addressed so the biggest

play11:48

challenge with web sites is content I'll

play11:51

give you an example this same issue on a

play11:54

redesign with multiple stakeholders we

play11:58

did a work session a live work session

play12:00

with the client in the room where we put

play12:03

up what our new recommended content

play12:05

structure is and we asked them to get up

play12:08

and move things around and they did the

play12:10

client got out oh no I want to have this

play12:12

over here no I won't have this over

play12:13

there literally the same way that like

play12:15

if I go back here to our set these are

play12:17

stickies so they're movable no I want to

play12:19

put that over here etc there's all these

play12:22

exercises that you can do to determine

play12:24

what the navigation is but let's keep on

play12:26

moving because we need to keep the flow

play12:28

going so what you're looking for in the

play12:30

up in the audit in the site audit what

play12:33

works well what's the industry standard

play12:36

so the next thing is the next thing is

play12:39

after the site audit is let's talk about

play12:40

the user needs Chris can you show us a

play12:42

user profiles so use the profiles here's

play12:44

one his name is Joe Johnson we pick a

play12:46

fictitious name he is CFO we're house

play12:49

were kind of a big corporation right so

play12:51

his story is he came first as the first

play12:52

time as a guest has been back several

play12:55

times five over the last seven so he's

play12:57

pretty consistent not always and this is

play12:59

his first time with kids but as they got

play13:02

older

play13:04

he goes with his clients okay because

play13:06

they're moving on to college and have

play13:07

other lives to leave so he's an active

play13:10

outdoors when they describe him as a

play13:12

hunter and we even get into things like

play13:14

what kind of hunting whitetail deer goes

play13:17

to Argentina and a hunt with college

play13:18

buddy so this is he's a big-time guy

play13:21

obviously he has money because he's

play13:23

doing things that require money in order

play13:26

to do and the story goes on his father

play13:28

passed away and in 2008 the company took

play13:32

a little bit of a dive so he skipped a

play13:35

year so his story too is he comes to get

play13:38

away from pressure the the busy life of

play13:42

the CEO type CFO type he needs to relax

play13:46

and kind of reset his clock so when it

play13:49

pertains from the site here are the

play13:50

things that I'm actually gleaning from

play13:52

that profile he's a repeat customer so

play13:54

he might be somebody who requires you

play13:56

know maybe like a login like you're

play14:00

already logged in and you have an

play14:01

account potentially we wanted to also

play14:03

he's the CFO so he's going to be

play14:04

analytical and potentially somewhat cost

play14:06

conscious so if I were to go deeper and

play14:09

defined the needs on there he needs to

play14:10

see packages like he needs to see what

play14:12

total package is on one page he's

play14:14

probably gonna want to download it and

play14:16

print it because he's older and he's

play14:19

also CFO I have an assistant do it he

play14:23

might not be the one doing it that's the

play14:24

other thing remember somebody else might

play14:26

be thinking about how we're doing it

play14:27

he's used to that to not doing it so

play14:30

already just out of that profile I

play14:32

gleaned a lot of information on how and

play14:34

what content needs to be done and you

play14:36

need to be able to tell that story of

play14:38

what you are understanding from the

play14:39

customer profile to your client and then

play14:42

you need to be able to say this is why

play14:44

we made these decisions because our

play14:45

customer profile in this case X with

play14:47

names so let's go to the next one okay

play14:48

do you want to go into his needs or

play14:50

solutions or you figure that out uh well

play14:52

no oh you have oh happy so why don't you

play14:55

do this spend less time on the other

play14:56

stuff and go straight to this okay

play14:57

what'd I miss mean his needs is he's

play14:59

used to having everything looked after

play15:00

for him he wants White Glove service no

play15:04

hassle he doesn't want to think about

play15:06

anything because that's why he went to

play15:07

the launch in the first place so don't

play15:08

make his life complex he wants to have

play15:11

the feeling of accomplishment

play15:12

so making dishes decisions going an

play15:14

instinct getting away from analytic

play15:15

thinking go with his gut intuition I

play15:17

think that's what hunting and fishing is

play15:20

about is reconnecting to more kind of

play15:22

primitive time so and get away from the

play15:25

sterile environment so he appreciates

play15:26

outdoors

play15:27

it's reconnecting with nature that's

play15:29

what it is and he has an emotional need

play15:32

to get scented to decompress and he

play15:33

wants to be heard so here even though

play15:36

he's a 58 year old man he wants to feel

play15:37

like a kid because this is a way for him

play15:39

to remember what it's like to be young

play15:41

to go fishing or hunting with his dad

play15:44

and relive those kind of memories so it

play15:45

makes him feel younger

play15:46

so do we do the solutions sure so these

play15:51

solutions are more what the lodge can do

play15:53

so I'm curious to how you interpret this

play15:55

for the website he wants personalized

play15:57

service and they do this they greet you

play15:59

by a first name basis from the very

play16:01

beginning 24 hour response he wants to

play16:04

be heard and do not let a long time go

play16:08

by without somebody attending to his

play16:10

needs and he doesn't to worry about

play16:12

everything so everything has to be

play16:13

all-inclusive and what's great about all

play16:15

these is they provide the rain gear the

play16:17

tackle a licensed arrival everything

play16:19

that you need if you have a special

play16:20

dietary needs like for me got like a low

play16:22

carb diet I made a comment the next time

play16:23

my plate came out different instead of

play16:25

eating the rice and the mashed potatoes

play16:27

I got greens and I was really happy I

play16:29

was really surprised and I forgot that I

play16:31

told him that so he needs reminder

play16:33

emails trip planner that kind of stuff

play16:35

so you just have to think fish

play16:36

processing basically is after they catch

play16:38

the fish they're going to gut clean and

play16:40

back and box these guys for you and he

play16:43

enjoys kind of meeting and socializing

play16:45

with other people talking with them

play16:46

barbecue night create the illusion of

play16:48

the perfect world he wants five-star

play16:50

service that's it that's it so you asked

play16:52

me the question of what did I get out of

play16:54

it so really simple things like you know

play16:58

you you talked about how he's he wants

play17:00

White Glove service

play17:01

he was be called by his name so we need

play17:04

an easy login so that he can actually

play17:06

register and sign up for the site

play17:07

whether it's just name an email or

play17:10

whether it's using Facebook whatever it

play17:13

is sure

play17:14

we need easy login so that they can I

play17:15

have his name loyalty program some sort

play17:17

of like welcome back personalized kind

play17:20

of landing Bay personalized you see how

play17:21

this is already just this is already

play17:24

creating implications to scope

play17:27

- the what platform you actually use so

play17:29

email you said that like a consistent

play17:32

emails to Rome on occasions

play17:34

maybe content may be like guidance you

play17:36

know it could be short emails to remind

play17:37

them about things with links to cool

play17:40

content that he might want to like sneak

play17:42

in a little bit it could be a lot like

play17:44

well how you do your webinars there's a

play17:46

two-month notification the one month the

play17:49

two week one week and three days before

play17:50

your trip just make sure you're already

play17:52

so that's periodic email and email

play17:54

marketing kind of implications not so

play17:57

much marketing but once you book the

play17:58

trip email communications

play18:00

that's right communication so he doesn't

play18:01

have to think so so already has a

play18:03

platform kind of thing there are

play18:05

platforms that have fully integrated

play18:07

email marketing and fully integrated

play18:11

custom personalization which is what's

play18:13

called when you come in and says hey

play18:15

welcome John site core is an example of

play18:17

that there's a bunch of us like gore

play18:20

calm or something yes eyeko combo those

play18:22

are those are expensive the license for

play18:23

site court costs whatever $25,000 Wow

play18:26

all right so let's just wait Adams

play18:29

fasten on one good job Adam alright yeah

play18:31

nice job all right so let's move on

play18:33

let's go through the neck look no no no

play18:35

that's too much yeah we crash in the

play18:41

chef all right so read the next one real

play18:43

quick just go through it like okay so

play18:45

here's a user to bullet point boom boom

play18:47

you want his story we want his needs and

play18:49

his Chum who is named and by age I know

play18:52

what he does for a living all right and

play18:53

jump to the Jan Arden is a retired

play18:55

school teacher he comes to always with

play18:57

his wife appreciates time together

play18:59

this is his 14th visit so he's in the

play19:01

decade club he goes every single year

play19:04

it's something that he marked on his

play19:05

calendar considers holy as family he

play19:08

books before they even leave the current

play19:09

trip so he's already booking one year in

play19:12

advance his friend referred him tried

play19:13

others but this is part of a larger

play19:16

holiday for him spends time in Vancouver

play19:18

in Chinatown okay so much his needs any

play19:21

knives just see ya judge exactly what

play19:23

you did I don't know is that's why I'm

play19:24

scared of raising no J where's the fight

play19:26

Bell come on man yeah I see I did

play19:29

exactly what he wants neat knees loves

play19:32

to travel and looks forward to vacation

play19:34

with wife and family friends with with

play19:36

many guests and books accordingly enjoys

play19:38

sharing his bountiful catch with friends

play19:40

post on face

play19:41

stays connected with always throughout

play19:42

the year once high-res pictures once

play19:45

change in scenery enjoy seeing wildlife

play19:47

mealtime is important high bar

play19:50

expectations of service so very high bar

play19:52

hey I'm just no no you didn't get I was

play19:55

good what I gleaned from this user was

play19:57

his name we can talk to him by name yeah

play19:59

his name is Dan so Dan his his profile

play20:04

is a little bit more active than the CFO

play20:08

so and he's a family guy so no the CFO

play20:12

goes hunting and killing things right

play20:13

but this guy's has Facebook oh yeah

play20:16

socially out yeah I look so you

play20:18

community community picture sharing you

play20:22

know 50 more tech-savvy it's going to be

play20:24

like that's going to be around and a

play20:25

little bit and that's why plot

play20:27

classifying what type of user helps you

play20:29

drive the narrative so this is what's

play20:31

what kind what kind of users is going to

play20:32

be and why are you smiling like if I'm

play20:34

saying something I'm trying to bring

play20:38

positive energy no right you can just

play20:41

turn this come on do you have three

play20:43

minutes left let's get two we haven't

play20:44

done a single thing yet we're just going

play20:47

through the profiles that's it come on

play20:49

alright let's go to the final one you

play20:51

want another profile oh you have three

play20:53

yes so let's bring this back up why

play20:55

don't you read it the way you think you

play20:57

okay here I'm gonna do the ATD version

play20:58

of it okay so well that's a good idea

play21:00

just mirrored so Phil that feels the

play21:02

guys name Phil he's a business guy these

play21:05

are all business guys comes to oldies as

play21:07

a marketing opportunity so he's doing it

play21:09

for lis business crazy he has a TV he's

play21:12

self-centered he talks really fast he

play21:14

makes a lot of money he sounds like

play21:15

anybody we know I don't know all right

play21:17

go to the next page let's see what what

play21:19

his sandwiches he's gonna my next page

play21:22

sorry yeah so his needs a wine and dine

play21:25

so he's gonna need a lot of the

play21:26

facilities although it looks fun to be

play21:29

happy high maintenance diet okay he

play21:31

needs to get input identified VIP

play21:34

customer understand his goals provide so

play21:36

what I'm seeing here is that he needs

play21:38

customizable booking like where he has

play21:42

every single form like and everything

play21:43

that that he can the booking process is

play21:46

going to be important for him so so okay

play21:49

so what was

play21:51

let's go back to his name his name is

play21:53

Phil Phil so we got filled with single

play21:55

syllable names so Phil Dan and John

play22:00

right correct

play22:01

so John is if a holder holds oh and

play22:04

again I'm going to name them I'm going

play22:06

to give them a customer type a user type

play22:08

not based on anything but their overall

play22:11

kind of age and kind of what their needs

play22:13

are so John is going to be a little bit

play22:15

he's going to have less interaction with

play22:18

the website so we'll call him up for now

play22:21

just called the older user then Dan is

play22:24

going to be the savvy tech savvy user

play22:29

I'm just family sadly family guy yes

play22:32

savvy family oh that's even better

play22:33

family guy and then he'll read that

play22:36

nobody's reading it this is for my notes

play22:38

oh it's like a hieroglyphic and we hold

play22:40

it up for people check this out guys can

play22:42

anybody read this I could totally be

play22:44

like a doctor

play22:45

keep writing diner it was Phil Phil is

play22:48

the he's the he's the marketer fast roll

play22:52

a high roller fast roll and roll fast

play22:55

pace and what he gonna come he's the

play22:57

schmoozer the schmoozer I like that yes

play22:59

my name is heightened the look on high

play23:01

maintenance high maintenance networker

play23:03

you want to you want everything to be

play23:05

positive don't say the schmoozer high

play23:07

maintenance is not a positive word by

play23:09

the way

play23:09

what's that remanding the man do you

play23:11

thank you demanding demanding networker

play23:14

there you go demanding you gotta saw how

play23:16

that was done

play23:17

what am I do that the reason why I'm

play23:19

doing that is because now I can

play23:20

reference these in my design process I

play23:22

can say okay for Dan the savvy Family

play23:25

Guy we need to have features that allow

play23:27

him to share on Facebook fulfilled the I

play23:31

can't read this it's a landing network

play23:35

or the demanding networker

play23:36

I don't like China's the older user yeah

play23:38

he was a busy executive is the executive

play23:40

perfect I got one it's toast good

play23:42

where's the sound effect I got one John

play23:45

is the executive the busy excited a busy

play23:48

executive we reviewed the brand

play23:49

attributes we reviewed the user profiles

play23:52

and we reviewed the competition what do

play23:54

you guys think as an audience was that

play23:56

helpful at all to start the process with

play23:58

that yeah

play24:05

so all the users you introduced seemed

play24:07

like they were more uh or returning

play24:12

customers I'm on a good point a lot of

play24:15

the examples you showed were about

play24:18

really selling the destination maybe to

play24:20

someone who hasn't been there yes before

play24:22

so is that a user that should be another

play24:25

User Profile the desired customer so so

play24:28

I think that's actually a really great

play24:30

question yes that should be another user

play24:32

profile the first time customer

play24:34

basically somebody who hasn't attended

play24:36

yet now we can make one of these guys

play24:38

like we can say that Phil has never been

play24:41

so that's easy enough because we then

play24:44

have to convince him he's been to other

play24:46

resorts and we can talk about what

play24:48

resort she's been to or we can find out

play24:50

and do a profile around him so that's

play24:52

great it's a good question so what I

play24:55

wanted right there's not a question of

play24:56

the question uh since their original

play24:58

site has tons of content and you earlier

play25:01

in the show you said they might want to

play25:03

keep the legacy but we would like to

play25:06

simplify this site down how do you speak

play25:09

to the client convince them great

play25:12

freaking question so what you just asked

play25:14

by the way if you're out there and

play25:16

you're comes and you are designing

play25:19

websites for clients you felt this

play25:21

before this pain the content issue so

play25:23

content is the what screws up every web

play25:28

project because you might actually build

play25:31

a really nice site with no content like

play25:33

just with lorem ipsum and then the

play25:35

client supposed to put the content in

play25:36

because it's in like a content

play25:38

management thing like wordpress and

play25:39

they'll take six months to do the

play25:41

content or three months they're busy do

play25:43

they have a web team in-house no no

play25:45

right so so you have to nip that in the

play25:49

bud right at the beginning so both from

play25:50

a budgetary standpoint and also from it

play25:52

what are we going to do content do you

play25:54

want to keep all that content or would

play25:56

you like us to rewrite it for you

play25:58

do you have any writing resources who

play26:00

wrote it in the past you know was it

play26:03

your you know web agency or your

play26:04

marketing person was an internal with

play26:07

external how did you write it all that

play26:09

comes up and then the content audit

play26:11

could be done separately which is taking

play26:13

all the content off the site

play26:14

and organizing it very similar to this

play26:16

and we're going to Google about let's

play26:18

keep it real here our audience are not

play26:20

working for Visa or Virgin Airlines

play26:23

which you love this is this is the kind

play26:25

of typical smaller mom-and-pop

play26:26

operations they don't have a writer - of

play26:29

course enough content manager and all

play26:31

these kinds of things so a lot of this

play26:32

stuff is going to fall on us so given

play26:34

that context how we're on the cloud

play26:35

would you answer that question then

play26:37

which is how do you convince them to

play26:39

take a you know everything in the

play26:42

kitchen sink approach their website -

play26:45

paring it down how do you talk about

play26:47

that how do you I'd like to work

play26:48

convinced because it's like trying to

play26:49

tell somebody something that's not in

play26:51

their own best interest so let's talk

play26:53

about how to do that and then we should

play26:54

wrap up the show because we're over so

play26:56

this this this particular this

play26:58

particular client you have a very good

play26:59

relationship with and you can have a

play27:01

very open conversation about it

play27:03

in most traditional cases you just need

play27:05

to be really blunt and bring it up at

play27:06

the beginning it's like look content is

play27:08

going to be our biggest challenge you

play27:10

know in Mike how I did it like exactly

play27:11

how I did it I said that content is

play27:13

gonna be a big challenge do you want

play27:15

that in the scope so what I would say is

play27:16

let me introduce you to a Content person

play27:19

and introduce them directly to hire

play27:20

somebody that I knew already to do the

play27:23

copy so or we hire them through us and

play27:26

they wait hold on basically what's

play27:28

happening I think I'm going to project

play27:30

for our audience here and tell me if I

play27:31

get it wrong you can comment below you

play27:33

guys is if my client is asking me to

play27:37

just redesign their site they're

play27:38

assuming all the content can port over

play27:40

and just give it a new facelift that's

play27:42

the probably more typical challenge here

play27:44

right I have a site let's see how is

play27:47

your doing

play27:48

let's see what you guys get when you're

play27:49

redesigning a site I think that if you

play27:52

leave that as an assumption and if you

play27:53

assume it's not even assumption it's

play27:55

look it's Amanda at the beginning of the

play27:56

project but also responsibly speaking if

play27:59

the site was designed so long ago you

play28:01

want to update the content you want to

play28:03

make it shorter you want to make it more

play28:04

concise you want to make it more web

play28:05

friendly they have a freaking null okay

play28:07

so like it's you're you're being asked

play28:10

as a professional to redesign a site if

play28:13

you look at it as just design the design

play28:16

without content is like weird like if

play28:17

they ask you to do a book design a book

play28:19

but you don't deal with the you know

play28:21

there's typos so something I designed

play28:22

the job of the designer in this case is

play28:24

not to give it a facelift

play28:26

which is using an existing copy and

play28:28

updating the graphics and the color

play28:30

palette and keeping it more in line with

play28:32

what's happening today you're talking

play28:33

about content design well it depends

play28:36

with you hire new presenter here so

play28:39

let's talk about our audience so like if

play28:41

they hire somebody like Elise who has an

play28:44

agency aster agency and in a Bend Oregon

play28:48

they are the type of agency that's going

play28:50

to position themselves as will do the

play28:52

content for you all so if you're one

play28:54

individual freelancer you're probably

play28:56

not going to position yourself to the

play28:57

content so let's do this we're way over

play28:59

time just to help settle the debate

play29:01

comment below what should the question

play29:03

be and then comment is the will not yet

play29:04

what do you guys deal with when it comes

play29:05

to content do you do content you don't

play29:07

do content it's good to find out okay

play29:09

great all right boom so alright guys I

play29:11

meant for this same thing we're going to

play29:13

continue and we're going to actually do

play29:14

create user stories so thanks for tuning

play29:17

in for episode one of the UX design for

play29:20

oles and we're going to keep going here

play29:22

thanks guys see you next time

Rate This

5.0 / 5 (0 votes)

Etiquetas Relacionadas
Diseño webExperiencia de usuarioMarketing digitalContenido webEstrategia de contenidoDiseño de landing pageRemodelación de sitiosTecnología webAgencia de marketingDiseño de interacción