© David Gómez-Rosado.

1994-2007

david@gomez-rosado.com

2006

WINDOWS LIVE
HUMAN INTERFACE GUIDELINES

U s e r E x p e r i e n c e Fra m e w o r k & A r c h i te c t ure for the entire n e t w o r k o f W i n d o w s L i v e p r o d u c t s a n d services page 001 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

microsoft_live.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2006

WINDOWS LIVE
HUMAN INTERFACE GUIDELINES

U s e r E x p e r i e n c e Fra m e w o r k & A r c h i te c t ure for the entire n e t w o r k o f W i n d o w s L i v e p r o d u c t s a n d services page 002 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

microsoft_live.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2006

WINDOWS LIVE
HUMAN INTERFACE GUIDELINES

U s e r E x p e r i e n c e Fra m e w o r k & A r c h i te c t ure for the entire n e t w o r k o f W i n d o w s L i v e p r o d u c t s a n d services page 003 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

microsoft_live.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2006

WINDOWS LIVE
HUMAN INTERFACE GUIDELINES

U s e r E x p e r i e n c e Fra m e w o r k & A r c h i te c t ure for the entire n e t w o r k o f W i n d o w s L i v e p r o d u c t s a n d services page 004 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

microsoft_live.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2006

WINDOWS LIVE
HUMAN INTERFACE GUIDELINES

U s e r E x p e r i e n c e Fra m e w o r k & A r c h i te c t ure for the entire n e t w o r k o f W i n d o w s L i v e p r o d u c t s a n d services page 005 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

microsoft_live.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2006

WINDOWS LIVE
HUMAN INTERFACE GUIDELINES

U s e r E x p e r i e n c e Fra m e w o r k & A r c h i te c t ure for the entire n e t w o r k o f W i n d o w s L i v e p r o d u c t s a n d services page 006 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

microsoft_live.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2006

WINDOWS LIVE
HUMAN INTERFACE GUIDELINES

U s e r E x p e r i e n c e Fra m e w o r k & A r c h i te c t ure for the entire n e t w o r k o f W i n d o w s L i v e p r o d u c t s a n d services page 007 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

microsoft_live.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

MiTV IDENTITY
BRAND & PRODUCT STRATEGY

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Identity 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Identity 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Identity 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Identity 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Logo Design

Logo Versioning and Usage

Official Brand Colors

The chromatic selection is easily recognizable. Its additive composition (color primitives originated by the three RGB basic phosphors in the cathode tube of a TV monitor) becomes here self-referential. A clear and direct allusion to the universe painted by both television and computers.
La selección cromática es fácilmente reconocible. Su composición aditiva (colores primitivos originados por los tres fósforos básicos RGB en el tubo catódico de un monitor de TV:) aquí se convierte en auto-referencial. Una alusión clara y directa al universo plasmado por ambos la televisión y los ordenadores.

PANTONE 485 C CMYK composición: 0% C, 95% M, 100% Y, 0% K

PANTONE 376 C CMYK composición: 50% C, 0% M, 100% Y, 0% K RGB composición: 127 R, 195 G, 28 B HEX composición (web): #7FC31C

BLACK 30% CMYK composición: 0% C, 0% M, 0%Y, 30% K RGB composición: 179 R, 179 G, 179 B HEX composición (web): #B3B3B3

The final proposal clearly reinforces the attributes of the product as a tool for communication and exchange. With an abstract vocabulary, this brand works with only three lines... three “cables or connectors” that spring from the logotype. Three channels that own the very same basic colors that television works with: the electronic RGB rays of the cathode tube. Through this, the ideas of connection and interconnection fuse with the medium of television. The lines, in addition to generating unity and totality as a symbol, reinforce the concept that thanks to MiTV, its user is connected to everything and everyone. The yellow color in the name completes the fourth dimension of the MiTV interface. That of Help... The point of support for the other three types of interaction: Experience (Red), Customization (Green) and Connection (Blue).

La propuesta final refuerza claramente los atributos del producto como herramienta de comunicación e intercambio. Con un vocabulario abstracto, esta marca trabaja solamente con tres líneas... tres "cables o conectores" que surgen del logotipo. Tres vías que poseen los mismos colores básicos con los que trabaja la televisión: los rayos electrónicos RGB del tubo catódico. Con ello, las ideas de conexión e interconexión se fusionan con el medio de la televisión. Las líneas, además de generar unidad y totalidad como símbolo, refuerzan el concepto de que gracias a MiTV, su usuario está conectado a todo y a todos. El color amarillo del nombre completa la cuarta dimensión del interfaz MiTV. La de Ayuda ... El punto de apoyo para los otros tres tipos de interacción: Experiencia (Rojo), Personalización (Verde) y Conexión (Azul).

Logo Construction and Proportion
10.35x
The different applications of the logo will remain loyal to the spectrum of television. That is, the brand will always be tinted by the RGB colors that are handled in a TV or computer screen. Every version accentuates a different characteristic in MiTV: Three sub-brands applicable to three different attitudes of the product. Each one, with its own color and emphasizing a specific “connector” that springs from the unifying dot on top of the letter “i” (as ambassador to the concept of “interactive”). Thanks to this chromatic strategy, the global brand remains solid.
La diferentes aplicaciones del logo se mantendrán fieles al espectro de la televisión. Es decir, la marca siempre estará teñida por los colores RGB que se manejan en la pantalla de una TV u ordenador. Todas las versiones acentúan una característica diferente de MiTV: Tres sub-marcas aplicables a tres diferentes actitudes del producto. Cada una, con su color y enfatizando un “conector” especifico que surge del punto unificador de la letra “i” (como embajadora del concepto “interactivo”). Gracias a esta estrategia cromática, la marca global permanece sólida.

RGB composición: 255 R, 17 G, 0 B HEX composición (web): #FF1100

PANTONE 660 C CMYK composición: 90% C, 57% M, 0%Y, 0% K RGB composición: 36 R, 74 G, 159 B HEX composición (web): #244A9F

PANTONE 376 C CMYK composición: 0% C, 16% M, 100% Y, 0% K RGB composición: 255 R, 214 G, 0 B HEX composición (web): #FFD600

2x

page 01 of 08

30º 5.35x

page 03 of 08

page 04 of 08

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Identity 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

x

5.5x 12.75x
Official Brand Typography

Logo: Dogma Bold

Typographical test (11 pt.) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing

Lorem ipsum
The basis of the brand is the logotype, that is, the letters of its own name. From the dot on top of the “i”, depart three curved lines or “connectors”. The contrast between these and the rigidity of the typography accentuates its confident modernity: Solid and steady in nature, dynamic and agile in style. Such formal characteristics shall obviously translate to the perception of MiTV as a product.
La base de la marca es el logotipo, es decir, las letras de su nombre. A partir del punto de la "i", salen tres líneas curvas o “conectores”. El contraste entre estas y la rigidez de la tipografía acentúan su confiada modernidad: Sólido y permanente en naturaleza, dinámico y ágil en estilo. Dichas características formales obviamente se trasladarán a la percepción de MiTV como producto.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

ABCDEFGHUJKLMNO PQRSTUVWXYZÁÉÍÓÚ abcdefghijklmno pqrstuvwxyzáéíóú 1234567890 -$%&(.,;:""¡!¿?)
Text: NetGem Sans Regular

Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo.

Typographical test (11 pt.) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,

ABCDEFGHUJKLMNO PQRSTUVWXYZÁÉÍÓÚ abcdefghijklmno pqrstuvwxyzáéíóú 1234567890 -$%&(.,;:""¡!¿?)
page 05 of 08

page 02 of 08

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

W h e n a Fr e n c h c o m p a n y w a n te d to la u nch a new interactive T V s e t - to p b o x i n S p a i n , t h e y c a m e to us for the full package page 008 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

mitv_brand.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

MiTV COMMUNICATION
VISUAL STRATEGY & INTERACTION

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Avatars 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Avatars 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Avatars 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Avatars 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

MiTV Family – Roig

MiTV Family – Amalia

MiTV Family

pantone 19-9 process C-0 M-3 Y-10 K-3 R-246 G-236 B-220 #F6ECDC

pantone 19-9 process C-0 M-3 Y-10 K-3 R-246 G-236 B-220 #F6ECDC

pantone 38-7 process C-0 M-20 Y-35 K-10 R-229 G-190 B-153 #E5BE99

pantone 38-7 process C-0 M-20 Y-35 K-10 R-229 G-190 B-153 #E5BE99

pantone 46-3 process C-10 M-50 Y-85 K-0 R-225 G-143 B-65 #E18F41

pantone 46-3 process C-10 M-50 Y-85 K-0 R-225 G-143 B-65 #E18F41

Zula
Happy

Happy
pantone 485 C C-0 M-95 Y-100 K-0 R-255 G-17 B-0 #FF1100

Feliz

Explaining

Explicando

Exultant

Exultante

Feliz

Explaining

Explicando

Exultant

Exultante

?

MiTV Family – Communication Strategy

pantone 376 C C-0 M-16 Y-100 K-0 R-255 G-214 B-0 #FFD600

Verdi

Roig

Amalia

?

pantone 177 C-0 M-47 Y-43 K-0 R-255 G-127 B-142 #FF7F8E

pantone 2-1 C-0 M-5 Y-100 K-10 R-236 G-209 B-0 #ECD100

pantone 76-1 C-0 M-100 Y-100 K-40 R-158 G-11 B-14 #9E0B0E

pantone NEGRO C-0 M-0 Y-0 K-100 R-0 G-0 B-0 #000000

Pensive

Pensativo

Surprised

Sorprendido

Receptive

Receptivo

Roig

DIGITAL TV

INFO

pantone 8-1 C-0 M-20 Y-100 K-40 R-168 G-135 B-2 #A88702

Amalia

The MiTV family is designed for a total integration with the product interface. Every character adopts an ambassador role to each of the four colors that predominate both in the software and the hardware. This mimetic identification continues with their given names, evocative each of their respective color so to help as a mnemonic resource when it is time to navigate through services and features. The style of the figures is modern and agile, with each of the members adopting a fragment of the MiTV corporate identity.

La familia MiTV ha sido diseñada para la integración total con el interfaz del producto. Todo personaje adopta la labor de embajador a cada uno de los cuatro colores que protagonizan tanto en el software como el hardware. Esta identificación mimética se continua con sus nombres, evocadores de sus respectivos colores para ayudar como recursos mnemotécnicos a la hora de navegar los servicios y prestaciones. El estilo de las figuras es moderno y ágil, con cada uno de los miembros adoptando un fragmento de la identidad corporativa de MiTV.

pantone NEGRO C-0 M-0 Y-0 K-100 R-0 G-0 B-0 #000000

Pensive

Pensativo

Surprised

Sorprendido

Receptive

Receptivo

page 03 of 10

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Avatars 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Roig represents the services of Digital Television: The basic package the product gets distributed with. TV Guide, Services, Games and MiTV management are part of his responsibilities.
Roig representa los servicios de televisión digital: El paquete básico con el que se distribuye el producto. Guía TV, Servicios, Juegos y gestión de MiTV son parte de sus responsabilidades.

Amalia acts as the helping hand of MiTV at any moment when the user is in need of additional information or further detail at a given task. Do you wish to know how the “time-shifting” feature works? Press the yellow button and Amalia shall explain it immediately.
Amalia actúa como la ayuda de MiTV en cualquier momento que el usuario necesite información adicional o una explicación más detallada de la labor siendo realizada. ¿Quieres saber como funciona el "time-shifting"? Presiona el botón amarillo y Amalia te lo explicará de inmediato.

page 04 of 10

page 01 of 10

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Avatars 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Avatars 02b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

MiTV Family – Verdi

OPTIONS

pantone 19-9 process C-0 M-3 Y-10 K-3 R-246 G-236 B-220 #F6ECDC

Verdi

CONECTA

MiTV Family – Zula

MiTV Family – Nacho

Zula

pantone 38-7 process C-0 M-20 Y-35 K-10 R-229 G-190 B-153 #E5BE99

pantone 46-3 process C-10 M-50 Y-85 K-0 R-225 G-143 B-65 #E18F41

Happy
pantone 376 C C-50 M-0 Y-100 K-0 R-127 G-195 B-28 #7FC31C

Feliz

Explaining

Explicando

Exultant

Exultante

Verdi gathers the most advanced among MiTV features. By just calling him, you will access the additional options to each basic function. Verdi shall explain how to attach a picture to an e-mail message, how to program the recording of a TV channel, etc.
Verdi reune la parte más avanzada de todas las prestaciones de MiTV. Con solo llamarle, accederás a opciones añadidas a todas las funciones básicas. Verdi explicará como se añade una foto a un correo, como se programa la grabación de un canal de TV, etc.

Zula is the added value of connectivity for the MiTV receptor that will sell as a separate package. She gathers all the capabilities associated with content sharing: From Internet access, to email use, to the publishing of images, videos and sounds.
Zula es el valor añadido de la conectividad en el receptor de MiTV que se venderá como un paquete separado. Ella reúne todas las prestaciones asociadas con el intercambio de contenidos: Desde el acceso a Internet, al uso de correo, a la publicación de imágenes, vídeos y sonidos.

pantone 19-9 process C-0 M-3 Y-10 K-3 R-246 G-236 B-220 #F6ECDC

!

pantone 38-7 process C-0 M-20 Y-35 K-10 R-229 G-190 B-153 #E5BE99

pantone 46-3 process C-10 M-50 Y-85 K-0 R-225 G-143 B-65 #E18F41

Happy
pantone 660-C C-90 M-57 Y-0 K-0 R-36 G-74 B-159 #244A9F

Feliz

Explaining

Explicando

Exultant

Exultante

Happy

Feliz

Explaining

Explicando

Exultant

Exultante

pantone 281-1 process C-90 M-0 Y-100 K-40 R-0 G-117 B-52 #007534

pantone 229-4 C-70 M-5 Y-5 K-0 R-9 G-183 B-225 #09B7E1

pantone 350 C-79 M-0 Y-87 K-76 R-33 G-81 B-52 #215134

pantone 231-3 C-80 M-5 Y-5 K-30 R-0 G-134 B-170 #0086AA

pantone NEGRO C-0 M-0 Y-0 K-100 R-0 G-0 B-0 #000000

Pensive

Pensativo

Surprised

Sorprendido

Receptive

Receptivo

page 02 of 10

pantone NEGRO C-0 M-0 Y-0 K-100 R-0 G-0 B-0 #000000

Pensive

Pensativo

Surprised

Sorprendido

Receptive

Receptivo

Pensive

Pensativo

Surprised

Sorprendido

Receptive

Receptivo

page 05 of 10

page 06 of 10

page 07 of 10

W h e n a Fr e n c h c o m p a n y w a n te d to la u nch a new interactive T V s e t - to p b o x i n S p a i n , t h e y c a m e to us for the full package page 009 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

mitv_avatars.pdf

S

M

RD PREVIEW

PREVIEW

GAME 3

SAVE TEXT TEXT

SAVE

PLAY

MOVE

PREVIEW

PREVIEW

Current Time: Thursday 01 Jannuary 2004

al Drive: 80 GB ITEM e Space: 45 GB

DESCRIPTION OF RULES PAGE ON SELECTED GAME

DESCRIPTION OF RULES PAGE ON SELECTED GAME

PLAYING ALL OPTIONS

PAUSE/PLAY PREFERENCES

CHANNEL 2 - Monday 05 Jan 00:30 - 02:30

CHANNEL 2 - Monday 05 Jan 00:30 - 02:30

CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30

MY CHANNELS

MY RECORDINGS

MY GAMES MY FAVORITES

Roig

MY MULTIMEDIA

For a closer view: Print mitv_architecture_06.pdf Para una observación más cercana: Imprimir mitv_architecture_06.pdf

Recorded videos and other programming has been brought to the top level of the interface. Fist: It gives emphasis to a feature which has been proven during the focus groups to be of great interest to the general public. Second: It gives the function of recording the same PLAYING VIDEO 2 importance as viewing. So is the true and differentiating nature of the MiTV receiver.

MiTV Product Design

PLAYING OPTIONS

R.MY.2B

MiTV
RECORDINGS

MY RECORDINGS FAMILY PREVIEW R.MY.3 R.MY.5
R.MY.04
Page 2 of 6 Channel 4 of 64

Page 1 of 8

ALARM LIST

TELEVISION

CHANNELS

WEB SITES

SONG 5

SONG 4

SONG 3

SONG 2

MEDIA

(MP3)

(MP3)

(MP3)

(MP3)

(MP3)

URL

Vídeos grabados y otras programaciones han sido traídos al nivel superior del interfaz. Primero: PAUSE SNAPSHOT Otorga énfasis a una funcionalidad que ha sido demostrada ser de gran interés al público general DELETE durante los test de grupo. Segundo: Da a la función de grabar la misma importancia que la de observar. Siendo esta la verdadera naturaleza diferenciadora del receptor MiTV.

MY FAVORITES SONG 1

VIDEO 2

VIDEO 2

R.MY.1

R.MY.2

R.MY.x.V

NAME OF PROGRAM

MY CHANNELS MiTV CHANNEL1 PREVIEW
RECORDINGS GAMES
MEDIA

Page 2 of 6

TRAVELS
MEDIA FILTER TYPE

MY GAMES MiTV ARCADE PREVIEW IMAGE/VIDEO 2 of 25 PLAYING ALL
PREVIEW ROLE-PLAY
GAMES MPEG
MPEG

Page 5 of 11

MiTV MY MULTIMEDIA PREVIEW IMAGES

Page 1 of 1

MY FAVORITES MiTV PREVIEW IMAGES
VIDEOS OPTIONS APLICABLE TO ALL SELECTED MEDIA FILTER LISTS MUSIC
MP3 DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

Page 2 of 6

MY <Source List> <Filter>

A1.02.02 R.PLAYALL-A

NAME OF PROGRAM

CHANNEL 2 TV SERIES TEXT
GAMES DESCRIPTION OF RULES PAGE ON SELECTED GAME
PC ACCESS

RECORDINGS

FRIENDS
VIDEOS

July 19, 2004 VIDEOS MPEG MPEG Design Lobe Multimedia S.L. MUSIC MUSIC TEXT MP3 MP3 DESCRIPTION Info www.lobemultimedia.com OF MEDIA PAGE

SNAPSHOT

SAVE

SEND

<Media Type> 2 of 25

NO

R.MY.3.1

R.MY.x.x.V

R.MY.x.V.1

R.MY.2.1

R.MY.5.1

R.MY.04.01

MY RECORDINGS RECORDING 1
Channel 4 of 64

VIDEO TITLE (ONE PLAYER) (MP3) (ONE PLAYER)
(GIF)

FEB PREVIEW IMAGE/VIDEO 2 of 25
(JPEG)

Page 5 of 11 Channel 4 of 64

MY GAMES BOARD GAME 1 PREVIEW
MY MULTIMEDIA IMAGE 1

Page 2 of 6

IMAGES PREVIEW

Page 1 of 8

MY FAVORITES SONG 1 MUSIC PREVIEW
<Media Type> FILTER TYPE

Page 5 of 11

MY <Source List> <Media File>
PREVIEW PREVIEW

R.PLAYALL-A.V

RECORDING 2 GAME 2
IMAGE 2
(MP3)

VIDEO TITLE

SONG 2
TEXT

OPTIONS APLICABLE TO ALL SELECTED MEDIA FILES

RECORDING 3 TEXT
(ONE PLAYER) (MP3) DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA (ONE PLAYER) (MP3) Internal Drive: 80 GB ITEM Free Space: 45 GB (ONE PLAYER) (MP3)

VIDEO TITLE DESCRIPTION OF PROGRAM PAGE ON SELECTED RECORDING

GAME 3 TEXT
(JPEG)

IMAGE 3

SONG 3 TEXT

OPTIONS EDIT FILTER PLAYING ALL OPTIONS
PAUSE/PLAY LOOP TOGGLE SEND
Name Content image gif Text describing the filter and its content & Description xxxxxx

DELETE CONFIRMATION The selected alarm has been permanently deleted

RECORDING 4 GAME 4
(GIF)
Internal Drive: 80 GB ITEM Free Space: 45 GB

VIDEO TITLE Internal Drive: 80 GB ITEM Free Space: 45 GB Internal Drive: 80 GB ITEM Free Space: 45 GB
(GIF)

DESCRIPTION OF RULES PAGE ON SELECTED GAME

IMAGE 4

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

SONG 4 EDIT ADD NEW DELETE SAVE CHANGES CHANGE ORDER SONG 5

OPTIONS FOR MY CHANNELS ARE DIFFERENT AND SPECIFIED SEPARATEDLY

CHANNEL 12 - Wed 07 Jan 00:30 - 02:30

CHANNEL 12 - Wed 07 Jan 00:30 - 02:30

CHANNEL 2 - Monday 05 Jan 00:30 - 02:30

Page MiTV MY FAVORITES MY MULTIMEDIA NetGem S.A. MiTV Client 1 of 1 PREVIEW IMAGES PREVIEW Document MiTV Architecture IMAGES 06b

CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30

CHANNEL 2 - Monday 05 Jan 00:30 - 02:30

GAME 3 PLAY <Media Type> 2 of 25 VIEW PLAY
Channel 4 of 64 Channel 4 of 64
(MAILBOX LIST)

MUSIC PREVIEW

TEXT

TEXT

CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30

Z.SEND

MY <Source List> <Media File>
SEND
MAIL
PREVIEW
Page 2 of 6

IMAGE/VIDEO 2 of 25

Page 4 of 18

DELETE Are you sure you do want to permanently delete this video?

PLAY ALL ITEM MEDIA WITHIN

Internal Drive: 80 GB ITEM Free Space: 45 GB

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

Page 4 of 18

PLAYING

PLAYING

VIEW PLAY

R.MY.x.x.V.1

R.MY.3.1.1

R.MY.5.1.1

R.MY.x.V.2

<Media Type> FILTER TYPE
(MY MULTIMEDIA)
(PC ACCESS)

PREVIEW PREVIEW
MiTV
TEXT

R.PLAYALL-A.V.4

MY <Source List> <Filter> PLAYING ALL

SLIDE

EDIT
xxxxxx
image

Name

CREATE NEW FILTER
Name xxxxxx image gif & Content

MY PC
DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

Filter

REDUCE

ROIG’S MOBILE
(BLUETOOTH)

Page 5 of 11

Page 2 of 6

ACCELERATE DECELERATE MOVE
Description

DELETE Are you sure you want to delete this <Media Type>?
YES
NO

PAGE

ITEM

SEND

EDIT

PREVIEW

CANCEL

© David Gómez-Rosado. 1994-2007

PLAYING ALL OPTIONS PLAYING ALL OPTIONS
CHANGE ORDER
SONG 5 - Got my Wheels - Frankie Frank SONG 6 - Spinning Now - Frankie Frank SONG 7 - Tar and Smoke - Frankie Frank SONG 8 - Forest Winds - Elena Sigmore

PAUSE/PLAY PREFERENCES EDIT
MOVE UP MOVE TO FIRST
MOVE TO LAST
ITEM

COPY
1/2 SIZE 1/2 QUALITY
MOVE DOWN

<Media Type> 2 of 25

PLAYING ALL OPTIONS

SEND SEND DELETE

SAVE FOR LATER

Channel 4 of 64 Channel 4 of 64

VIDEO 2 PLAYING VIDEO 2 PLAYING SONG 2 of 25 PLAYING ALL
PAGE ITEM
SONG 1 - Sun Gets Down - Johnny’s Band SONG 2 - All Night Long - Johnny’s Band SONG 3 -Diesel Power - Johnny’s Band
(MAILBOX LIST)

<Media Type> 2 of 25 <Media Type> 2 of 25
MAIL
FILTER TYPE

Z.SEND

R.MY.5.1.V2

R.MY.5.1.V1

R.MY.5.1.V4

R.MY.1.V

R.MY.2.1.1

R.MY.x.V.4

NAME OF PROGRAM
(MY MULTIMEDIA)
(PC ACCESS)

MY CHANNELS CHANNEL 4
PREVIEW PREVIEW
MiTV
TEXT

VIEW PLAY VIEW PLAY
PREVIEW
Page 2 of 6

SEND

COPY

DELETE

VIEW PLAY

ALARM LIST PROGRAM LIST
SLIDE
(PEN DRIVE)

ACCELERATE DECELERATE

CHANNEL 4 RECORDING
(MAILBOX LIST) (PEN DRIVE)

R.MY.1.1.V.1
Name
image

Channel 4 of 64

CHANNEL 4 RECORDING
Channel 4 of 64 <Media Type>
Type FTP

VIDEO 2

VIDEO 2

Z.ATTACH.2

R.MY.x.x.V.3

R.MY.2.1.1.V.3

Text describing the R.MY.2.1.1.V.2.1.1 Z.SEND filter and its content

<Media Type> 2 of 25

SNAPSHOT

CHANGE ORDER
********
Description of new source and its ownership, contents, etc.

OPTIONS RECORDING
STOP NO YES
CANCEL SAVE

image

R.MY.2.1.1.V.3.2

xxxxxx

R.MY.1.V.2

NAME OF PROGRAM
URL
Login roigmitv

MY CHANNELS CHANNEL 4
PREVIEW
ftp.netgem.com
MANUAL

SAVE

SEND

SAVE SNAPSHOT

Interactive Fields Pane

CHANNEL 4

CHANNEL 4

Text describing the filter and its content

Video Or Image Field

Joystick Down

Joystick Right

OPTIONS APLICABLE TO ALL SELECTED MEDIA FILTER LISTS

OPTIONSOptional Feature FOR MY CHANNELS ARE DIFFERENT AND SPECIFIED SEPARATEDLY

PROGRAM LIST
Page 4 of 18 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 12 - Wed 07 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30

CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 7 - Friday 09 Jan 00:30 - 02:30 CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30 CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30

DELETE CONFIRMATION The selected video has been permanently deleted

DELETE Are you sure you want to delete this recording?

Timed Fields Pane OPTIONS APLICABLE TO ALL SELECTED MEDIA FILES

Z.SEND

COPY

Selected Field

Active Field

Item Filter

Joystick Down - Long

Joystick Right - Long

Joystick Left - Long

Joystick Up - Long

Input Fields

R.MY.1.1.V.1

R.MY.1.1.A.1

PREVIEW
MAILBOX ROIG
Attach:

Z.MAIL.2 +(3).V.3

R.MY.1.V.1.V
(roig@netgem.com)

TEXT Description of the program
Feugait hendrerit nisl ut esse quis dolor quis duis

Program Name
(verdi@netgem.com)

image

xxxxxx

Schedule CLOSE
(verdi@netgem.com)

CHANNEL 4
(MAILBOX LIST)

LIVE
MAIL
PREVIEW
Page 2 of 6

SEND
MiTV
TEXT

(MY MULTIMEDIA)

PREVIEW
(PC ACCESS)

Z.MAIL.2 +(3).V.3.V.4

Z.MAIL.2 +(3).V.3.V.1

SNAPSHOT
SAVE
(BLUETOOTH)

MY PC
DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

Text describing the filter and its content

SEND

ROIG’S MOBILE

<Media Type> 2 of 25

david@gomez-rosado.com

design direction
ALARM LIST
Page 4 of 18 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 <Media Type> CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 12 - Wed 07 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30

(MAILBOX LIST)

MAIL

ROIG’S MOBILE

(MY MULTIMEDIA)

VERDI’S PEN

(BLUETOOTH)

(PC ACCESS)

(PEN DRIVE)

MY PC

MiTV

(PEN DRIVE)

VIDEO 2

SEND CANCEL

VERDI’S PEN
CONNECT TO ITEM NEW DESTINY

V.MAIN

MiTV OPTIONS
PREFERENCES DIAGNOSTICS HOTLINE EXTRAS

(MAILBOX LIST)

MAIL

ROIG’S MOBILE

(MY MULTIMEDIA)

VERDI’S PEN

(BLUETOOTH)

(PC ACCESS)

(PEN DRIVE)

MY PC

MiTV

MiTV MY CHANNELS CHANNEL1 PREVIEW

V.PREF

PREFERENCES
TELEVISION USER INTERFACE PARENTAL CONTROL
INTERNET AND MAIL

B1.02 V.TV

V.NET

INTERNET AND MAIL USER INTERFACE
DISPLAY REGION KEYBOARD DO NOT REMEMBER ENTER SERVICES Password:

PARENTAL LOCK

V.USER

V.PARENT

SNAPSHOT

DIAGNOSTICS LIST

ALARM CONECTION MODEM WIRELESS MAILBOXES

TELEVISION PROGRAM PREFERENCES LIST PROGRAM TUNING-IN LIST
FAVORITE CHANNELS LANGUAGES AUDIO AND VIDEO

V.PARENT.2

CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 12 - Wed 07 Jan 00:30 - 02:30
Wrap in Menus “Options” Menu MODIFY MODIFY SHow Disabled Options Verdi OFF Mitv

ITEM ITEM ITEM
Menu Background TV

Date Time Type of Alarm Occurence 18 years and younger CANCEL SAVE CHANGE PASSWORD SAVE CANCEL SAVE NO YES Restricted TV Programmes:
Current Time: Thursday 01 Jannuary 2004

CHANNEL 2, 4 y 5

MiNET

CHANNEL 7 - Friday 09 Jan 00:30 - 02:30 CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30 CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30 CHANNEL 1 - Monday 25 Jan 00:30 - 02:30 CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

A1.01 – OPTIONS 03 R.ALARM.V

A1.01 – OPTIONS 03 R.ALARM.V.03

R.ALARM.V.03.02 A1.01 – OPTIONS 03

R.ALARM.V.01 + (V.02)

PAGE ITEM

Para enviar por correo electrónico una fotografía (”pantallazo”) de la actual programación televisiva: Simplemente llama a las Opciones Avanzadas con ayuda de Verdi. Selecciona AÑADIR CONTENIDO, y en la lista de fuentes de recursos que aparece, desplázate a MiTV, entra, y selecciona el canal deseado para agarrar una imagen estática. Date cuenta que se puede seguir un procedimiento similar para añadir contenido desde MIS GRABACIONES, MIS FAVORITOS... ... o incluso MIS JUEGOS.

To send by email a snapshot of the current television programming: Simply call the Advanced Options with the help of Verdi. Select ATTACH CONTENT, and in the list of sources that appears, scroll to MiTV, enter, and select the desired channel to grab a still picture. Notice how you can follow a similar procedure to attach content from MY RECORDINGS, MY FAVORITES... ... or even MY GAMES

For a closer view: Print mitv_architecture_06.pdf Para una observación más cercana: Imprimir mitv_architecture_06.pdf

Verdi

For a closer view: Print mitv_architecture_06.pdf Para una observación más cercana: Imprimir mitv_architecture_06.pdf

ALARM LIST OPTIONS EDIT NEW ALARM ALARM DELETE ALARM DELETE ALARM Are you sure you want to delete this alarm? DELETE CONFIRMATION The selected alarm has been permanently deleted

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

PROGRAM LIST
Page 4 of 18 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 12 - Wed 07 Jan 00:30 - 02:30
Services Background Auto-Scan During stand-by ON Verdi Mitv TV Screensaver Timeout 5 Min Automatic PIP Refresh in “What’s On”

PROGRAM LIST
Page 4 of 18

PROGRAM LIST
Page 4 of 18

PROGRAM LIST
Page 4 of 18

SERVICES

Amalia

Verdi MiTV <verdi@netgem.com>

V.USER.2

SEND

CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 7 - Friday 09 Jan 00:30 - 02:30 CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30 CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30

PAGE

EDIT/NEW PROGRAM CHANNEL 4
PREVIEW
CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30

PAGE PAGE ITEM ITEM

A1.01 – OPTIONS 03 R.PROGRAM.V

A1.01 – OPTIONS 03 R.PROGRAM.V.03

A1.01 – OPTIONS 03 R.PROGRAM.V.03.02

R.PROGRAM.V.01 + (V.02)

PREVIEW

MiTV Product Design NetGem S.A. MiTV Architecture 06b July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

R.PROGRAM

Keep a Copy:

ITEM

Date Starts Ends Occurence CANCEL SAVE NO YES CANCEL SAVE
Current Time: Thursday 01 Jannuary 2004

PAGE ITEM

CHANNEL 1 - Monday 25 Jan 00:30 - 02:30 CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

PROGRAM LIST OPTIONS EDIT NEW PROGRAM PROGRAM DELETE PROGRAM DELETE CONFIRMATION The selected program has been permanently deleted

DELETE PROGRAM Are you sure you want to delete this program?

TUNING-IN
Country Spain GMT Time Zone

REGION

MAIL
MAILBOX AMALIA
(amalia@netgem.com)

Z.MAIL

TEXT

V.TV.3

MiNET
MAILBOX IMAGE
MAILBOX ROIG
(roig@netgem.com)

Z.MINET

V.USER.3

Z.SERVICE

SERVICES ONLINE SHOP
NEWS
MAILBOX ZULA
(zula@netgem.com)

ONLINE GAMES

DIRECT GUIDE
PERSONAL ADDRESS BOOK
MAILBOX VERDI
(verdi@netgem.com)

SEARCH MY FAVORITES

AUTOMATIC

MANUAL

PUBLIC ADDRESS BOOK
MAILBOX VERDI 2
(verdi@netgem.com)

MiTV Product Design NetGem S.A. MiTV Architecture 06b July 19, 2004 Lobe Multimedia S.L. Page www.lobemultimedia.com2 of 6

CONNECT TO ITEM NEW DESTINY

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

Z.MINET.4

CHOOSE IMAGE
PERSONAL IMAGE Name E-mail Home Mobile Fax Verdi Mitv verdi@netgem.com 555 334567 650 123446 555 334567

Main Street Anytown, 28005 Spain

CHOOSE IMAGE
Public PERSONAL IMAGE Name E-mail Home Mobile Fax Verdi Mitv verdi@netgem.com 555 334567 650 123446 555 334567

Main Street Anytown, 28005 Spain

Subject:

Check this out!
Attach:

(www.url.com)

(www.url.com)

Z.MINET.4.V

Z.MAIL.2 +(3).V.3

Z.MAIL.2 +(3).V.1

Z.MAIL.2 +(3).V.2

Z.MAIL.2 +(3).V.4

PERSONAL Verdi Mitv verdi@netgem.com IMAGE Main Street Anytown, 28005 Spain

555 334567 650 123446 555 334567 650 123446 555 334567

FAVORITE 2

(www.url.com)

FAVORITE 3

(www.url.com)

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

DELETE ADDRESS Are you sure you want to delete this address?
CANCEL SAVE CANCEL SAVE

FAVORITE 4

(www.url.com)

DESCRIPTION OF SELECTED PAGE WEB SITE

TEXT

OPTIONS
EDIT ADD NEW

CANCEL

SEND

NO

YES

FAVORITE 5

(www.url.com)

ITEM

CHANGE ORDER

DELETE

MiTV INFO WELCOME VIDEO
QUICK USER GUIDE FAQs YOUR OPPINION

MAIL
MAILBOX ROIG
(roig@netgem.com)

EDIT MAILBOX
MAILBOX IMAGE
MAILBOX IMAGE Email Login Password Name Mailbox Roig roig@netgem.com roigmitv Name Verdi Mitv

CREATE MAILBOX
CHOOSE IMAGE
MAILBOX IMAGE Email Login Name Mailbox Roig roig@netgem.com roigmitv Name Verdi Mitv

MAIL
CHOOSE IMAGE
MAILBOX ROIG
(roig@netgem.com)

Channel 4 of 64

CHOOSECONTENT ATTACH IMAGE VERDI’S PEN PREVIEW
MAILBOX IMAGE
(PEN DRIVE)
(MY MULTIMEDIA)

Page 4 of 5

CONNECT TO NEW SOURCE
Name
Type

Channel 4 of 64
ROIG’S PC
FTP

Z.MAIL.V.2

Z.MAIL.V.1

Z.MAIL.V.3

Z.MAIL.V

Z.ATTACH.2

Z.ATTACH

MY FAVORITES FAVORITE 3
(www.url.com)

PREVIEW

Z.MINET.4.V.1

ONLINE HELP

MiTV
********
pop.netgem.com Remember Password

URL

ftp.netgem.com

Login

roigmitv

MANUAL

SAVE SNAPSHOT COMFIRMATION Your snapshot has been saved as <Name Given> under the <Filter Name> group in the list of My Multimedia presented by Roig

********
pop.netgem.com

Remember

(PC ACCESS)

MY PC

TEXT

Password

********

MANUAL

EDIT MAIL OPTIONS EDIT MAILBOX
CREATE MAILBOX DELETE MAILBOX
POP3 Server SMTP Server smtp.netgem.com POP3 Server SMTP Server smtp.netgem.com

DELETE MAILBOX Are you sure you want to delete this mailbox?
CANCEL SAVE CANCEL SAVE NO
YES

ROIG’S MOBILE
(BLUETOOTH)

Comment (Optional)

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

Description of new source and its ownership, contents, etc.

Name Address

Favorite 3 http://www.cnn.com

RECORDING

AMALIA’S PC
(WI-FI)

Description

CONNECT TO ITEM NEW SOURCE

CANCEL

SAVE

Text describing the url and its content

SAVE CHANGES

MAILBOX ROIG
Greetings from Madrid (amalia@netgem.com) Question about work (nacho@netgem.com) Welcome to our club (nacho@netgem.com) Happy birthday dad (verdi@netgem.com) Happy birthday daddy (zula@netgem.com) 02 Feb 2004 at 17:54 56 Kb 02 Feb 2004 at 17:54 18 Kb 02 Feb 2004 at 17:54 78 Kb

RECEIVED MAIL
Greetings from Madrid (amalia@netgem.com) 02 Feb 2004 at 17:54 56 Kb

RECEIVED MAIL
Greetings from Madrid (amalia@netgem.com) 02 Feb 2004 at 17:54 56 Kb Small sample of the text within the mail , and info about attachments, etc, etc ...

RECEIVED MAIL
Greetings from Madrid (amalia@netgem.com) 02 Feb 2004 at 17:54 56 Kb Small sample of the text within the mail , and info about attachments, etc, etc ...

R.MY.04

Z.MAIL.1

Z.MAIL.1.1

MY MULTIMEDIA MiTV IMAGES PREVIEW
MEDIA

Page 1 of 1

Channel 4 of 64 (www.url.com)

MY FAVORITES FAVORITE 3
VIDEOS
MPEG

Z.MAIL.1.1.1

Z.MAIL.1.1.V

Z.MINET.4.V.2

PREVIEW

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero

PAGE
02 Feb 2004 at 17:54 34 Kb 02 Feb 2004 at 17:54 12 Kb

MUSIC MP3

TEXT

ADD NEW
FORWARD MAIL
ITEM
PC ACCESS

DELETE MAIL Are you sure you want to delete this received mail?
DELETE REPLY NO
YES

MAIL OPTIONS REPLY MAIL
SAVE ADDRESS

MY PC
DELETE MAIL

Name Address Description

Favorite 3 http://www.cnn.com

DESCRIPTION OF MEDIA PAGE FILTER SELECTED

Architecture MiTV Help

Interactive Fields Pane

Video Or Image Field

Timed Fields Pane

Optional Feature

Interactive Fields Pane

Joystick Down

Joystick Right

Joystick Left

Joystick Up

Joystick Down

Joystick Right

Joystick Left

Joystick Up

A.WELCOME.V

A.WELCOME C1.03

WELCOME VIDEO PLAYING WELCOME VIDEO PLAYING

PLAY ALL ITEM MEDIA WITHIN

Text describing the url and its content

SAVE CHANGES

MAILBOX ROIG
Greetings from Madrid (amalia@netgem.com) 02 Feb 2004 at 17:54 56 Kb Small sample of the text within the mail , and info about attachments, etc, etc ...

R.MY.04.01

Z.MAIL.1.V

PLAYING OPTIONS
PAUSE
ACCELERATE DECELERATE SLIDE

MY MULTIMEDIA IMAGE 1
(JPEG)

IMAGES PREVIEW
IMAGE 2
(GIF)

Page 1 of 8

ONLINE SHOP
TELEPIZA PHILLIPS TELEFONICA BTELECOM

Channel 4 of 64 (www.url.com)

Z.SERVICE.1

MY FAVORITES FAVORITE 3

PREVIEW

Z.MINET.4.V.3

SNAPSHOT

2003

REDUCE QUALITY IS ONLY APPLICABLE TO COMPRESSING MEDIA TYPES SUCH AS JPEG, MPEG AND MP3

BOTH FEATURES MAY NOT BE APPLICABLE YET

FILTER TYPE

MY <Source List> <Filter>

MY <Source List> OPTIONS CREATE EDIT FILTER NEW FILTER CHANGE ORDER DELETE FILTER

CONNECT TO NEW SOURCE

MY MULTIMEDIA MiTV IMAGES PREVIEW

other n vel of ives which ng the great l public. unction

PORTFOLIO 1.0

MY MULTIMEDIA IMAGE 1

SONG 3 -Diesel Power - Johnny’s Band

SONG 4 - Oh Babby, Oh Baby - Kenny H

MiTV ARCHITECTURE

USER EXPERIENCE & WORKFLOW

SONG 8 - Forest Winds - Elena Sigmore

SONG 6 - Spinning Now - Frankie Frank

SONG 7 - Tar and Smoke - Frankie Frank

SONG 2 - All Night Long - Johnny’s Band

SONG 5 - Got my Wheels - Frankie Frank

SONG 1 - Sun Gets Down - Johnny’s Band

mitv_architect.pdf

cture_06.pdf

SONG 3 -Diesel Power - Johnny’s Band

SONG 2 - All Night Long - Johnny’s Band

SONG 1 - Sun Gets Down - Johnny’s Band

PLAYING ALL OPTIONS

PLAYING ALL OPTIONS

PAUSE/PLAY LOOP TOGGLE

PAUSE/PLAY LOOP TOGGLE

Roig

R.PLAYALL-A A1.02.02

IMAGE/VIDEO 2 of 25

ACCELERATE DECELERATE

R.PLAYALL-A.V

IMAGE/VIDEO 2 of 25

Z.SEND

R.PLAYALL-B

R.PLAYALL-B.V 03 A1.01 – OPTIONS

Z.SEND

gomez-rosado.com

R.MY.x.V.1

R.MY.x.V.2

R.MY.x.V.3

R.MY.x.V.4

A1.xx.xx – OPTIONS 02.01.01 R.MY.04.01

R.MY.04

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

CONNECT TO ITEM

R.MY.x.V

R.MY.x.x.V

REDUCE SIZE IS ONLY APPLICABLE TO DIMENSIONAL MEDIA TYPES SUCH AS JPEG AND GIF

R.MY.x.x.V.1

R.MY.x.x.V.1.1

Z.ATTACH

R.MY.x.x.V.3

Z.ATTACH.2

R.MY.x.x.V.4

i n te ra c t i o n
CANCEL SAVE

EXTRAS KEYBOARD
Type NORMAL

ACCESSORIES
PRINTERS HARD DRIVES ETHERNET IR KEYBOARD CANCEL SAVE CAMERAS WIRELESS DISK ON KEY WEBCAMS

PERSONAL ADDRESS BOOK
PERSONAL Amalia Mitv IMAGE amalia@netgem.com PERSONAL Verdi Mitv IMAGE verdi@netgem.com PERSONAL Zula Mitv IMAGE zula@netgem.com PERSONAL Nacho Mitv IMAGE nacho@netgem.com PERSONAL Grandparents Mitv IMAGE grandpa@netgem.com
555 334567 650 123446

PUBLIC ADDRESS BOOK
PERSONAL Amalia Mitv amalia@netgem.com IMAGE 555 334567 650 123446

MiNET DIRECT
Enter your destination:

V.EXTRA.1

YES

IMAGE 3
(JPEG)

TEXT

CHANGE ORDER
FORWARD MAIL
WRITE MAIL DELETE MAIL

MAIL OPTIONS REPLY MAIL

IMAGE 4
(GIF)

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

MOVE UP

MOVE DOWN

WELCOME VIDEO PLAYING

SEND
Page 2 of 6

MAIL WRITE MAIL
Keep a Copy:

WRITE MAIL
Keep a Copy:

IMAGE 5
(GIF)

Internal Drive: 80 GB ITEM Free Space: 45 GB

MOVE TO FIRST

MOVE TO LAST

Z.MAIL

Z.SEND

A.WELCOME.V.2

Z.MAIL.2 +(3).V.3.V

<Media Type> 2 of 25

For a closer view: Print mitv_architecture_06.pdf Para una observación más cercana: Imprimir mitv_architecture_06.pdf

Timed Selected Field DELETE Fields Pane Video Or Image Field Active Field Are you Optional Feature want Input Fields sure you to delete this <Media Type>?

A.QUICK

QUICK USER GUIDE 1 2 LESSON NAME LESSON NAME
(MAILBOX LIST)
(amalia@netgem.com)

MAIL

PREVIEW
MAILBOX AMALIA
To: Verdi MiTV <verdi@netgem.com>

To:

Verdi MiTV <verdi@netgem.com>

MAILBOX IMAGE
Subject:
Attach:

Check this out!
Attach:

3 4 LESSON NAME LESSON NAME
(MY MULTIMEDIA)
(roig@netgem.com)

MiTV
MAILBOX ROIG

Subject: Message:

Check this out!

Feugait hendrerit nisl ut esse quis dolor quis duis

REPLY MAIL
To: Subject: roig@netgem.com roigmitv

Keep a Copy:

WRITE MAIL
To:
Attach:

Keep a Copy:

Z.MAIL.2 +(3).V.3

5 6 LESSON NAME LESSON NAME

SNAPSHOT
(PC ACCESS)
(zula@netgem.com)

PREVIEW

MY PC

TEXT
MAILBOX ZULA

Verdi MiTV <verdi@netgem.com>

PERSONAL ADDRESS BOOK

Z.SERVICE.2

Z.MAIL.1.V.1

Subject: Message:

Check this out!
Attach:

ONLINE GAMES ARCADE
GAMES
Feugait hendrerit nisl ut esse quis dolor quis duis

PREVIEW ROLE-PLAY
GAMES

Page 4 of 5

(MULTIPLAYER)

ONLINE GAMES GAME 1
(MULTIPLAYER)

PREVIEW GAME 2 BOARD
GAMES

Page 4 of 5

Channel 4 of 64 (www.url.com)

MY FAVORITES FAVORITE 3

PREVIEW

Z.MINET.4.V.4

Z.SERVICE.2.1

7 8 LESSON NAME LESSON NAME SAVE
(BLUETOOTH)
(verdi@netgem.com)

ROIG’S MOBILE
MAILBOX VERDI

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

PUBLIC ADDRESS BOOK

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

WRITE MAIL OPTIONS ATTACH SELECT CONTENT ADDRESS
SAVE FOR LATER
DELETE MAIL

Z.MAIL.2 +(3).V.3.V

9 10 LESSON NAME LESSON NAME SEND
CANCEL
(PEN DRIVE)
(verdi@netgem.com)

VERDI’S PEN
CONNECT TO ITEM NEW DESTINY
MAILBOX VERDI 2

TEXT

CANCEL

SEND

(MULTIPLAYER)

GAME 3

TEXT

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

WRITE MAIL OPTIONS ATTACH SELECT CONTENT ADDRESS
Keep a Copy:

CLASSICS
Page 4 of 5
(PEN DRIVE)

GAMES

DESCRIPTION OF RULES PAGE ON SELECTED GAME

(MULTIPLAYER)

GAME 4

FAQs
BROADBAND
TEXT
Subject:

WRITE MAIL
To:

WRITE MAIL
To:

Keep a Copy:

Z.ATTACH

Z.MAIL.2 +(3).V.3.V.4

Z.MAIL.2 +(3).V.3.V.1

Zula

Joystick Down - Long

Joystick Right - Long

Joystick Down - Long

Joystick Right - Long

C1.01 A.FAQ

PREVIEW

Verdi MiTV <verdi@netgem.com>

Check this out!

ATTACH CONTENT VERDI’S PEN PREVIEW
(MY MULTIMEDIA)
555 334567 650 123446
NEW

Verdi MiTV <verdi@netgem.com>

CANCEL

SEND

SAVE FOR LATER
MiTV
Subject: Message: Check this out!
Attach:

DELETE MAIL

STRATEGY

GAMES

ITEM

(MULTIPLAYER)

GAME 5

DESCRIPTION OF RULES PAGE ON SELECTED MULTIPLAYER GAME

DELETE Are you sure you want to delete this Web Address?
ITEM

NO

YES

USE YOUR ISP
TEXT

SELECT ADDRESS
PERSONAL Zula Mitv zula@netgem.com IMAGE

Feugait hendrerit nisl ut esse quis dolor quis duis

FORWARD MAIL
(PC ACCESS)

Keep a Copy:

WRITE MAIL
MY PC

Keep a Copy:

NEWS
TEXT
To: Subject: roig@netgem.com roigmitv Attach:

Z.MAIL.1.V.2

YOUR EMAIL
TEXT DESCRIPTION OF QUESTION PAGE FILTER SELECTED

TEXT

To:

Verdi MiTV <verdi@netgem.com>

Subject:

Check this out!

HEADLINES
PERSONAL Nacho Mitv nacho@netgem.com IMAGE 555 334567 650 123446

PRESS

Z.SERVICE.2.3

VCR RECORD
TEXT

ROIG’S MOBILE
(BLUETOOTH)
PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE 555 334567 650 123446

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

DELETE MAIL Are you sure you want to delete this unsent mail?
ITEM

SELECT ADDRESS
AMALIA’S PC
(WI-FI)

SPORTS
CONNECT TO ITEM NEW SOURCE

MONEY

Z.MAIL.2 +(3).V.3.V.1

ITEM

NO

YES

PERSONAL Zula Mitv zula@netgem.com IMAGE

555 334567 650 123446

NEW

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

PERSONAL Nacho Mitv nacho@netgem.com IMAGE

555 334567 650 123446

C1.03 A.HELP.1

Selected Field

Active Field

Item Filter

Input Fields

Joystick Left - Long

Joystick Up - Long

Joystick Left - Long

Joystick Up - Long

Item Filter

A.HELP

ONLINE HELP MiTV WEBSITE ONLINE
Enter your search:

CANCEL

SEND

PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE

555 334567 650 123446

ITEM

How can I record? GO

WRITE MAIL
To: Subject: roig@netgem.com roigmitv

Keep a Copy:

R.MY.04

Z.ATTACH

R.MY.04.01 A1.04.01

ONLINE HELP INTRO

netgem.com

ATTACH CONTENT VERDI’S PEN PREVIEW
(PEN DRIVE)
Attach:

Page 4 of 5

Page 1 of 1

Page 1 of 8

WRITE MAIL
MEDIA
(MY MULTIMEDIA)

Keep a Copy:

MY MULTIMEDIA MiTV IMAGES PREVIEW
MiTV

MY MULTIMEDIA IMAGE 1
(JPEG)

IMAGES PREVIEW
VIDEOS
MPEG
(PC ACCESS)

To:

Verdi MiTV <verdi@netgem.com>

Subject:

Check this out!

Z.MAIL.1.V.3

Z.MAIL.2 +(3).V.3

IMAGE 2
(GIF)

Attach:

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero

MY PC

TEXT
ROIG’S MOBILE
(BLUETOOTH)

MUSIC MP3
DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE
PC ACCESS

TEXT
MY PC
CANCEL SEND

IMAGE 3
(JPEG)

TEXT
DESCRIPTION OF MEDIA PAGE FILTER SELECTED

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

IMAGE 4
(GIF)

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

YOUR OPPINION
Keep a Copy: To: Subject: Attach: I need help customerservice@netgem.com

AMALIA’S PC
(WI-FI)

CONNECT TO ITEM NEW SOURCE

PLAY ALL ITEM MEDIA WITHIN

IMAGE 5
(GIF)

Internal Drive: 80 GB ITEM Free Space: 45 GB

NO

VIEW PLAY

AOPPINION

CANCEL

SEND

MAILBOX ROIG
Greetings from Madrid (amalia@netgem.com) 02 Feb 2004 at 17:54 56 Kb Small sample of the text within the mail , and info about attachments, etc, etc ...

WRITE MAIL
To:

Keep a Copy:

Verdi MiTV <verdi@netgem.com>

Z.MAIL.1.V.4

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

Subject: Message:

Check this out!

Feugait hendrerit nisl ut esse quis dolor quis duis

Attach:

Z.MAIL.2 +(3).V.3.V.4

DELETE

SEND

DELETE MAIL Are you sure you want to delete this received mail?
NO
YES

DELETE MAIL Are you sure you want to delete this unsent mail?
NO

YES

g. So is iating ceiver.

R.MY.5.1.V4

V.EXTRA

V.USER.4

B1.01 Z.MAIL.3

Z.MINET.1

Z.MAIL.2

ACCESSORIES SOFTWARE

FORUM

www.cnn.com
555 334567 650 123446
PERSONAL Verdi Mitv verdi@netgem.com IMAGE 555 334567 650 123446

MY FAVORITES
555 334567 650 123446
PERSONAL Zula Mitv zula@netgem.com IMAGE 555 334567 650 123446

GO
PAGE
555 334567 650 123446

PERSONAL Nacho Mitv nacho@netgem.com IMAGE

555 334567 650 123446

PAGE

555 334567 650 123446

ITEM

PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE

555 334567 650 123446

ITEM

V.DIAG

DIAGNOSTICS
I-PLAYER NETWORK USB WIRELESS CA MODULE TV SIGNAL

<Type> ADDRESS BOOK
PERSONAL Verdi Mitv verdi@netgem.com IMAGE Main Street Anytown, 28005 Spain 555 334567 650 123446 555 334567 650 123446 555 334567

MiNET SEARCH
Enter your search:

Z.MINET.2

CNN GO

ADRESS BOOK OPTIONS EDIT NEW ADDRESS ADDRESS
WRITE MAIL DELETE ADDRESS

GUIDE
SERVICE 1 SERVICE 3 SERVICE 2 SERVICE 4

EDIT ADDRESS

Address

NEW ADDRESS

Address Public

WRITE MAIL
To:

Keep a Copy:

PERSONAL ADDRESS BOOK
Verdi MiTV <verdi@netgem.com>

MY FAVORITES FAVORITE 1

PREVIEW

Page 4 of 5

Channel 4 of 64

MY FAVORITES FAVORITE 3

PREVIEW

Z.MAIL.2 +(3).V.3

When a Fr ench comp a n y w a n te d to la u n ch a n e w in te ra ct ive TV set- top box in S p a in , t he y ca m e to u s fo r t he f u l l p a cka g e
IMAGES PREVIEW
FILTER SELECTED

ALARM LIST
Page 4 of 18 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30
Transparency (on TV) NORMAL

ALARM LIST
Page 4 of 18

ALARM LIST
Page 4 of 18

ALARM LIST
Page 4 of 18

DISPLAY
Infobar Timeout NORMAL

PARENTAL LOCK
Restrited Channels:

Z.MAIN

V.USER.1

R.ALARM

CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30

PAGE

EDIT/NEW ALARM CHANNEL 4
PREVIEW
PAGE PAGE

MiTV CONECTA
MAIL SERVICES

ones han sido Primero: ue ha sido blico general Da a la ncia que la de aturaleza

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

CONNECT TO ITEM NEW DESTINY

PREVIEW

RECORDING

Page 2 of 6

Project Client Document Date Design Info

Project Client Document Date Design SEND Info

page 02 of 03

Architecture MiTV Conecta

Architecture MiTV Options

A1.04.01 A1.02.01.02

page 03 of 03

A1.01

R.MY.1.V.1.V.2.1.1

code
CHANNEL 4
A.MAIN C1

Z.ATTACH

Z.SEND

Z.SEND

R.MY.2.1.1.V.2.1.1

RECORDING

RECORDING

R.MY.1.1

R.MY.1.1.V

R.MY.1.1.A

(MAILBOX LIST)

MAIL

PREVIEW

Page 2 of 6

(MY MULTIMEDIA)
(PC ACCESS)

MiTV
TEXT

OPTIONS LIVE INFO LIVE
SNAPSHOT Program Name
(BLUETOOTH)

MY PC
DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

RECORD Schedule MORE INFO
(PEN DRIVE)

ROIG’S MOBILE
VERDI’S PEN
CONNECT TO ITEM NEW DESTINY

CHANNEL 4
MAIL WRITE MAIL
Keep a Copy:
To:
Subject: Message: Check this out!

LIVE
WRITE MAIL
Keep a Copy:
Verdi MiTV <verdi@netgem.com>

INFO LIVE
(amalia@netgem.com)
Subject: Check this out!

R.MY.5.1.V2

NO

MOVE UP MOVE DOWN MOVE TO LAST DELETE
MOVE TO FIRST
MOVE TO LAST

SNAPSHOT

MOVE TO FIRST

ALARM LIST
Page 4 of 18

ALARM LIST
Page 4 of 18

ALARM LIST
Page 4 of 18 Channel 4 of 64

R.MY.x.x.V.4

REDUCE

SAVE CHANGES

Joystick Left

Joystick Up

PLAYING

PLAYING

R.ALARM

CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 7 - Friday 09 Jan 00:30 - 02:30 CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30 CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30

PAGE

EDIT/NEW ALARM CHANNEL 4
PREVIEW
ITEM ITEM PAGE PAGE

R.MY.1.V.1.V.2

ITEM

Date Time Type of Alarm Occurence SAVE SEND CANCEL
YES
NO
Current Time: Thursday 01 Jannuary 2004

R.ALARM.V.01 + (V.02)

VIEW PLAY

PAGE

CHANNEL 1 - Monday 25 Jan 00:30 - 02:30 CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

DELETE ALARM Are you sure you want to delete this alarm? DELETE CONFIRMATION The selected alarm has been permanently deleted
NO YES

ITEM

ALARM LIST OPTIONS EDIT NEW ALARM ALARM DELETE ALARM
CANCEL SAVE

PROGRAM LIST
Page 4 of 18

PROGRAM LIST
Page 4 of 18

PROGRAM LIST
Page 4 of 18

PAGE

EDIT/NEW PROGRAM CHANNEL 4
PREVIEW
ITEM ITEM PAGE PAGE

A1.02.01.04 R.MY.1.V.1.V.3

R.MY.1.V.1.V.2.1

R.MY.1.V.1.V.2.1.1

R.PROGRAM

ITEM

Date Starts Ends
Name
Filter Description image
Text describing the filter and its content

PREVIEW

CANCEL

R.PROGRAM.V.01 + (V.02)

CHANNEL 1 - Monday 25 Jan 00:30 - 02:30 CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

DELETE PROGRAM Are you sure you want to delete this program?
xxxxxx

FINISH SAVE

PAGE

Occurence CANCEL SAVE NO YES NO YES
FINISH SAVE

Current Time: Thursday 01 Jannuary 2004

DELETE CONFIRMATION The selected program has been permanently deleted

ITEM

PROGRAM LIST OPTIONS EDIT NEW PROGRAM PROGRAM DELETE PROGRAM

CHANNEL 4 LIVE LIVE CHANNEL 4 LIVE CHANNEL 4

R.MY.2.1.1.V.2.1

R.MY.2.1.1.V.3.2

R.MY.1.V.1.V.2

SAVE SNAPSHOT COMFIRMATION Your snapshot has been saved as <Name Given> under the <Filter Name> group in the list of My Multimedia presented by Roig

R.MY.1.V.1.V.2.1

R.MY.1.V.1.V.3 A1.02.01.04

Z.SEND

u x a r q u i te c t u r e
NAME OF PROGRAM

CHANNEL 3 TEXT
RECORDINGS

RECORDINGS

DESCRIPTION FEBRUARY OF SELECTED PAGE RECORDINGS RECORDINGS’ FILTER

MY RECORDINGS MiTV JANUARY PREVIEW RECORDINGS TEXT
BOARD TEXT
MUSIC MP3
TEXT

R.PLAYALL-B.V A1.01 – OPTIONS 03

Filter

Description

Name

OPTIONS PLAYING OPTIONS
Name xxxxxx

EDIT

COPY
REDUCE
Filter image Name xxxxxx

MY PC

EDIT

RECORD PAUSE
Filter image

CHANGE ORDER

SNAPSHOT
(BLUETOOTH)

REDUCE PAUSE/PLAY LOOP TOGGLE MAKE COPY
VERDI’S PEN
CONNECT TO ITEM NEW DESTINY

ROIG’S MOBILE

Description

DELETE YES SEND

Text describing the filter and its content

SAVE CHANGES
Description Text describing the filter and its content

VIDEO 2 PLAYING VIDEO 2
MAIL
MEDIA
(JPEG)

PLAYING
PREVIEW
(MAILBOX LIST)
Page 2 of 6

SEND

R.MY.2.1.1.V.2.1

R.MY.2.1.1.V.2

(MY MULTIMEDIA) (MY MULTIMEDIA)
(GIF) (PC ACCESS)
(JPEG)
MPEG

MiTV MiTV
IMAGE 2
(MY MULTIMEDIA)

R.PLAYALL-B.V.4

SNAPSHOT
(PC ACCESS) (PC ACCESS)
(BLUETOOTH) (BLUETOOTH)
xxxxxx

PREVIEW

SAVE SNAPSHOT
ROIG’S MOBILE ROIG’S MOBILE
PC ACCESS
DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

MY PC MY PC
TEXT

TEXT

SAVE
Filter

Filter

Description

A1.xx.xx – OPTIONS 02.01.01 R.MY.04.01

Name

SEND CANCEL
(PEN DRIVE) (WI-FI)
(GIF)

Description

Text describing the filter and its content

FINISH SAVE
VERDI’S PEN
CONNECT TO ITEM NEW DESTINY

VIDEO 2 PLAYING VIDEO 2 PLAYING VIDEO 2
PREVIEW
Name ROIG’S PC

R.MY.1.V.1.V

PLAYING

DELETE Are you sure you do want to permanently delete this video?
Password
MANUAL

DELETE CONFIRMATION The selected video has been permanently deleted
MOVE UP
MOVE DOWN
Comment (Optional)

SAVE SNAPSHOT COMFIRMATION Your snapshot has been saved as <Name Given> under the <Filter Name> group in the list of My Multimedia presented by Roig

CHANNEL 4 RECORDING
PREVIEW

A1.01 – OPTIONS 03 R.ALARM.V

A1.01 – OPTIONS 03 R.ALARM.V.03

A1.01 – OPTIONS 03 R.ALARM.V.03.02

SNAPSHOT

PREVIEW

CHANNEL 4 RECORDING CHANNEL 4 RECORDING CHANNEL 4 RECORDING

A1.01 – OPTIONS 03 R.PROGRAM.V

A1.01 – OPTIONS 03 R.PROGRAM.V.03

A1.01 – OPTIONS 03 R.PROGRAM.V.03.02

YES

DELETE Are you sure you want to delete this recording?

SAVE SNAPSHOT

SEND

R.MY.5.1.V1

PAGE

ITEM

YES

SLIDE

Text describing the filter and its content

SAVE CHANGES
Description Text describing the filter and its content

SAVE
(PEN DRIVE)

VERDI’S PEN
CONNECT TO ITEM NEW DESTINY

GAME 3 <Media Type> 2 of 25
Channel 4 of 64 Channel 4 of 64 SONG 1 - Sun Gets Down - Johnny’s Band SONG 2 - All Night Long - Johnny’s Band SONG 3 -Diesel Power - Johnny’s Band SONG 4 - Oh Babby, Oh Baby - Kenny H

PLAY VIEW PLAY SONG 2 of 25 PLAYING ALL
<Media Type> FILTER TYPE

R.MY.5.1.V

R.MY.x.V.3

R.MY.x.x.V.1.1

R.MY.3.1.1.V

R.PLAYALL-B

MY <Source List> <Media File>
PREVIEW PREVIEW

MY <Source List> <Filter>

EDIT REDUCE
PAGE

1/4 SIZE 1/4 QUALITY

<Media Type> 2 of 25
REDUCE SIZE IS ONLY APPLICABLE TO DIMENSIONAL MEDIA TYPES SUCH AS JPEG AND GIF BOTH FEATURES MAY NOT BE APPLICABLE YET

R.MY.2.1.1.V

VIEW PLAY MY <Source List> <Filter>

REDUCE QUALITY IS ONLY APPLICABLE TO COMPRESSING MEDIA TYPES SUCH AS JPEG, MPEG AND MP3

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

DELETE Are you sure you want to delete this <Media Type>?

DELETE Are you sure you want to delete this filter? PLAYING ALL OPTIONS NO DELETE

YES

NO

Z.SEND

image

R.MY.04

ATTACH CONTENT ADD NEW PREVIEW VERDI’S PEN
Page 4 of 5

MiTV MY MULTIMEDIA PREVIEW IMAGES

Page 1 of 1

MY MULTIMEDIA IMAGE 1
MAIL
SONG 1 - Sun Gets Down - Johnny’s Band SONG 2 - All Night Long - Johnny’s Band SONG 3 -Diesel Power - Johnny’s Band

xxxxxx

R.MY.1.V.1

Z.ATTACH

IMAGES PREVIEW
PREVIEW
ITEM PAGE

Page 1 of 8

SEND
Page 2 of 6

SONG 2 of 25 PLAYING ALL

VIDEOS

MiTV
TEXT

MUSIC MP3
MY PC
(GIF)
Internal Drive: 80 GB ITEM Free Space: 45 GB DESCRIPTION OF MEDIA PAGE FILTER SELECTED

TEXT

IMAGE 3
IMAGE 4
(BLUETOOTH)
DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

TEXT

MY PC
DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

ROIG’S MOBILE
VERDI’S PEN
(PEN DRIVE)

DELETE Are you sure you want to delete this <Media Type>?
YES
NO

AMALIA’S PC
CONNECT TO ITEM NEW SOURCE

PLAY ALL ITEM MEDIA WITHIN

IMAGE 5

CONNECT TO ITEM NEW DESTINY

MY <Source List> <Media File>

CONNECT TO NEW SOURCE

CHANGE ORDER

MY <Source List> <Media File>

DELETE Are you sure you want to delete this <Media Type>?

SAVE SNAPSHOT COMFIRMATION Your snapshot has been saved as <Name Given> under the <Filter Name> group in the list of My Multimedia presented by Roig

Description

Name

Filter

Z.MAIL

MAILBOX AMALIA
To: Attach: Verdi MiTV <verdi@netgem.com>

MAILBOX IMAGE

Z.MAIL.2 +(3).V.3.V

MAILBOX ZULA

(zula@netgem.com)

PERSONAL ADDRESS BOOK
PUBLIC ADDRESS BOOK

MAILBOX VERDI

Feugait hendrerit nisl ut esse quis dolor quis duis praesent ipsum eum augue diam. Ut dolor erat vulputate facilisi crisare, hendrerit nibh ut amet. Facilisis ad veniam aliquam ullamcorper ut velit vero volutpat, erat vel. Qui te commodo ad enim

WRITE MAIL OPTIONS SELECT ATTACH ADDRESS CONTENT
SAVE FOR LATER
DELETE MAIL

MAILBOX VERDI 2

CANCEL

SEND

WRITE MAIL
To:
Subject: Check this out!

Keep a Copy:
Verdi MiTV <verdi@netgem.com>

Z.ATTACH

Z.SEND

ATTACH CONTENT PREVIEW VERDI’S PEN
(PEN DRIVE)

Page 4 of 5

WRITE MAIL
To:
Subject: Message: Check this out!

Keep a Copy:
Verdi MiTV <verdi@netgem.com>

R.MY.1.1.V.2

SELECT ADDRESS
PERSONAL Zula Mitv zula@netgem.com IMAGE
PERSONAL Nacho Mitv nacho@netgem.com IMAGE
PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE

(MY MULTIMEDIA)
555 334567 650 123446
555 334567 650 123446
555 334567 650 123446

MiTV
NEW

Feugait hendrerit nisl ut esse quis dolor quis duis

Attach:

(PC ACCESS)

MY PC

TEXT

ROIG’S MOBILE
(BLUETOOTH)

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

DELETE MAIL Are you sure you want to delete this unsent mail?
ITEM

AMALIA’S PC
(WI-FI)

CONNECT TO ITEM NEW SOURCE

NO

YES

w

DELETE CONFIRMATION The selected program has been permanently deleted

RECORDING 5 GAME 5

VIDEO TITLE

IMAGE 5

R.MY.5.1.V

PROGRAM LIST

MOVIES CLASSICS
GAMES TELEVISION

RECORDINGS DESCRIPTION OF SELECTED PAGE RECORDINGS’ FILTER

MARCH
MY PC
PLAY ALL ITEM MEDIA WITHIN
DESCRIPTION OF MEDIA PAGE FILTER SELECTED

TEXT

ITEM

NAME OF PROGRAM RECORDINGS

CHANNEL 4 APRIL
ITEM
GAMES URL

DESCRIPTION OF PROGRAM PAGE ON SELECTED CHANNEL

CHANNELS WEB SITES PLAY ALL ITEM MEDIA WITHIN
ACCELERATE DECELERATE SLIDE

NAME OF PROGRAM RECORDINGS

CHANNEL 5
ITEM

UPCOMING PROGRAM MAY
ITEM

STRATEGY

MY <Source List> OPTIONS CREATE EDIT FILTER NEW FILTER CHANGE ORDER DELETE FILTER

MY <Source List> <Filter> PLAYING ALL

DELETE

R.MY.5

R.MY.5.1

R.MY.5.1.1

pues el de color amarillo (representando los servicios de MiTV STOP SNAPSHOT Info proveídos por el carácter de Amalia) DELETE realiza la misma función en una manera más intuitiva y consistente.

R.MY.2.1.1.V.2

R.MY.2.1.1.V.3

R.ALARM.V.03.02 03 A1.01 – OPTIONS

R.MY

MiTV

V d

CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30

TEXT

Page 4 of 18

Architecture MiTV Digital

page 01 of 03

Page 4 of 18

PLAY ALL ITEM MEDIA WITHIN

Internal Drive: 80 GB ITEM Free Space: 45 GB

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

El botón de Info OPTIONS RECORDINGes ahora innecesario,

The Info button is now unnecessary, as the yellow one R.MY.1.1.V.1 the MiTV (representing Info services provided by the character of Amalia) does the same CHANNEL 4 function inRECORDING a more intuitive and consistent manner.

R.PROGRAM.V.03.02 A1.01 – OPTIONS 03

YES

YES

R.MY.2.1.1.V

page 010 of 061
R.MY.04

R.MY.04.01

SAVE FOR LATER

R.MY.1.V.1.V

R.ALARM.V.03 A1.01 – OPTIONS 03

R.PROGRAM.V.03 03 A1.01 – OPTIONS

Current Time: Thursday 01 Jannuary 2004

LIVE
ITEM
Page 5 of 11 Page 2 of 6

SEND

PLAY

ALARM LIST

(JPEG)

IMAGE 5

IMAGE 4

MEDIA

IMAGE 3

MY PC

IMAGE 2

PC ACCESS

Date VIDEOS

(JPEG)

(GIF)

(GIF)

(GIF)

DELETE ALARM Are you sure you want to delete this alarm?

PROGRAM LIST

MY MULTIMEDIA IMAGE 1

Project

DELETE PROGRAM Are you sure you want to delete this program?
CHANNEL 4 - Wed 07 Jan 00:30 - 02:30

CHANNEL 4 - Wed 07 Jan 00:30 - 02:30

NO
PAGE ITEM
Page 1 of 8

NO

PAGE

ITEM

Filter

Description

Name

SEND
REDUCE MAKE COPY
image

xxxxxx

VIEW PLAY

(MAILBOX LIST)

MAIL

(MY MULTIMEDIA)

CHANNEL 4

PLAYING

SAVE SNAPSHOT

Text describing the filter and its content

MY PC

MiTV
PREVIEW
TEXT
Page 2 of 6

FINISH SAVE

TEXT

(MY MULTIMEDIA) (MY CHANNELS)

MiTV

(PC ACCESS)

MY PC

ROIG’S MOBILE
(BLUETOOTH)

AMALIA’S PC
(WI-FI)

ATTACH CONTENT PREVIEW VERDI’S PEN
(PEN DRIVE)

TEXT

Page 4 of 5

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

CONNECT TO ITEM NEW SOURCE
NAME OF PROGRAM

NAME OF PROGRAM

NAME OF PROGRAM

NAME OF PROGRAM

NAME OF PROGRAM

CHANNEL 5 UPCOMING PROGRAM
ITEM

CHANNEL 4 CANCEL ATTACH
SAVE

CHANNEL 3
DESCRIPTION OF PROGRAM PAGE ON SELECTED CHANNEL

CHANNEL 2 TEXT PREVIEW

CHANNEL 4 LIVE
To:

Subject:

WRITE MAIL

CANCEL

Check this out!
Attach:

Z.MAIL.2 +(3).V

Z.MINET.3

OPTIONS

design
Filter image Description

<Media Type>

EDIT

MY <Source List> <Media File>

CHANGE ORDER

PREVIEW

ADD NEW

Channel 4 of 64

DELETE

EDIT
Name xxxxxx

(PEN DRIVE)

ROIG’S MOBILE
AMALIA’S PC
(WI-FI)

(MY MULTIMEDIA)

(BLUETOOTH)

(PC ACCESS)

1/4 SIZE

1/2 SIZE

MY PC

MiTV

MOVE TO FIRST

<Media Type>

<Media Type>

<Media Type>

<Media Type>

MOVE UP

detail

EDIT REDUCE

CHANGE ORDER

MY <Source List> <Media File>

MY <Source List> <Media File>

MY <Source List> <Media File>

MY <Source List> <Media File>

Text describing the filter and its content

DELETE Are you sure you want to delete this <Media Type>?
YES
NO

ADD NEW ATTACH CONTENT VERDI’S PEN PREVIEW

TEXT

NEW SOURCE

REDUCE

SAVE CHANGES

1/2 QUALITY

1/4 QUALITY

MOVE DOWN

MOVE TO LAST

Channel 4 of 64

Channel 4 of 64

Channel 4 of 64

Channel 4 of 64

PREVIEW

PREVIEW

PREVIEW

PREVIEW

writing

Page 4 of 5

Login

Comment (Optional)

Password

Name

Type

URL
roigmitv

ROIG’S PC

FTP

********

CANCEL SAVE

VIDEOS
MPEG

MEDIA

PC ACCESS

MUSIC MP3
MY PC

Name

Name

Content

Content

Description

Description

ftp.netgem.com

Channel 4 of 64

PREVIEW

EDIT FILTER

image

image

xxxxxx

xxxxxx

MOVE UP

MOVE TO FIRST

FILTER TYPE

FILTER TYPE

FILTER TYPE

FILTER TYPE

YES

Description of new source and its ownership, contents, etc.

MANUAL

CHANGE ORDER

MY <Source List> <Filter>

MY <Source List> <Filter>

MY <Source List> <Filter>

MY <Source List> <Filter>

Text describing the filter and its content

Text describing the filter and its content

DELETE Are you sure you want to delete this filter?

CREATE NEW FILTER

MEDIA WITHIN

MANUAL

&

&

TEXT

gif

gif

DESCRIPTION OF MEDIA PAGE FILTER SELECTED

PLAY ALL ITEM

SAVE CHANGES

MOVE TO LAST

MOVE DOWN

Channel 4 of 64

Channel 4 of 64

Channel 4 of 64

Channel 4 of 64

PREVIEW

PREVIEW

PREVIEW

PREVIEW

Page 1 of 1

SAVE

NO

(JPEG)

IMAGE 5
(GIF)
Internal Drive: 80 GB ITEM Free Space: 45 GB

IMAGE 4
(GIF)

IMAGE 3
(JPEG)
DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

IMAGE 2
(GIF)

IMAGES PREVIEW

SONG 2 of 25

TEXT

Page 1 of 8

SLIDE

PLAYING ALL

PLAYING ALL

PAGE ITEM

SONG 2 of 25

SEND

SEND

PLAYING ALL

DELETE

DELETE

SEND
MAIL

SEND

PLAYING ALL

PAGE ITEM

MAIL

(MAILBOX LIST)

(MAILBOX LIST)

ROIG’S MOBILE
VERDI’S PEN
(PEN DRIVE)

ROIG’S MOBILE
VERDI’S PEN
(PEN DRIVE)

(MY MULTIMEDIA)

(MY MULTIMEDIA)

(BLUETOOTH)

(BLUETOOTH)

(PC ACCESS)

(PC ACCESS)

MY PC

MY PC

MiTV

MiTV

PRE

PRE

DESCRIPT CHOSEN D AND AC

DESCRIPT CHOSEN D AND AC

CONNE NEW DE

CONNE NEW DE

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

MiTV USER INTERFACE
DESIGN & INTERACTION

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Interface 01 July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Interface 01 July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Interface 01 July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Interface 01 July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

MiTV Interface – MiTV Conecta
Interfaz MiTV – MiTV Conecta

MiTV Interface – Home
Interfaz MiTV – Inicio

MiTV Interface – MiTV Conecta Help
Interfaz MiTV – Ayuda de MiTV Conecta

MiTV Interface – Home Options
Interfaz MiTV – Opciones de Inicio
TV DIGITAL
OPCIONES

TV DIGITAL

OPCIONES

AYUDA

CONECTA

AYUDA

CONECTA

page 03 of 08

1. El botón azul está ahora permanentemente asociado al paquete de conectividad, lo cual sirve muy bien para sutilmente recordar que mas funcionalidad está disponible aunque no se haya adquirido previamente. Si el usuario hace uso del botón azul... una sugerencia para su compra aparecerá. 2. El menú inferior puede replegarse una vez el usuario no necesite recordar para que es cada botón. Mientras tanto, si el Kit de conectividad no ha sido adquirido, este se difuminará y permanecerá deactivado como constante recordatorio visual.

page 04 of 08

1. Zula, representa todos esos servicios acogidos en la oferta de MiTV Conecta. Estos, una vez adquiridos, permanecerán bajo el menú de Zula, activable por el botón azul y apoyado como siempre por el botón verde de opciones avanzadas. 2. Al separar los menúes de TV digital y gestión de intercambio de información, permite recordar al usuario el valor añadido de su inversión y separa los públicos ya identificados como centrados alrededor de la TV, y aquellos más duchos en la comunicación entre dispositivos (PCs, bluetooth, Wi-Fi, ADSL, etc).

page 05 of 08

1. Al igual que cualquier función dispone del apoyo avanzado de Verdi con solo dar al botón verde, también es posible aprender más y ser instruido en cualquiera de los temas con la ayuda de Amalia, activable con el botón amarillo. 2. El sistema de Ayuda capitaneado por Amalia, puede disponer tanto de un manual con explicaciones de la funcionalidad de cualquier aplicación, como ejemplos de usos prácticos para poder imitar como si de un tour virtual se tratase. 3. Al modularizar tanto la ayuda como el sistema de opciones e información avanzada, se puede construir un interfaz a la medida del usuario.

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Interface 01 July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Interface 01 July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Interface 01 July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

MiTV Interface – Email
Interfaz MiTV – Email

MiTV Interface – Attach Content II
Interfaz MiTV – Añadir Contenido II

MiTV Interface – Attach Content I
Interfaz MiTV – Añadir Contenido I

PEN DRIVE Ítem 5 de 25 Más

Navidades 2003 La Familia Casa Rural Picnic Tina Cumple Kiko y sus amigos Semana Santa 2002

1. El correo electrónico es una de esas herramientas bajo la custodia de Zula, como exige su condición de experta en comunicaciones. 2. El interfaz de correo se ha simplificado aún más desde la primera propuesta, al ser ahora varias de las funciones asumidas por el sistema operativo general.

page 02 of 08

1. Unifica el vocabulario visual para designar que es información proveída por el sistema y lo que es contenido aportado por el usuario. 2. Botones de colores tienen funcionen constantes y culturalmente intuitivas a su tonalidad. 3. Los interfaces se presentan lo más simplificados posible, escondiendo funcionalidad avanzada tras el botón “Opciones” representado por Verdi, el experto técnico de la familia MiTV y apoyo a cualquiera de las otras secciones del producto. 4. El menú principal está ahora dividido entre el paquete básico de funcionalidades: MiTV Digital y el paquete MiTV Conecta.

1. Todos los recursos dentro de una procedencia (Pen Drive en el ejemplo) aparecen con una miniatura de sus contenidos. 2. Se evitarán tecnicismos de formato como “.jpg”, “.mp3” o “.mpg” en la nomenclatura de los contenidos. Cuando sea necesario, Verdi o Amalia siempre podrán aportar más opciones y mayor información. 3. Se evitará el desplazamiento parcial de ítems a favor de unidades enteras con un clic del mando momentáneo, o pantallas completas con un clic continuado.

page 06 of 08

page 08 of 08

page 07 of 08

1. La selección de ficheros es unificada a través de todo el interfaz. 2. Permite visionar la televisión al mismo tiempo, y la información crece de acuerdo a las necesidades. 3. La familia MiTV está vinculada coherentemente a las diversas funciones dentro de sus capacidades. 4. Aquella información no necesaria, ha sido escondida y aparecerá ahora con el botón amarillo de Amalia. 5. Los iconos reflejan las diversas posibles procedencias. 6. La ventana principal confirmará posteriormente en su título de donde proceden los contenidos.

W h e n a Fr e n c h c o m p a n y w a n te d to la u nch a new interactive T V s e t - to p b o x i n S p a i n , t h e y c a m e to us for the full package page 011 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

mitv_interface.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

MiTV WEB
DESIGN, CONTENT & PROMOTION

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Web 01c July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Web 01c July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Web 01c July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Web 01c July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

MiTV Web – Recording
Web MiTV – Grabación

MiTV Web – Images
Web MiTV – Imágenes

MiTV Web – Sharing
Web MiTV – Compartir

¡¡Pero si es mi amigo Nacho!! ¡¡Nacho está saliendo en la tele!!

¡Vamos! ¡¡Grábale para que se vea!!

¡¡FLÍPALO ANDA!!
¡Son fotos buenísimas de mis actrices y actores preferidos! Conseguirlas fue sencillo, simplemente las saqué de la tele. Menos mal que tengo MiTV, que si no... - ¿Cómo las consigo? - ¿Cómo las guardo? - ¿Cómo las envío por E-Mail?

!

¿Mamá, ese tono que matiza las nubes es amarillo "sol naciente" o "cáscara de huevo"?

Hum...
Las fotos que envías con MiTV están en calidad digital. Proceso paso a paso: - Inserta fotos desde tu cámara digital. - Organiza tus fotos. - Compártelas a través de MiTV. - Envíalas por E-Mail. - Imprímelas.

¡¡Claramente es "cáscara de huevo"!!

FOTO

FOTO

Para grabación instantánea, en tu mando selecciona:

- "Menu" - "GuíaTV" - y luego simplemente GRABA.

MiTV te ofrece este servicio gracias a su Sistema de Grabación Continua.

MiTV Web – Introduction
Web MiTV – Introducción

FOTO FOTO

FOTO

¡Hola! Soy ROIG.
... Y en el partido del miércoles pude ver QUINCE VECES el gol de Ronaldo.

¡Hola! Soy AMALIA.
Estoy haciendo un estupendo álbum con mis mejores fotos. A través de MiTV las COMPARTO con los abuelos, que viven en la playa. Sígueme y verás qué fácil es mantener cerca a tus seres queridos.

page 03 of 11 ¡Hola! soy VERDI.
Soy un hacha encargando pizzas por la tele. ¡Como lo oyes! además me he diseñado la tele a medida, la llamo VERDI TV. Entre tu y yo, también soy el que más controla todos los aspectos técnicos de MiTV.

¿Quieres saber cómo lo hice?

page 04 of 11

page 05 of 11

¡Hola! Soy ZULA.
Tengo los mejores momentos de las pelis y series de TV en foto. ¿Quieres ver cómo me lo monto? ¡También puedo enviarlo por correo electrónico a mis amigas!
Project Client Document Date Design Info MiTV Product Design NetGem S.A. MiTV Web 01c July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com Project Client Document Date Design Info MiTV Product Design NetGem S.A. MiTV Web 01c July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Project Client Document Date Design Info

MiTV Product Design NetGem S.A. MiTV Web 01c July 19, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

MiTV Web – Image Freeze
Web MiTV – Congelación de Imágen

MiTV Web – Continuous Recording
Web MiTV – Grabación Continua

MiTV Web – 30 Hours Recording
Web MiTV – Grabación de 30 Horas

¡Jolín! ¡¡Menuda promoción!! ... ¡Y no encuentro mis gafas para coger el número!!

¡Pero mamá! ¿Qué te pasa? ... Simplemente CONGELA la imagen. ¿No te acuerdas de que ya tenemos MiTV?

¡¡Ya no hay quien me discuta una jugada!!
Con MiTV puedes grabar cualquier programa sin necesidad de andar buscando cintas de video o DVD-R. ¡Además grabas emisión digital! ... Y esta es sólo una ventaja de las muchas que ahora ofrece mi televisor. Con el sistema de grabación contínua de MiTV puedes:

¿Has visto las noticias de mediodía? ¡¡Creo que ha salido el director general de mi empresa hablando de las mil y una maneras de pedir un aumento de sueldo!!

∙ Grabar instantáneamente. lo que estás viendo. ∙ Grabar hasta 30 horas. seguidas de televisión. ∙ Reproducir los momentos más interesantes de tu programa favorito. ∙ Fijar una imagen en la pantalla. ∙ Pausar la emisión y continuar viéndola más tarde. ¿Qué te interesa primero?

¡No te preocupes porque lo podemos RECUPERAR y verlo con nuestros propios ojos! ¡Hay que ver cómo han

cambiado las cosas! Gracias a la memoria de MiTV podemos llegar por la noche y ver cualquier programa que nos hayamos perdido durante el día. Para acceder al sistema de grabación contínua de MiTV debes: 1er paso: (próximo) 2º paso: (próximo) 3er paso: Reproducción de un programa.

TV digital
PANTALLA FOTOGRÁFICA: PRIMEROS PASOS DE ACCESO AL SISTEMA DE GRABACIÓN CONTÍNUA

page 02 of 11
page 06 of 11 page 10 of 11 page 11 of 11

W h e n a Fr e n c h c o m p a n y w a n te d to la u nch a new interactive T V s e t - to p b o x i n S p a i n , t h e y c a m e to us for the full package page 012 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

mitv_web.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

MiTV INTRO
FLASH 3D ANIMATION

W h e n a Fr e n c h c o m p a n y w a n te d to la u nch a new interactive T V s e t - to p b o x i n S p a i n , t h e y c a m e to us for the full package page 013 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

mitv_intro.swf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2004

SIEMENS
BRAND & PROJECT MANAGEMENT

E x a m p le o f p r oj e c t m a n a g e m e n t fo r a n identity design project fo r a n e w S i e m e n s C M S p r o d u c t i n E r langen, Germany page 014 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

siemens.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2004

TELEPIZZA WEB SITE PROPOSAL
USER PROFILES & CONTENT STRATEGY

E x a m p le o f p e r s o n a d e v e l o p m e n t b a s e d on users profiles for a fo o d o r d e r i n g s i te . I n c l u d e d s i te d e s i g n & architecture proposal page 015 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

telepizza.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2004

COMUNYCARSE BRAND EXPERIENCE
COMMUNICATIONS, BRAND & UI

B ra n d a n d m a r k e t i n g s t ra te g y fo r a m e dium-sized Document M a n a g e m e n t S o f t w a r e c o m p a n y i n M a d rid & Barcelona page 016 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

comunycarse.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2004

COMUNYCARSE BRAND EXPERIENCE
COMMUNICATIONS, BRAND & UI

detail

detail B ra nd and ma r k e t i n g s t ra te g y fo r a m e dium-sized Document M a nagem ent S o f t w a r e c o m p a n y i n M a d rid & Barcelona page 017 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

comunycarse.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

LILLO-ROITH CONSULTANCY
KNOWLEDGE MANAGER

Corporate identity manual Client: Verónica Lillo-Roith Brand proposal 1 04.10.03

Corporate identity manual C l i e n t : Ve r ó n i c a L i l l o - R o i t h Brand proposal 1 04.10.03

Corporate identity manual C l i e n t : Ve r ó n i c a L i l l o - R o i t h Brand proposal 1 04.10.03

The mark - The brand

Official font Modula Regular

Typographical test (11 pt.)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

abcedfghijklmno pqrstuvwxyzáéíóú ABCDEFGHIJKLMNO PQRSTUVWXYZÁÉÍÓÚ 1234567890 -$%&(.,;:""¡!¿?)
Construction and proportion 11x
Verdana Regualr

x
page 01

The chosen logo is inspired on the wings of imagination as they spread from the initials of Verónica Lillo-Roith, a relationship interaction consultant which bases her professional practice on the constant exercise of such.

spreading the wings of imagination

abcedfghijklmn opqrstuvwxyzáéíóú ABCDEFGHIJKLMN O P Q R S T U VW X Y Z Á É Í Ó Ú 1234567890 - $ % &( ., ; : " " ¡ !¿ ? )

Lorem ipsum dol or si t amet, consetetur sadipsci ng elitr, sed diam nonumy eirmod tempor invidunt ut l abore et dol ore magna al i quyam erat, sed diam vol uptua. At vero eos et accusam et justo duo dol ores et ea rebum. Stet cli ta kasd gubergren, no sea takimata sanctus est Lorem ipsum dol or si t amet. Lorem i psum dol or sit amet, consetetur

page 04

4.75x 8x x 2x 0.5x 4.5x 1.5x

Corporate identity manual C l i e n t : Ve r ó n i c a L i l l o - R o i t h Brand proposal 1 04.10.03

project management... with a twist

Official color palette

2.5x 0.5x 8x 0.5x 16.5x
The source of the mark proportions is a mirroring geometry. It prides itself on the purity of its symmetry and it rejoices on its exact modular nature achieved by recycling a single form: The symbol of "detour from lineal thought".
page 02
page 03

Feugait duis nisl et augue, facilisis ut eros te augue ut wisi, consequatvel feugait eros ut velit.
The selection of a green hue for its official negative background supports a perception of fresh ideas and innovative perspective.

Feugait duis nisl et augue, facilisis ut eros te augue ut wisi, consequatvel feugait eros ut velit. Tation enim consequat, feugait elit exerci et nulla vel enim. Nisl dolor aliquip veniam blandit lorem consequat iriuredolor nisl. Dolore lorem wisi iusto illum commodo nisl lobortis suscipit enim dignissim. Feugait blandit, magna ipsum, wisi ex consequat nisl vel eros vulputate. Odio tincidunt, ex molestie dignissim commodo duis quis diam blandit odio lorem. Delenit ex qui commodo nulla iriuredolor augue adipiscing duis delenit suscipit iriure? Blandit dolore crisare et sciurus erat ullamcorper wisi feugait dolor ut esse feugiat dolore ut? Delenit minim ad ut hendrerit illum facilisis feugait adipiscing ut iusto ut consequatvel esse dolore autem duis. At quis in,

0.5x 8x

The green implies growth, optimism, potential, promise.

Ut consequat praesent vulputate dolor luptatum, iusto at ut et nisl accumsan duis at. Iriure suscipit dolore, vero dolor crisare feugait enim, in et. Te consequat, vero consequat suscipit facilisis luptatum ut ullamcorper dolore et ad vulputate amet ea lobortis consequat ex luptatum. Ut nibh diam erat nostrud luptatum ut at iusto sed facilisi lorem delenit illum eu euismod vulputate exerci consequat. Veniam et feugait et, praesent dolor in, adipiscing molestie feugait feugiat. Iriuredolor feugiat ut feugiat augue facilisi vel odio at consequatvel ut, et sit nisl delenit. Suscipit eu feugait ex vel aliquam enim esse commodo, consequat in, consequatvel ex lobortis? Illum enim minim in feugait dignissim vel odio dolore vel luptatum dolore euismod, et facilisis illum eum nostrud esse wisi quis. Dolor tation ad, et illum tation. Ut duis minim eum duis augue lobortis augue vel eum qui, nibh praesent in velit magna vel dignissim molestie hendrerit. Esse facilisi consequat facilisis volutpat, iusto exerci consequat nisl dolore amet veniam ea, autem lobortis ad dolore magna quis commodo hendrerit nulla duis consequatvel feugiat. Consectetuer augue, dolore veniam dolore ad diam ut consequat lobortis nisl duis. Autem ut wisi delenit illum, qui tincidunt consequat duis facilisi nostrud nibh feugiat. Wisi ullamcorper ipsum et consequat dolore delenit nisl veniam iriuredolor tincidunt elit dignissim hendrerit diam delenit dignissim suscipit nostrud illum? Eum magna molestie consequat te. Nostrud molestie, sit velit quis dolor nulla aliquam in hendrerit vero iusto. Erat lorem feugiat nulla feugait vel feugait dolore nulla aliquam commodo ut feugait minim in feugiat facilisis, quis vero tation aliquip molestie. Hendrerit eu, feugiat et laoreet wisi magna sciurus nulla facilisi aliquam molestie ex facilisis luptatum facilisis nulla commodo. Minim et, aliquam nisl qui nisl ad dignissim in ipsum dolore qui facilisi exerci dolore ullamcorper molestie facilisis duis delenit.

Feugait duis nisl et augue, facilisis ut eros te augue ut wisi, consequatvel feugait eros ut velit. Tation enim consequat, feugait elit exerci et nulla vel enim. Nisl dolor aliquip veniam blandit lorem consequat iriuredolor nisl. Dolore lorem wisi iusto illum commodo nisl lobortis suscipit enim dignissim. Feugait blandit, magna ipsum, wisi ex consequat nisl vel eros vulputate. Odio tincidunt, ex molestie dignissim commodo duis quis diam blandit odio lorem. Delenit ex qui commodo nulla iriuredolor augue adipiscing duis delenit suscipit iriure? Blandit dolore crisare et sciurus erat ullamcorper wisi feugait dolor ut esse feugiat dolore ut? Delenit minim ad ut hendrerit illum facilisis feugait adipiscing ut iusto ut consequatvel esse dolore autem duis. At quis in, nulla eu minim tation facilisis at, accumsan vulputate. Nulla vel sit elit vero consequat sed? Minim crisare qui et ad. Lorem iusto te, feugait delenit iusto exerci illum duis at, illum augue at accumsan ut. Dolore wisi et blandit delenit dolore nostrud. Magna crisare consequat veniam minim illum praesent nisl et ex. At nulla nisl dolore ea ut nulla vulputate tation nulla veniam. Te dignissim feugait ut laoreet sciurus blandit molestie.

detour from lineal thought

B ra n d , w e b a n d m a r k e t i n g s t ra te g y fo r a Knowledge M a n a g e m e n t c o n s u lt a n t i n G e r m a n y page 018 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

lillo-roith.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2004

TANQUERAY BRAND EXPERIENCE
LIGHTING & FURNISHING

B ra n d e x p e r i e n c e d e s i g n fo r a s e r i e s o f club events to c e l b ra te Ta n q u e ra y ’ s p e r s p e c t i v e i n e n tertainment page 019 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

tanqueray.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2004

TANQUERAY BRAND EXPERIENCE
LIGHTING & FURNISHING

B ra n d e x p e r i e n c e d e s i g n fo r a s e r i e s o f club events to c e l b ra te Ta n q u e ra y ’ s p e r s p e c t i v e i n e n tertainment page 020 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

tanqueray.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2004

TANQUERAY BRAND EXPERIENCE
LIGHTING & FURNISHING

B ra n d e x p e r i e n c e d e s i g n fo r a s e r i e s o f club events to c e l b ra te Ta n q u e ra y ’ s p e r s p e c t i v e i n e n tertainment page 021 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

tanqueray.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2004

TANQUERAY BRAND EXPERIENCE
LIGHTING & FURNISHING

B ra n d e x p e r i e n c e d e s i g n fo r a s e r i e s o f club events to c e l b ra te Ta n q u e ra y ’ s p e r s p e c t i v e i n e n tertainment page 022 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

tanqueray.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

WHITESTONE PRODUCT STRATEGY
UI, COMMUNICATION, IDENTITY

T h i s s m a l l c o m p a n y i n S I n g a p o r e n e e d e d a complete refresh in b ra n d , w e b a n d p r o d u c t U X to c o m p e te against the likes of IBM page 023 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

whitestone.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

WHITESTONE PRODUCT STRATEGY
UI, COMMUNICATION, IDENTITY

T h i s s m a l l c o m p a n y i n S I n g a p o r e n e e d e d a complete refresh in b ra n d , w e b a n d p r o d u c t U X to c o m p e te against the likes of IBM page 024 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

whitestone.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

WHITESTONE PRODUCT STRATEGY
UI, COMMUNICATION, IDENTITY

T h i s s m a l l c o m p a n y i n S I n g a p o r e n e e d e d a complete refresh in b ra n d , w e b a n d p r o d u c t U X to c o m p e te against the likes of IBM page 025 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

whitestone.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

WHITESTONE PRODUCT STRATEGY
UI, COMMUNICATION, IDENTITY

T h i s s m a l l c o m p a n y i n S I n g a p o r e n e e d e d a complete refresh in b ra n d , w e b a n d p r o d u c t U X to c o m p e te against the likes of IBM page 026 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

whitestone.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

WHITESTONE PRODUCT STRATEGY
UI, COMUNICATION, IDENTITY

T h i s s o f t w a r e c o m p a n y i n S I n g a p o r e , a f ter succeding with the 1.0 u s e r i n te r fa c e I d i d , c a m e b a c k t w o y e ars later for an upgrade page 027 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

whitestone.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

I REMEMEMBER THE TWERS
WEB, DESIGN & INFORMATION GRAPHICS

T h i s s i te , d e v o te d to c o l le c t i n g p e r s o n a l memories about the Tw i n To w e r s , w a s p u b l i s h e d o n M a x B r uinsma’s “Deep Sites” book page 028 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

remember.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

50 pixels 20 pixels The color of the swoosh can be: Please notice on left the proportions and placement of the swoosh in EVERY page or pop-up featuring Nike-related content. 18 pixels 11 pixels 1 pixel 1-pixel WHITE line is only required when color of swoosh banner differs from that of background. 1. 2. 3. White on colored background. The secondary hue of the page, on any color background. Web-safe equivalent of Nike Red (PMS 485C or R=255; G=0; B=0), on white background.

11 pixels 40 pixels

2x

Nike Digital uses the Banner approach, with a white 1-pixel thick line separating it from the rest of the content page.

All through Niketown Online, the same technique is applied

On the Nike.com homepage the swoosh stands alone without the divisor line.

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 029 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

© NIKE Retail Services, Inc.. 1999-2001

nike_id

nikegoddess

crashandlearn

Examples

© NIKE Retail Services, Inc. 1999-2001

Nike.com • Home page

© NIKE Retail Services, Inc. 1999-2001

somefeature

Nike.com • Feature Nike.com • 2nd. level feature Nike.com • 3rd. level feature

© NIKE Retail Services, Inc. 1999-2001

somesection

somefeature

© NIKE Retail Services, Inc. 1999-2001

somesection somecategory somefeature

All text: R G B

= = =

0 0 0

R G B

= = =

51 51 51

R G B

= = =

102 102 102

R G B

= = =

153 153 153

Your web-safe color of choice (Feature predominant recommended.)

U ser Exper ience guidelines, design and st ra te g y fo r Nike .co m and its U .S. Web stor e. Leading a team o f 37 p ro fe ssio n a ls page 030 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

All Nike initiatives in the web have to feature a unified locator banner frame, with a distinctive color coding of your choosing.

techlab hockey nike_id nikegoddess

acg

area_x

crashandlearn nikeshox
When Nike features have their own subfeatures, please apply the 2nd. level tab within the locator banner, as to provide with a clear navigation path to our users.

nike_digital

nike_digital

hypecentral

Same solution applies to regional and country home pages. Even if they own their own domain name, for redundancy of entry points can be put in effect.

canada usa europe hockey japan

U s er Ex per i enc e g ui delines, design and strategy for Nike.com and i ts U . S. W eb s tor e. Leading a team of 37 professionals page 031 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

1 pixel

2 pixels

Please be aware that these illustrator graphics cannot be safely used as templates for final GIF images as PhotoShop will not respect the proportion between pixels, even if imported as "aliased' or as a "path". Therefore, make sure you recreate any matrix-based iconography within that program, observing clean square edges and solid colors throughout. 9x

Graphics of symbolic nature, as well as all icons, bullets, functional marks, navigational aids, etc. Should be "carved-out" of a matrix grid composed of 2x2 pixel squares with 1 pixel separation among them. Any color with sufficient contrast with the background is allowed.

The matrix-based iconography applies even to large graphics of functional nature, such as this map of the world utilized on the Global Gateway.

In addition to the guidelines stated on left. Icons of functions, calls for action or info notices (such as bullets, buttons, drop-down menus, warning signs, phone numbers, e-mail addresses, check marks, download files, etc. Must be defined out of 4 x 4 squares (2x2 pixels each with 1 pixel separation among them).

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 032 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

Graphics

HTML

headline

Avenir Black, 12 point, 16 lead, 80/100 track ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Avenir Medium, 12 point, 16 lead, 80/100 track ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Avenir Book, 12 point, 16 lead, 80/100 track ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

headline

subhead

subhead

body

body

The official Typeface of Nike, Inc. is also the official font of Nike.com. To be used both in printed business stationary, and on graphic-based online copy and headlines.

Verdana is the default choice for HTML text. With Arial as second choice, Helvetica as third, Courier as fourth.

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 033 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

Background White r:255 g:255 b:255 Nike Red (PMS 485C) r:204 g:51 b:0 Locator Banner Gray r:51 g:51 b:51 Text Black r:0 g:0 b:0

Site Basics

Store Main, Shopping, My Account, Information r:255 g:102 b:0 Sport r:204 153 b:0 Men / Women / Kids r:51 g:153 b:255 Specialty r:102 g:153 b:51

Store Main, Shopping, My Account, Information r:102 g:102 b:102 Sport r:255 g:255 b:153 Men / Women / Kids r:205 g:255 b:255 Specialty r:204 g:255 b:153

Store Main, Shopping, My Account, Information r:255 g:153 b:51 Sport r:255 g:204 b:0 Men / Women / Kids r:51 g:153 b:255 Specialty r:102 g:153 b:51

Store

Primary

Accent

Background

Any of the 216 colors of the Web-safe palette can be used for background and major solid areas of Nike initiatives.

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 034 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

Font for generic module names is Avenir 95 Black, 16 point, with 25 kerning. All lower-case.

Corner radiuses are 15 pixels for outside corners and 4 pixels for the inside 45º inner slant. Please notice the 2-pixel wide color frame around all edges.

Font for action-tab functions is Avenir 95 Black, 10 point, with 25 kerning. All caps and color always different from title.

sample 1 sample 2

MORE

BUY

BUY

Large-sized buttons (or small-sized modules) should follow same standards as described below.

nike id

ENTER

feature 1

ENTER

sample 1

MORE

BUY

sample 1

MORE

BUY

store

ENTER

feature 2

ENTER

sample 2

BUY

sample 2

BUY

Web-safe color of tab should match the one selected for the locator banner (or predominant one) of page or feature the link is sending the user to.

Background of module can have a top white banner (as module on left) or continuous with a solid color.

Action tab can stretch to accommodate as many functions as necessary.

when necessary, modules can adopt a square layout

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 035 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

MENU

CLOSE

MENU

CLOSE

40 pixels

Dimensioning, placement and color of Swoosh, follows the same rules as any full-sized Nike web page. (More detail on page 002.)

CLOSE WINDOW

Sorry, we are

out of stock
Nike Mercurial 2 F.G. color: Cool gray / Neon yellow size: 11.5

We do have these sizes and colors available: color: Cool gray / Red size: 10, 10.5, 12.5 color: Cool Blue / White size: 9, 10.5, 12.5 color: Mandarin Orange / White size: 9, 10.5, 13

Pop-ups will follow the same guidelines for modules, but optimized to square corners. No titles are necessary. Please notice the 2-pixel wide color frame around the edges.

Background of pop-up can be color-coded to its related feature or solid white.

Example: "out of stock" warning pop-up.

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 036 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

buy it xpress!

CLOSE

CHECKOUT © NIKE Retail Services, Inc.. 1999-2001 MY ACCOUNT SHOPPING CART

tech_lab

© NIKE Retail Services, Inc.. 1999-2001

BUY IT XPRESS!

tech_lab

Buy It Xpress! is a standardized module that could dynamically link all brand features to our e-commerce engine through those products common to both.

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 037 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

R = G = B =

0 0 204

CHECKOUT ADD TO SHOPPING CART SEE THIS IN

R = G = B = R = G = B =

51 153 255 102 102 102

Main action button has blue background. Font for buttons is Avenir 95 Black, 10 point, with 25 kerning. All caps.

CHECKOUT ADD TO SHOPPING CART SEE THIS IN

CHECKOUT ADD TO SHOPPING CART CONTINUE SHOPPING

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 038 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

UPDATE

CONTINUE SHOPPING

CANCEL ORDER

CHECKOUT

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 039 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

inspirational text
photoshop guidelines Fill is Eurostile Bold Oblique 43 point 40 tracking 36 leading White 48% opacity. Normal blending mode.

The outline is the same except the font is Eurostile Bold outline and it's two layers on top of each other: Top layer at 48 opacity Bottom at 100 opacity with Drop Shadow layer effect: Blur 4 Distance 0 Opacity 75 Intensity 42 Usage of a detail picture of the product OR of the product in action (situational), as the background of the banner. THEN an overlapping smaller image of the full product on top (with slight Drop Shadow to pull it apart).

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 040 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES
WEB, ECOMMERCE & CREATIVE GROUP ORG

nike.com
CONCEPT & CREATIVE STRATEGY

DAVID GÓMEZ-ROSADO CREATIVE DIRECTOR

NIKE.COM.CREATIVE

FUTURE GROWTH

FUTURE GROWTH

BARRY LOCKE PRODUCER

DANIEL GIFFORD DESIGN DIRECTOR

NECIA DALLAS ART DIRECTOR

LISA MORGAN SENIOR PRODUCER

MARK CAPALBO EXECUTIVE PRODUCER

NEW SENIOR PRODUCER

NEW INFORMATION ARCHOYECT

NEW ART DIRECTOR

NEW ART DIRECTOR

EXECUTION & DELIVERY
NEIL WEBSTER SENIOR COPYWRITER CHRIS ROWELL PRODUCER JOAN OLBRANTZ DESIGN lEAD

CREATIVE LEAD

PRODUCTION & IMPLEMENTATION

ROM TOMS DESIGNER

DAVE KIMMEL DESIGNER

OLIVER ROCKOFF DESIGNER

BRIDGITTE KNADLER PRODUCT IMAGE COORD.

LILI CHUA PRODUCT DATABASE ANL

STEPHANIE DERHAM COPYWRITER

KRISTIN BODEN-MACKAY SENIOR CREATIVE TECHNOLOGIST

NEW DESIGNER

NEW DESIGNER

SCOTT WEEKS PRODUCTION

NEW PRODUCTION

NEW PRODUCTION

JOE DONATO DESIGNER

SARAH LONGACRE SAMPLE COORDINATOR

NEW PRODUCT DATABASE ANL

SUZANN UTKE COPYWRITER

PATRICK MAES WEB DEVELOPER

NEW CREATIVE Q&A

NEW DESIGNER

NEW DESIGNER

CREATIVE WRITING

CREATIVE TEAM
NEW E-COMMERCE PRODUCER

CREATIVE TECH

CREATIVE TEAM

CREATIVE TEAM

PRODUCT OPERATIONS

EXTERNAL RELATIONS External relations with other groups at Nike.com will be done through the following gatekeepers:
NIKE.COM NIKE IMAGE DESIGN
NIKE.COM.FINANCE NIKE.COM.MANAGEMENT NIKE.COM.BRAND NIKE.COM.MERCHANDISE NIKE.COM.MARKETING NIKE.COM.IT

NIKE, Inc. IMAGE DESIGN
DAVID GÓMEZ-ROSADO CREATIVE DIRECTOR

NIKE.COM.CREATIVE

nike.com

CREATIVE LEAD
MARK CAPALBO EXECUTIVE PRODUCER

MANAGEMENT, FINANCE, BRAND

Blastradius Zendo Studios Proxicom Wieden & Kennedy Second Story Lauren Karpo FramFab Critical Mass Summit Projects Fram Fab Attik Red Sky Interactive Vivid Studios Organic Online Red Sky Interactive CKS (USWeb) SF Interactive OneNine Interactive EMedia Dreaming America Downstream Interactive Grey Matter CREATIVE AGENCIES
NEW COPYWRITER ROM TOMS DESIGNER NEIL WEBSTER SENIOR COPYWRITER JOAN OLBRANTZ DESIGN lEAD MARK CAPALBO EXECUTIVE CREATIVE TECNOLOGIST BARRY LOCKE PRODUCER DANIEL GIFFORD DESIGN DIRECTOR MOLLY WILLIAMS PRODUCER LISA MORGAN PRODUCER NEW INFORMATION ARCHITECT DAVID GÓMEZ-ROSADO CREATIVE DIRECTOR

Digex Global Crossing Loud Cloud General Interactive I/Pro NetGenesis @Once Right Now Web Ask Jeeves Vicinitiy EXECUTION & DELIVERY UPS WWL Cybersource Vertax Akamai Technologies Interworld ATG World Point Fort Point Partners Interwoven Digital Island Akamai Macromedia TECHNOLOGY AGENCIES

DANIEL GIFFORD DESIGN DIRECTOR

CONCEPT & CREATIVE STRATEGY

CREATIVE LEAD

CREATIVE AGENCIES

PRODUCTION & IMPLEMENTATION

CREATIVE WRITING

CREATIVE DESIGN

PRODUCT OPERATIONS

CREATIVE TECH

TECHNOLOGY AGENCIES

DAVE KIMMEL DESIGNER

CREATIVE WRITING
CHRIS ROWELL ASSISTANT PRODUCER

SCOTT WEEKS PRODUCTION

DAN MANUSZAK PRODUCTION

CREATIVE TEAM

ROM TOMS DESIGNER

DAVE KIMMEL DESIGNER

KRISTIN BODEN-MACKAY SENIOR CREATIVE TECHNOLOGIST

SCOTT WEEKS PRODUCTION

DAN MANUSZAK PRODUCTION

NEW CREATIVE WEBMASTER

NEW CREATIVE Q&A

CREATIVE PRODUCT

CREATIVE TECH

nike.com
RETAIL

nike.com

NIKE.COM.CREATIVE

INFORMATION TECHNOLOGY

U s e r E x p e r i e n c e g u i d e l i n e s , d e s i g n a n d strategy for Nike.com a n d i t s U . S . W e b s to r e . L e a d i n g a te a m of 37 professionals page 041 of 060 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

nike.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

1999

YLOS
ECOMMERCE UI, COMMUNICATION, IDENTITY

T h i s s m a l l c o m p a n y i n N e w J e r s e y n e e ded a complete refresh i n b ra n d , w e b a n d p r o d u c t U X to la u n c h its ecommerce solution page 042 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

ylos.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

1999

YLOS
ECOMMERCE UI, COMMUNICATION, IDENTITY

T h i s s m a l l c o m p a n y i n N e w J e r s e y n e e ded a complete refresh i n b ra n d , w e b a n d p r o d u c t U X to la u n c h its ecommerce solution p a g e 0 43 o f 0 6 1 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

ylos.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

1999

YLOS
ECOMMERCE UI, COMMUNICATION, IDENTITY

T h i s s m a l l c o m p a n y i n N e w J e r s e y n e e ded a complete refresh i n b ra n d , w e b a n d p r o d u c t U X to la u n c h its ecommerce solution page 044 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

ylos.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

GOMEZ-MOLINA
ONLINE PORTFOLIO & CMS

P a s s i o n fo r U X c o n t i n u e s a t h o m e a n d on personal projects, g o o d e x a m p le o f t h i s i s t h e w e b s i te w ith CMS for my father page 045 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

gomez-molina.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

GOMEZ-MOLINA
ONLINE PORTFOLIO & CMS

P a s s i o n fo r U X c o n t i n u e s a t h o m e a n d on personal projects, g o o d e x a m p le o f t h i s i s t h e w e b s i te w ith CMS for my father page 046 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

gomez-molina.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

GOMEZ-MOLINA
ONLINE PORTFOLIO & CMS

P a s s i o n fo r U X c o n t i n u e s a t h o m e a n d on personal projects, g o o d e x a m p le o f t h i s i s t h e w e b s i te w ith CMS for my father page 047 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

gomez-molina.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

GOMEZ-MOLINA
ONLINE PORTFOLIO & CMS

P a s s i o n fo r U X c o n t i n u e s a t h o m e a n d on personal projects, g o o d e x a m p le o f t h i s i s t h e w e b s i te w ith CMS for my father page 048 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

gomez-molina.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

GOMEZ-MOLINA
ONLINE PORTFOLIO & CMS

P a s s i o n fo r U X c o n t i n u e s a t h o m e a n d on personal projects, g o o d e x a m p le o f t h i s i s t h e w e b s i te w ith CMS for my father page 049 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

gomez-molina.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

GOMEZ-MOLINA
ONLINE PORTFOLIO & CMS

P a s s i o n fo r U X c o n t i n u e s a t h o m e a n d on personal projects, g o o d e x a m p le o f t h i s i s t h e w e b s i te w ith CMS for my father page 050 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

gomez-molina.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

EMOBLA
MARKET RESEARCH, BRAND & UX

Projecto Cliente Documento Fecha Diseño Info

Arquitectura Emobla.com Emobla Desarrollos S.L. Emobla Identidad 02 Febrero 17, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

Projecto Cliente Documento Fecha Diseño Info

Arquitectura Emobla.com Emobla Desarrollos S.L. Emobla Identidad 02 Febrero 17, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

Projecto Cliente Documento Fecha Diseño Info

Arquitectura Emobla.com Emobla Desarrollos S.L. Emobla Identidad 02 Febrero 17, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

Diseño de Identidad

Colores de Marca Oficial - Emobla.com

La gama de colores ha sido escogida para desmarcarse de la competencia... Utilizando tonalidades que marcarán identidad al futuro de emobla.com y sus iniciativas asociadas. La selección cromática es fácilmente reconocible. Tonalidades frescas y vitales. Una alusión clara y directa a la ilusión de un proyecto ambicioso que habrá de llamar la atención en los medios donde se publicite. Su principal estragia: El impacto... Pero el impacto por simpatía.

PANTONE 123 C CMYK composición: 0% C, 24% M, 94% Y, 0% K

PANTONE 144 C CMYK composición: 0% C, 48% M, 100% Y, 0% K RGB composición: 255 R, 133 G, 28 B HEX composición (web): #FF8500

Construcción y Proporción
6,75x

La identidad de Emobla apunta claramente a la industria en la que se mueve. El símbolo surge de la unión entre la abstracción del símbolo arquetípico de la industria del mobiliario (la silla) y un estilismo de la letra “M”. Combinando ese aspecto con unos colores dinámicos y una tipografía contemporánea propone su orientación a los nuevos medios. El eslogan afirma la correcta lectura del nombre y convierte el servicio en un verbo

mientras enuncia nuevamente el negocio principal. Deja claro ambos la función y el mercado objetivo de la compañía. Es directo y “al grano”… pero con un guiño sutil. Da mucho juego a su promoción y publicidad (Ejemplo: “¿Has emoblado ya tu empresa?”). No es lo mismo “amoblar” con cualquiera… que “emoblar” con emobla. Ayuda a diferenciar lo que aparentemente sería la misma acción. Emobla = Amoblar + Económico + Electrónica + Emoción.

RGB composición: 255 R, 194 G, 17 B HEX composición (web): #FFC211

PANTONE 382 C CMYK composición: 0% C, 29% M, 100%Y, 0% K RGB composición: 181 R, 220 G, 16 B HEX composición (web): #B5DC10

BLACK 20% CMYK composición: 0% C, 0% M, 0%Y, 20% K RGB composición: 204 R, 204 G, 204 B HEX composición (web): #CCCCCC

y
y x y y

30º y
página 01 de 06 página 04 de 06

1,94x 1,5x
Projecto Cliente Documento Fecha Diseño Info Arquitectura Emobla.com Emobla Desarrollos S.L. Emobla Identidad 02 Febrero 17, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

realidad

arquetipo abstracción

fusión

estilo

prototípo

x

60º

x y 2y

Projecto Cliente Documento Fecha Diseño Info

Arquitectura Emobla.com Emobla Desarrollos S.L. Emobla Identidad 02 Febrero 17, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

Projecto Cliente Documento Fecha Diseño Info

Arquitectura Emobla.com Emobla Desarrollos S.L. Emobla Identidad 02 Febrero 17, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

0,25x 0,25x

0,25x x x x

Colores de Marca Oficial - Emobla.net

Los colores del otro lado del servicio emobla (emobla.net) son por definición los harmónicos a los oficiales en el espectro colorímetro. Las tonalidades contrastan suficientemente con las anteriores, pero aún así comparten la misma frescura y optimismo. De hecho, cada servicio comparte un color de la paleta del otro que predominará como color secundario, asegurando con este juego una lectura fácil de reciprocidad y simbiosis entre ambos emoblas.

La tipografía (BaseMono Wide Regular) ha sido seleccionada entre varias candidatas por su rotundidad (geometría precisa y grosor sólido), originalidad (poco usadas por otras compañías) y su carácter contemporáneo (sin serifas). Su lectura va más allá de la palabra “emobla” que deletrea. Nos dice “actual”, “nuevo”, “confiado”, “sobrio”. La “m” es substituida con un símbolo representativo de la industria.

Y la esfericidad de “b” y “a” “o”, e incluso "e" han sido pronunciadas para mayor énfasis del sentido de la precisión y su asociativo “calidad”. El hueco en las letras invita a entrar en el servicio y la invisibilidad de algunas de las superficies de la silla ayuda a hacer más legible la “M” intrínseca en su axonometría.

Versiones

Tipografía de Marca Oficial
Emobla Título - BaseMono Wide Regular Prueba Tipográfica (10 pt.)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

emobla.com - 3 Colores

emobla.net - 2 Colores

ABCDEFGHUJKLMNOPQRSTU VWXYZÁÉÍÓÚabcdefghijk lmnopqrstuvwxyzáéíóú 1234567890 -$%&(.,;:""¡!¿?)
Emobla Texto - Formata Regular

Prueba Tipográfica (10 pt.)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

PANTONE 382 C CMYK composición: 0% C, 29% M, 100%Y, 0% K RGB composición: 181 R, 220 G, 16 B HEX composición (web): #B5DC10

PANTONE 376 C CMYK composición: 50% C, 0% M, 100% Y, 0% K RGB composición: 127 R, 195 G, 28 B HEX composición (web): #7FC31C

emobla.com - Grises

emobla.com - Blanco

ABCDEFGHUJKLMNOPQRSTU VWXYZÁÉÍÓÚabcdefghijk lmnopqrstuvwxyzáéíóú 1234567890 -$%&(.,;:""¡!¿?)
Emobla Web - Verdna Regular

PANTONE 123 C CMYK composición: 0% C, 24% M, 94% Y, 0% K RGB composición: 255 R, 194 G, 17 B HEX composición (web): #FFC211

BLACK 40% CMYK composición: 0% C, 0% M, 0%Y, 40% K RGB composición: 153 R, 153 G, 153 B HEX composición (web): #999999

Prueba Tipográfica (10 pt.)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

página 02 de 06
página 05 de 06

emobla.com - Negro

emobla.com - 1 Color

ABCDEFGHUJKLMNOPQRSTU VWXYZÁÉÍÓÚabcdefghijk lmnopqrstuvwxyzáéíóú 1234567890 -$%&(.,;:""¡!¿?)
página 06 de 06

página 03 de 06

F i r s t o f i t s k i n d i n S p a i n , a f u l l y c u s to mized, search-enabled o f f i c e e q u i p m e n t w e b p o r t a l : U X , b ra n d and market research page 051 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

emobla_brand.zip

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

EMOBLA
MARKET RESEARCH, BRAND & UX

Proyecto: Cliente: Documento: Fecha Diseño: Info:

Emobla.es Emobla Desarrollos S.L. emobla_arbol_02.pdf 11 de Febrero, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

Emobla Web – Árbol de Contenidos 02
Árbol de Contenidos propuesto para Emobla.com
El sitio de Emobla.com habrá de otorgar máximo protagonismo a sus contenidos. Al ser estos extensos, diversos y siempre en evolución ... Su organización y estructura jerárquica es la principal misión de la estrategia de interfaz a elegir. La utilización de ornamento y animación innecesaria ha sido evitada respetando esta filosofía.
A1
INICIO Bienvenida PÚBLICO

X1

ENGLISH

X1

CATALÁ

A3

Los tres niveles de Acceso se definen en tres perfiles de usuario: Público: Visitantes que entran a la página por primera vez y demás usuarios sin privilegios especiales. Cliente: Compradores de productos Emobla. Puede haber varias clases de derechos a los contenidos confidenciales (algunos con visibilidad de precios, otros solo con acceso a los manuales, etc. Colaborador: Clientes de Emobla, consultores, comerciales, proveedores Posibles perfiles secundarios dentro de Cliente: Por relación comercial (Oro-Plata-Bronce) ó por acción geografica: (Región Centro-Región Mediterraneo- Región Norte-Región Sur)
X1
EMPRESA (Info sobre Emobla)

INICIO Bienvenida COLABORADOR

ENGLISH SITE

ENGLISH SITE

Asesoramiento (E1):
ENGLISH SITE

xx.xx

xx.xx

X1
A2
INICIO Bienvenida CLIENTE

LOGIN

X1

CONTACTO

X1

SITIO MAPA

X1

BÚSQUEDA

X 1 AVISO LEGAL

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

E1.01 - Ergonomía y Salud: Hará referencia a diferentes estudios y consejos médicos sobre las posturas adecuadas en el puesto de trabajo. La sillería mas adecuada para los diferentes problemas (mas usuales) de espalda. Los problemas físicos mas frecuentes que se suelen dar al pasar muchas horas en el puesto de trabajo y que pequeños ejercicios realizar para corregirlos etc…. E1.02 - Legalidad y Normativa: Pondremos las Leyes (y pequeño resumen) tanto Europeas como nacionales que hacen referencia al mobiliario de oficina. Relacionadas con seguridad laboral… etc. E1.03 - Decoración y Estetica:
X1
PEDIDOS Y TOTAL

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

X1
SELLOS EXTERNOS

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

A1.01

A1.05

A1.04

A1.01

A1.03

X1
E-MAIL

X1
MAPA

X1
RESULTADOS DE BÚSQUEDA

X1
TEXTO LEGAL

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

xx.xx

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

X1

X1
RESULTADOS DE BÚSQUEDA

X1
ANUNCIOS (3 ENLACES EXTERNOS)

X1
ANUNCIOS (3 ENLACES EXTERNOS)

MAPA

Niveles de Acceso

X1
MAPA

X1
RESULTADOS DE BÚSQUEDA

Sitio en Inglés. Sigue la misma arquitectura especificada más abajo en Castellano.

Sitio en Catalán. Sigue la misma arquitectura especificada más abajo en Castellano.

A2.04

A2.03

A2.06

A1.06

A3.04

A3.03

El nivel superior incluye siempre los de nivel inferior.

1
2

Páginas de acceso Público (Sin uso de clave y nombre)
Páginas de acceso Cliente (Con diversos grados)

X1
CATÁLOGO (Tienda)

X1
PROMOCIÓN

X1
ASESORAMIENTO

G1

G1

G1

X1
CLIENTES

X1
CONTACTO

X1
ASOCIADOS

X1
CARRITO DE COMPRA

D1 G1.01

E1

C1

B1

F1

3

Páginas de acceso Colaborador (Comerciales, Publicista, Empleados) Páginas de acceso Administrador (Parte del gestor de contenidos a desarrollar posteriormente. Con diversos grados)

X1
QUIENES SOMOS e HISTORIA

X1
OFERTAS

X1
D1.XX G1.01

X1
PREGUNTAS Y RESPUESTAS

X1
PREGUNTAS Y RESPUESTAS

X1
PREGUNTAS Y RESPUESTAS

X1
FORMULARIO DE CONTACTO

X1
CONSULTORÍA

G1.01

G1.01 G1.01

C1.01

E1.01

B1.01

4

X2
VARIOS PRODUCTOS

ERGONOMÍA Y SALUD

X1
DELEGACIONES (Mapa y Dirección)

X1
LEGALIDAD, PLAZOS, PAGOS

X1
LEGALIDAD Y NORMATIVA

X1
AVISOS

X1
AVISOS

X1
AVISOS

X1
KIT DE PRENSA

X2
ENLACES EXTERNOS

Símbolos:

Características Notables
Rápido acceso gracias a menús desplegables: 80 % de los contenidos en un solo clic, 20 % en dos clics o más Sección de apoyo al cliente Formulario para petición de información Tres niveles de contenido personalizado a tres perfiles de usuario (Con posibles sub-variaciones). Gestor de contenidos con acceso por Web privado Tres idiomas: Castellano, Catalán, Inglés Herramienta de Búsqueda Mapa del Sitio automatizado

X1
FILOSOFÍA

X1
DECORACIÓN Y ESTÉTICA

X1
NÚMEROS DE ATENCIÖN

X1
NÚMEROS DE ATENCIÖN

X1
NÚMEROS DE ATENCIÖN

X1
OFERTAS DE TRABAJO

Herramientas de Navegación

Pequeños consejos generales de una decoradora o interiorista profesional acerca de combinaciones de mobiliario, sillería, complementos… Combinaciones de colores, como crear espacios calidos y acogedores o funcionales y operativos… etc. (Por supuesto todo relacionado con el catalogo de Emobla). E1.04 - Emobla Opina: Consejos de emobla sobre los productos que cumplen y combinan las diversas secciones anteriores.

G1.01 G1.01

F3.01

F2.01

F1.01

G1.02 G1.01

E1.02

C1.02

B1.02

F3.02

F2.02

F1.02

B1.05.01

G1.03 G1.01

E1.03

B1.03

F3.03

F2.03

F1.03

G1.01 G1.01

X1
OFIMÁTICA

Página de Texto

(VENTAS,TÉCNICO)

(VENTAS,TÉCNICO)

(VENTAS,TÉCNICO)

Ítems de Descarga Acceso Seguro Enlace a Página Alternativa a Página

E1.04

X1
CERTIFICADOS DE CALIDAD Y GARANTÍA

X1
EMOBLA OPINA

X1
REFERENCIAS Lista de Clientes

X1
REFERENCIAS Lista de Clientes

X1
REFERENCIAS Lista de Clientes

F3.04

F2.04

F1.04

B1.04

B1.05.01

X2
ENLACES EXTERNOS

X2
SELLOS EXTERNOS

B1.04.01

C1.05

X1
MOBILIARIO

X1
SILLERÍA

X1
COMPLEMENTOS

X1
DIVISORIAS

C1.04

C1.04

G1.01 G1.01

X1
INFORMATICA

C1.03

Clics Necesarios:
X1

C1.05.01 G1.01

Accesible con un solo clic

X1
DIRECCIÓN

X1
DIRECCIÓN

X1
PAPELERAS

X1
MÁMPARA

C1.04.01 G1.01

C1.04.01 G1.01

C1.03.01 G1.01

B1.05.01

X2

Accesible con dos clic

X2
ENLACES EXTERNOS

X3

Accesible con tres clics o más

La sección de Clientes tendrá contenidos personalizados para cada tipo de usuario. Así los números o direcciones de correo para Clientes puedan será más directos (nombres propios de los comerciales asignados) que para el público (genéricos). Igualmente, las noticias y las preguntas y respuestas podrán ser orientadas de manera diferente.

Dentro de la categoría de Colaboradores en los perfiles de usuario, se podría incluir a miembros de la Prensa. Con el uso de sus privilegios tendrán acceso a materiales de promoción no disponibles al público.

C1.04.01.XX G1.01

X2
VARIAS SERIES

X2
VARIAS SERIES

X2
VARIAS SERIES

C1.05.01.01

X1
MADERA

C1.04.01.XX G1.01

C1.03.01.XX G1.01

F i r s t o f i t s k i n d i n S p a i n , a f u l l y c u s to mized, search-enabled o f f i c e e q u i p m e n t w e b p o r t a l : U X , b ra n d and market research page 052 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

G1.01

X1
INSTALACIÓN

X1
C1.03.01.XX G1.01 .XX

X1
C1.03.04.XX G1.01 .XX

C1.04.02 G1.01

C1.04.02 G1.01

C1.03.02 G1.01

C1.04.01.XX G1.01 .XX

C1.05.01.01 G1.01 .XX

X3
VARIOS PRODUCTOS

INSTALACIÓN

X3
VARIOS PRODUCTOS

PERCHEROS

X3
VARIOS PRODUCTOS

X2
VARIAS SERIES

C1.04.02.XX G1.01

X2
VARIAS SERIES

X2
VARIAS SERIES

X2
VARIAS SERIES

C1.05.01.02

X1
ALUMINIO

C1.04.02.XX G1.01

C1.03.02.XX G1.01

C1.05.01.01 G1.01 .XX.XX

X3
VARIOS PRODUCTOS

C1.04.03 G1.01

X1
OPERATIVO

X1
C1.03.02.XX G1.01 .XX

X1
C1.04.02.XX G1.01 .XX

C1.04.03 G1.01

C1.03.03 G1.01

C1.04.02.XX G1.01 .XX

X3
VARIOS PRODUCTOS

OPERATIVA

X3
VARIOS PRODUCTOS

CENICEROS

X3
VARIOS PRODUCTOS

X2
VARIAS SERIES

C1.05.01.02 G1.01 .XX

C1.04.03.XX G1.01

X2
VARIAS SERIES

X1
OPERATIVA FIJA

X2
VARIAS SERIES

C1.05.01.03

X1
PERFIL OCULTO

C1.04.03.01

C1.03.03.XX G1.01
C1.03.03.XX G1.01 .XX

C1.05.01.02 .XX.XX G1.01

X3
VARIOS PRODUCTOS

C1.04.04 G1.01

X1
C1.04.03.01 G1.01 .XX

C1.04.03.XX G1.01 .XX

X3
VARIOS PRODUCTOS

X2
VARIAS SERIES

ZONAS COMUNES

X3
VARIOS PRODUCTOS

X2
VARIAS SERIES

C1.05.01.03 .XX

C1.05.02 G1.01

C1.04.04.XX G1.01

X1
OPERATIVA RUEDAS

X2
C1.04.03.01 G1.01 .XX.XX

X1
BIOMBO

C1.04.03.02 G1.01

C1.05.01.03 G1.01 .XX.XX

X3
VARIOS PRODUCTOS

VARIAS SERIES

X3
VARIOS PRODUCTOS

C1.04.05 G1.01

X1
X2
VARIAS SERIES
C1.04.03.02 G1.01 .XX

C1.05.02.01

C1.04.04.XX G1.01 .XX

VARIOS

X3
VARIOS PRODUCTOS

X1
LIGERO

C1.04.04

X1
ERGONÓMICA

C1.04.05.XX G1.01

X2
C1.04.03.02 G1.01 .XX.XX

C1.05.02.01 G1.01 .XX

X3
VARIOS PRODUCTOS

VARIAS SERIES

X2
VARIAS SERIES

C1.04.04.XX

X2
VARIAS SERIES

C1.05.02.02

C1.04.05.XX G1.01 .XX

X3
VARIOS PRODUCTOS
C1.04.04.XX G1.01 .XX

X1
ELECTRIFICABLE

C1.05.02.01 G1.01 .XX.XX

X3
VARIOS PRODUCTOS

C1.04.05 G1.01

X1
SALA DE ESPERA

X3
VARIOS PRODUCTOS

X2
VARIAS SERIES

C1.05.02.02 G1.01 .XX

C1.04.05.XX G1.01

X2
VARIAS SERIES

C1.05.02.02 G1.01 .XX.XX

X3
VARIOS PRODUCTOS

C1.04.05.XX G1.01 .XX

X3
VARIOS PRODUCTOS

PORTFOLIO 1.0

gomez-rosado.com

emobla_tree.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003
Proyecto Cliente Documento Fecha Diseño Info

EMOBLA
MARKET RESEARCH, BRAND & UX

Emobla Web – Arquitectura 03 – Nivel 1
Página de Producto propuesto para emobla.com
El acceso a cada producto será más legible incluso desde el URL mismo: Tradicional: http://www.emobla.com/contenedor.asp?idio ma=EN&opc=16&IDProduct=26&IDFamilia=8 Emobla: http://www.emobla.com/catalogo/ silleria/direccion/generix/silla_generix Para facilitar al usuario su acceso a los contenidos más recónditos del sitio emobla.com, se ofrecerán múltiples formas de navegación redundante: Desde el salto a través de menues estáticos o permanentes a los niveles inferiores, a través del rastro de niveles anteriores en el hilo navegacional, con ayuda de los menues desplegables de las secciones principales o simplemente usando el Mapa del Sitio.

emobla.com Emobla Desarrollos S.L. emobla_arquitectura_03.pdf May 9, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

1

La primera opción que se ofrece al usuario es, lógicamente, la elección del idioma con la que este quiere interactuar con el sitio Web. La elección de un menú desplegable en lugar de botones o iconos permitirá mayor flexibilidad en el futuro, permitiendo añadir nuevos idiomas sin tener que cambiar el diseño de la página.
La segunda opción disponible es sin duda el método más utilizado para conseguir lo que el usuario necesita en un servicio Web: El campo de búsqueda. Para ahorrar espacio, el titulo de la herramienta desaparece una vez el usuario comienza a escribir su búsqueda.
Para fomentar la facilidad de acceso, en todo momento se habrá de mostrar el teléfono de la empresa como método de realizar una compra o formular una pregunta alternativo a cualquiera de las herramientas interactivas. De esta forma se fidel iza una atención al público independientemente de la familiaridad de este con las nuevas tecnologías.
El acceso de usuarios (tanto para clientes como para administradores) tomará una posición protagonista para dar un sutil reclamo a aquellos usuarios que no estén registrados. Para ayudar ese empeño, existirá un pequeño enlace para lograr más información y otro para pedir la clave olvidada.
Logo del sitio Web. Puede estar a la derecha, para coincidir con el resto del desarrollo de identidad impreso, o la izquierda como es más convencional.
En todo momento, el usuario sabrá su posición dentro del sitio de emobla.com a través de un “hilo navegacional” con cada nivel señalizado en secuencia jerárquica y con enlaces “de regreso” a cada paso.

Language:
Búsqueda

Castellano

1
2

Llámanos al 902 100 065
Registrate gratiis

3
4

5

9

Usuario

¿Olvidaste tu clave?

Clave

6 Estás en: Inicio
EMPRESA
CATÁLOGO

La silla más cómoda Feugait, sciurus ad nulla dolor qui volutpat qui, wisi tincidunt volutpat. Illum euismod augue et praesent, sed minim ullamcorper, lobortis in vel. Ex in lobortis duis lobortis euismod odio? Duis, crisare nulla est.

7

PROMOCIÓN
ASESORAMIENTO
CLIENTES
CONTACTO
ASOCIADOS

2

es cion a solu rmátic info s.l.
11

RECOMENDAMOS NUESTROS SOCIOS:

8

Aunque un resumen del carrito de la compra está visible permanentemente, una página más detallada de la compra está disponible con el botón “Ver Carrito”
Un resumen de los contenidos del carrito está siempre visible a la izquierda. Una lista con solo el nombre, la cantidad y el subtotal para dar una visión rápida de la compra efectuada hasta el momento a modo de recordatorio.
Tres productos rotativos (y/o seleccionados por el diferente nivel de participación de los fabricantes con Emobla) habrán de liderar el aspecto comercial del sitio en su página principal. Cada módulo presentará una foto, una breve descripción y un enlace para saltar a su página de producto.
En un lugar discreto pero visible y permanente, se listará los diferentes sellos de calidad, garantía y normativas de industria que la compañía disponga.
Las herramientas estándar de un sitio Web: “Correo”, “Mapa Sitio” y “Aviso Legal” (Con temas sobre el Copyright de los contenidos de la Web y el enunciado de derechos de privacidad por parte del usuario) también estarán siempre permanentes en el mismo sitio a lo largo del sitio Emobla.com.
En un lugar discreto pero visible y permanente, se listará los diferentes sellos de calidad, garantía y normativas de industria que la compañía disponga.

10

11

9
10

VER CARRITO
Compra 1 Mesa Blair € 125 4 Cajones € 245 2 particiones €300

3

Illum euismod augue ... et praesent
Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 250 €

CREDITBANK
EL BANCO PARA PYME

INICIO Bienvenida PÚBLICO

€1.400
COMPRAR

Subtotal:

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 195 €

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 150 €

WEB DISEÑO INTERFAZ PUBLICIDAD

12

F i r s t o f i t s k i n d i n S p a i n , a f u l l y c u s to mized, search-enabled o f f i c e e q u i p m e n t w e b p o r t a l : U X , b ra n d and market research page 053 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

A1

VER

VER

VER

12

CORREO

MAPA SITIO

AVISO LEGAL 13 texto legal texto legal texto legal 14

texto legal texto legal texto legal

4

13

7

5

La filosofía de Emobla y la estrategia diferenciadora de Emobla.com habrán de plasmarse en un anuncio impactante y llamativo que resuma sus beneficios a través del uso creativo de imágenes, texto y eslóganes.
La página de inicio será el único lugar donde publicidad de terceros se permitirá. Para ello, un espacio adecuado para tres iniciativas individuales resaltará los servicios de aquellas empresas asociadas que así hayan decidido contratar esta posibilidad por parte de Emobla. El diseño de sus anuncios serán realizados por Emobla siguiendo las normas estéticas del sitio Web.

14

8

6

página 01 de 04

PORTFOLIO 1.0

gomez-rosado.com

emobla_ux.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003
Proyecto Cliente Documento Fecha Diseño Info

EMOBLA
MARKET RESEARCH, BRAND & UX

Emobla Web – Arquitectura 03 – Nivel 5
Página de Colección propuesto para emobla.com
El acceso a cada producto será más legible incluso desde el URL mismo: Tradicional: http://www.emobla.com/contenedor.asp?idio ma=EN&opc=16&IDProduct=26&IDFamilia=8 Emobla: http://www.emobla.com/catalogo/ silleria/direccion/generix/silla_generix Para facilitar al usuario su acceso a los contenidos más recónditos del sitio emobla.com, se ofrecerán múltiples formas de navegación redundante: Desde el salto a través de menues estáticos o permanentes a los niveles inferiores, a través del rastro de niveles anteriores en el hilo navegacional, con ayuda de los menues desplegables de las secciones principales o simplemente usando el Mapa del Sitio.

emobla.com Emobla Desarrollos S.L. emobla_arquitectura_03.pdf May 9, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

1

En todo momento, el usuario sabrá su posición dentro del sitio de emobla.com a través de un “hilo navegacional” con cada nivel señalizado en secuencia jerárquica y con enlaces “de regreso” a cada paso.
El nombre de la colección siempre aparecerá en la parte superior y siempre coincidirá con la sección final del hilo navegacional y el título de la página.
Todas las páginas de colección ofrecerán las herramientas de “Imprimir” (Generando una página simplificada de los contenidos de mercadotecnia y listas de producto sin los elementos de la navegación Web).
El protagonismo en la página de colección se dará a la fotografía ambiental (mostrando los diversos productos de la gama en contexto unos con otros) y un texto de promoción creativa que exponga los beneficios principales de esta línea.
Para fomentar una venta rápida, se ofrecerá hasta tres productos destacados de la colección, y preferentemente existentes en la fotografía ambiental superior (con números marcando su situación en ella). Cada uno con una foto, una breve descripción, el precio, y un enlace para saltar a su página de producto.

Language:
Búsqueda

Castellano

Llámanos al 902 100 065
Registrate gratiis

Usuario

¿Olvidaste tu clave?

Clave

1

Estás en: Inicio > Catálogo > Sillería >Dirección > Generix
EMPRESA
CATÁLOGO

2

Colección Genérix

2

Imprimir

3

Productos

6

6

PROMOCIÓN
ASESORAMIENTO
CLIENTES
CONTACTO
ASOCIADOS
VER CARRITO
Compra 1 Mesa Blair € 125 4 Cajones € 245 2 particiones €300
1

La silla más cómoda 4
Feugait, sciurus ad nulla dolor qui volutpat qui, wisi tincidunt volutpat. Illum euismod augue et praesent, sed minim ullamcorper, lobortis in vel. Ex in lobortis duis lobortis euismod
1
3

3

2

4

INICIO Bienvenida PÚBLICO

€1.400
COMPRAR

Subtotal:

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 250 €

5

2

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 195 €

3

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 150 €

VER

VER

VER

Tincidunt volutpat Lobortis in vel Crisare nulla Tincidunt volutpat Lobortis in vel Crisare nulla Tincidunt volutpat Lobortis in vel Crisare nulla Tincidunt volutpat Lobortis in vel Crisare nulla Tincidunt volutpat Lobortis in vel Crisare nulla Tincidunt volutpat Lobortis in vel Crisare nulla Tincidunt volutpat Lobortis in vel Crisare nulla Tincidunt volutpat Lobortis in vel

La entera línea de productos de esta colección se mostrará de forma redundante en un menú visible (además del menú principal desplegable) para poder descubrir de un solo vistazo la oferta entera de esta colección específica.

A1
C1

X1
CATÁLOGO (Tienda)

CORREO

MAPA SITIO

AVISO LEGAL

texto legal texto legal texto legal texto legal texto legal texto legal

5
C1.01

X1
OFERTAS

Language:
Búsqueda

Castellano

Llámanos al 902 100 065
Registrate gratiis

X1
LEGALIDAD, PLAZOS, PAGOS

Usuario

¿Olvidaste tu clave?

Clave

C1.02
C1.03

Estás en: Inicio > Catálogo > Sillería >Dirección > Generix
EMPRESA
CATÁLOGO

X1
MOBILIARIO

Colección Genérix

Imprimir
1

7

Productos
Tincidunt volutpat 150 € Crisare nulla 320 € Lobortis in vel 400 € Tincidunt volutpat 175 € Crisare nulla 150 € Lobortis in vel 225€ Tincidunt volutpat 315 €

7

PROMOCIÓN
C1.04

X1
SILLERÍA

ASESORAMIENTO
CLIENTES

La silla más cómoda
Feugait, sciurus ad nulla dolor qui volutpat qui, wisi tincidunt volutpat. Illum euismod augue et praesent, sed minim ullamcorper, lobortis in vel. Ex in lobortis duis lobortis euismod
2

X1
DIRECCIÓN

CONTACTO
ASOCIADOS
VER CARRITO
G1.01 C1.04.01.XX

3
4

X2
VARIAS SERIES

Compra 1 Mesa Blair € 125 4 Cajones € 245 2 particiones €300
C1.03.04.XX G1.01 .XX

La lista de productos se puede ver rápidamente de dos formas: Un inventario de nombres (como la imagen de arriba y que será la opción por defecto al ser más rápida de carga) o un directorio de pequeñas imágenes con sus nombres y el precio asociado. El usuario elige si ver más ítems, o menos pero con más detalles. Esta forma de navegación alternativa resultará familiar para usuarios de cualquier sistema operativo moderno: Windows XP, Mac OS X, Palm 5.0, Symbian 7.0, etc)

G1.01 C1.04.01

X1
COMPLEMENTOS

X3
VARIOS PRODUCTOS

1

€1.400
COMPRAR

Subtotal:

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 250 €

5

2

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 195 €

3

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 150 €

Crisare nulla 150 € Lobortis in vel 758€ Tincidunt volutpat 576 €

F i r s t o f i t s k i n d i n S p a i n , a f u l l y c u s to mized, search-enabled o f f i c e e q u i p m e n t w e b p o r t a l : U X , b ra n d and market research page 054 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

C1.04

página 02 de 04

VER

VER

VER

CORREO

MAPA SITIO

AVISO LEGAL

texto legal texto legal texto legal texto legal texto legal texto legal

PORTFOLIO 1.0

gomez-rosado.com

emobla_ux.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003
Proyecto Cliente Documento Fecha Diseño Info

EMOBLA
MARKET RESEARCH, BRAND & UX

Emobla Web – Arquitectura 03 – Nivel 6
Página de Producto propuesto para emobla.com
El acceso a cada producto será más legible incluso desde el URL mismo: Tradicional: http://www.emobla.com/contenedor.asp?idio ma=EN&opc=16&IDProduct=26&IDFamilia=8 Emobla: http://www.emobla.com/catalogo/ silleria/direccion/generix/silla_generix Para facilitar al usuario su acceso a los contenidos más recónditos del sitio emobla.com, se ofrecerán múltiples formas de navegación redundante: Desde el salto a través de menues estáticos o permanentes a los niveles inferiores, a través del rastro de niveles anteriores en el hilo navegacional, con ayuda de los menues desplegables de las secciones principales o simplemente usando el Mapa del Sitio.

emobla.com Emobla Desarrollos S.L. emobla_arquitectura_03.pdf May 9, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

1

En todo momento, el usuario sabrá su posición dentro del sitio de emobla.com a través de un “hilo navegacional” con cada nivel señalizado en secuencia jerárquica y con enlaces “de regreso” a cada paso.
El nombre del producto siempre aparecerá en la parte superior y siempre coincidirá con la sección final del hilo navegacional y el título de la página.
Todas las páginas de producto ofrecerán las herramientas de “Enviar” (Un anuncio/postal a un amigo por correo electrónico HTML), “Favorito” (Recordar para más tarde) e “Imprimir” (Generando una página simplificada sin los elementos de la navegación Web).
Para fomentar la venta cruzada se ofrecerá hasta tres productos relacionados, ya sean complementos del principal (cross-sale), ya sean versiones superiores (up-sale). Cada uno con una foto, una breve descripción y un enlace para saltar a su página de producto.
El flujo de interacción está diseñado para que los atributos del producto se vayan eligiendo uno a uno hasta proceder a la compra. Entre ellos se encuentran la Cantidad, el Color, el Material (si solo existe uno, en lugar de un menú desplegable se mostrará tan solo el existente) y el Precio en diversas monedas (Euros, Libras Esterlinas y Dólares EE.UU.)
Siguiendo la filosofía anterior, el último paso a dar es “transferir” el producto escogido al carrito de la izquierda. Todo ha sido colocado para que el recorrido de los ojos del usuario sea lógica y se eviten saltos de una lado a otro de la pantalla.
Información no-interactiva (Como el número de referencia y las dimensiones del producto) permanecerá tras el fondo de los menues y botones accionables.

Language:
Búsqueda

Castellano

Llámanos al 902 100 065
Registrate gratiis

8

Usuario

¿Olvidaste tu clave?

Clave

1

Estás en: Inicio > Catálogo > Sillería >Dirección > Generix > Silla Generix
EMPRESA
CATÁLOGO

2

Silla Genérix
Cantidad Color
Azul

2

Enviar
1

Favorito

Imprimir

3

COMPLEMENTARIOS
Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 250 €

4

La foto principal del producto tratará de seguir un estilo constante a lo largo de todo el catálogo, en formato JPEG y nunca con una compresión por debajo del 80%.
Cuatro imágenes de detalles aumentados del producto serán mostrados con numeración de su posición en la foto integra del producto.
Una descripción amena y atractiva (no tan solo descriptiva) promocionará las bondades del producto y sus cualidades más destacables. El uso de un copy profesional es recomendado.
Todos los productos tendrán un botón para observar una versión más grande de la foto en una ventana emergente (pop-up).
En apoyo al texto descriptivo, habrá un listado (editable a través del gestor de contenidos) de los principales puntos que definen el producto a modo de sumario. Pueden ser numerados o simples asteriscos.
El acceso a todos los productos y demás paginas de la página Web se logrará a partir de menues desplegables anidados unos dentro de otros, de tal manera que con un solo clic el usuario podrá llegar a cualquier pantalla por muy “sumergida” que esté dentro de la estructura del sitio web. Estos menues se poblarán automáticamente con cualquier cambio en el gestor de contenidos. Se decidirá posteriormente si este método de navegación es adecuado hasta llegar al nivel de producto (si hay pocos) o tan solo al nivel de colección (como se muestra en el ejemplo de la izquierda).

9

PROMOCIÓN
ASESORAMIENTO
CLIENTES
CONTACTO
ASOCIADOS
VER CARRITO
Compra 1 Mesa Blair € 125 4 Cajones € 245 2 particiones €300

4
5

La silla más cómoda

8 Feugait, sciurus ad 10

3

Material
Cuero

4

Precio: 200 €
Euros

3

Añadir al Carrito

6
1

2

nulla dolor qui volutpat qui, wisi tincidunt volutpat. Illum euismod augue et praesent, sed minim ullamcorper, lobortis in vel. Ex in lobortis duis lobortis euismod odio? Duis, crisare nulla est.
Aumentar

10

VER
Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 195 €

11

11

VER
Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 150 €

4

Referencia: Tamaño:

GX-00234-2005 20"(W) x 22 1/2"-24 1/2"(D) x 56 1/2"(H)
3
4

7

2

9

INICIO Bienvenida PÚBLICO

€1.400
COMPRAR

Subtotal:

Tincidunt volutpat Lobortis in vel 12 Crisare nulla Tincidunt volutpat Lobortis in vel Crisare nulla Tincidunt volutpat

12

A1
C1

VER
texto legal texto legal texto legal texto legal texto legal texto legal

X1
CATÁLOGO (Tienda)

CORREO

MAPA SITIO

AVISO LEGAL

5
C1.01

13

X1
OFERTAS

X1
LEGALIDAD, PLAZOS, PAGOS

Language:
Búsqueda

Castellano

Llámanos al 902 100 065
Registrate gratiis

Usuario

¿Olvidaste tu clave?

Clave

C1.02
C1.03

X1
MOBILIARIO

13

Estás en: Inicio > Catálogo > Sillería >Dirección > Generix > Silla Generix
EMPRESA
CATÁLOGO

6
C1.04

Silla Genérix
Cantidad: 4 Color mobiliario
sillería legalidad, plazos ofertas
1

Enviar

Favorito

Imprimir

X1
SILLERÍA

PROMOCIÓN
ASESORAMIENTO
CLIENTES
CONTACTO
ASOCIADOS
VER CARRITO

La silla más cómoda Feugait, sciurus ad nulla dolor qui volutpat qui, wisi tincidunt volutpat. Illum euismod augue ultraden 4 et praesent, sed minim ullamcorper, lobortis generix in vel. Ex in lobortis samba duis lobortis euismod odio? Duis, crisare noblemira est. nulla
torx

Azul

X1
DIRECCIÓN

Material complementos Precio: 200 €
Euros
divisorias

dirección instalación operativa ergonomica sala de espera
2

X2
VARIAS SERIES

G1.01 C1.04.01

Cuero

7

3

G1.01 C1.04.01.XX

Compra 1 Mesa Blair € 125 4 Cajones € 245 2 particiones

Añadir al Carrito

Aumentar
1
2

C1.04

C1.03.04.XX G1.01 .XX

X1
COMPLEMENTOS

X3
VARIOS PRODUCTOS

Número: GX-00234-2005

Tincidunt volutpat Lobortis in vel Crisare nulla

página 03 de 04

F i r s t o f i t s k i n d i n S p a i n , a f u l l y c u s to mized, search-enabled o f f i c e e q u i p m e n t w e b p o r t a l : U X , b ra n d and market research page 055 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

emobla_ux.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003
Proyecto Cliente Documento Fecha Diseño Info

EMOBLA
MARKET RESEARCH, BRAND & UX

Emobla Web – Arquitectura 03 – Nivel 5
Página de Resultados de Búsqueda propuesto para emobla.com
El acceso a cada producto será más legible incluso desde el URL mismo: Tradicional: http://www.emobla.com/contenedor.asp?idio ma=EN&opc=16&IDProduct=26&IDFamilia=8 Emobla: http://www.emobla.com/catalogo/ silleria/direccion/generix/silla_generix Para facilitar al usuario su acceso a los contenidos más recónditos del sitio emobla.com, se ofrecerán múltiples formas de navegación redundante: Desde el salto a través de menues estáticos o permanentes a los niveles inferiores, a través del rastro de niveles anteriores en el hilo navegacional, con ayuda de los menues desplegables de las secciones principales o simplemente usando el Mapa del Sitio.

emobla.com Emobla Desarrollos S.L. emobla_arquitectura_03.pdf May 9, 2005 Lobe Multimedia S.L. www.lobemultimedia.com

1

En todo momento, el usuario sabrá su posición dentro del sitio de emobla.com a través de un “hilo navegacional” con cada nivel señalizado en secuencia jerárquica y con enlaces “de regreso” a cada paso.
El campo de búsqueda cambia de color al realizarse la pesquisa de un término. Esta estrategia permite recalcar cual es el término que está afectando los resultados presentados en pantalla.
El nombre de “Resultados de Búsqueda” es siempre seguido del número de coincidencias que son presentados en detalle más abajo.
La página de búsqueda ofrece la oportunidad de “Imprimir” la lista de resultados (Generando una página simplificada de los contenidos sin los elementos de la navegación Web).
Los resultados de la búsqueda se mostrarán enumerados (para facilitar la posible ayuda de un representante del servicio al consumidor por teléfono), con imágenes miniatura del producto, su nombre, su precio, las primeras líneas de su descripción y el nombre de la colección a la que pertenece cada producto. Cada fila es un enlace activo a la página del producto.

Language:

Castellano

Llámanos al 902 100 065
2
Registrate gratiis

6

Silla de oficina Búsqueda

Usuario

¿Olvidaste tu clave?

Clave

Estás en: Inicio > Búsqueda

2

Resultados de Búsqueda
Producto 01 02 03 04 Tincidunt volutpat 150 € Crisare nulla 320 € Lobortis in vel 400 € Tincidunt volutpat 175 € Crisare nulla 150 € Lobortis in vel 225€ Tincidunt volutpat 315 € Crisare nulla 150 € Lobortis in vel 758€ Tincidunt volutpat 576 €

3

(25 coincidencias)

Imprimir
Colección torx torx ultraden generix generix generix samba noblemira noblemira noblemira

4

RECOMENDADOS

7

Al igual que el sistema operativo de cualquier ordenador, las columnas de datos de esta página pueden ser ordenadas alfabéticamente con solo hacer clic en el título de la columna, y revertir el orden con cada segundo clic que se realice en la misma.
Una oportunidad para ofrecer mayor valor añadido a potenciales asociados de embola.com es el anuncio destacado de tres productos relacionados a la búsqueda recién realizada… Similar en estrategia al Adwords de Google pero limitada a los productos dentro del sistema.

Descripción ostrud dolore diam tation facilisi in duis minim amet augue ut veniam, aliquip molestie delenit nulla at dolore ullamcorper aliquip duis iriuredolor autem duis lorem praesent, feugait accumsan facilisis. Odio eu

6

Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 250 €

7

3

VER
Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 195 €

VER CARRITO
Compra 1 Mesa Blair € 125 4 Cajones € 245 2 particiones €300

05 07 08 09 10 11

4

5

volutpat, molestie blandit commodo facilisi nulla tation, sciurus consequat veniam? Dolore, iriure nisl enim hendrerit consequat, suscipit autem laoreet sciurus, quis lorem ex ad duis. Laoreet amet quis luptatum consequat praesent sit, diam dolore ex nostrud, autem feugiat ut tation iriure et dolor et,

VER
Feugait, sciurus nulla volutpat qui, wisi tincidunt volutpat. 150 €

INICIO Bienvenida PÚBLICO

5

€1.400
COMPRAR

Subtotal:

CATÁLOGO (Tienda) BÚSQUEDA X1

F i r s t o f i t s k i n d i n S p a i n , a f u l l y c u s to mized, search-enabled o f f i c e e q u i p m e n t w e b p o r t a l : U X , b ra n d and market research page 002 of 020 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

A1
C1.01 A1.04

VER
texto legal texto legal texto legal texto legal texto legal texto legal

CORREO

MAPA SITIO

AVISO LEGAL

X1
RESULTADOS OFERTAS DE BÚSQUEDA

página 04 de 04

PORTFOLIO 1.0

gomez-rosado.com

emobla_ux.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

EMOBLA
MARKET RESEARCH, BRAND & UX

DOE

fabricante

SAMPLE BILL • MONTHLY STATEMENT Account Name: Billing Date: Billing Period: Rate Plan: USER John Smith DATE 08/01/99 08/03/99 08/06/99 08/06/99 08/11/99 08/23/99 John Smith August 26 1999 July 24, 1999 - August 23, 1999 Standard 150 Free Hours TIME 03:45 PM 05:21 PM 05:15 PM 02:54 PM 09:13 PM 05:10 PM SUBTOTAL Mary Smith 08/01/99 08/03/99 08/06/99 08/06/99 08/11/99 08/23/99 03:45 PM 05:21 PM 05:15 PM 02:54 PM 09:13 PM 05:10 PM SUBTOTAL Sue Smith 08/01/99 08/03/99 08/06/99 08/06/99 08/11/99 08/23/99 03:45 PM 05:21 PM 05:15 PM 02:54 PM 09:13 PM 05:10 PM SUBTOTAL TOTAL MINUTES 10 5 15 10 5 10 55 10 5 15 10 5 10 55 10 5 15 10 5 10 55 165 min KBYTES 2070 545 12560 1655 250 3400 20480 2070 545 12560 1655 250 3400 20480 2070 545 12560 1655 250 3400 20480 61440 Kb $ TIME $0.10 $0.05 $0.15 $0.10 $0.05 $0.10 $0.55 $0.10 $0.05 $0.15 $0.10 $0.05 $0.10 $0.55 $0.10 $0.05 $0.15 $0.10 $0.05 $0.10 $0.55 $1.65 John Smith Statement 365 West Passaic Street Rochelle Park, NJ 07662 ACCOUNT: 9236000023 $ USAGE $0.20 $0.15 $0.25 $0.20 $0.15 $0.20 $1.15 $0.20 $0.15 $0.25 $0.20 $0.15 $0.20 $1.15 $0.20 $0.15 $0.25 $0.20 $0.15 $0.20 $1.15 $3.45 TOTAL $0.10 $0.05 $0.15 $0.10 $0.25 $0.10 $1.70 $0.10 $0.05 $0.15 $0.10 $0.25 $0.10 $1.70 $0.10 $0.05 $0.15 $0.10 $0.25 $0.10 $1.70 $5.10

cliente

TOTAL USER CHARGES: TOTAL FIXED CHARGES: TOTAL DISCOUNTS/CREDITS: TOTAL TAXES ON NEW CHARGES: AMOUNT NOW DUE:

$05.10 $19.95 $05.10 $00.00 $19.95

emobla compra

factura

Nombre: Dado Colección: Sillones Dau-Dau Sección: Mueblería Materiales: Madera, tela Dimensiones: 200 x 75 cm Precio: 649 Euros

comunicación venta vía teléfono ó Web

OFERTA:

599 Euros

compra

599 Euros

F i r s t o f i t s k i n d i n S p a i n , a f u l l y c u s to mized, search-enabled o f f i c e e q u i p m e n t w e b p o r t a l : U X , b ra n d and market research page 002 of 020 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

emobla_plan.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003
Projecto Cliente Documento Fecha Diseño Info

GESAB
UX, WEB CATALOG & CMS

Gesab
Gesab Web – Arquitectura 01 – Nivel 1

gesab.es Gesab S.A. gesab_arquitectura_02.pdf Septiembre 15, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Página de Inicio propuesto para gesab.es
El principal objetivo de la estructura de gesab.es será mantener un carácter modular de acceso rápido. Beneficios: Mayor legibilidad (usabilidad) por parte de los usuarios que sabrán que porciones de la pantalla se dedican coherentemente a una funcionalidad. Seguirá los últimos estándares establecidos en el desarrollo de herramientas Web, incluyendo: CSS2, HTML4, XHTML1, HTTP1.1, RSS 2.0, DOM1, JavaScript, PNG, Unicode, y el algoritmo Unicode Bidirectional.
12 Mayor adaptabilidad a su acceso por los teléfonos de 2.5G (GPRS) y 3G (UMTS) y cualquier terminal móvil de pequeña pantalla.

1

Los campos de “Usuario” y “Clave” estarán presentes en todo momento de manera discreta. Su uso no es necesario para apreciar gesab.es en “Modo Público”, pero una vez introducidos, los contenidos podrán mostrar información adicional y personalizada dependiendo del usuario: Ya sea en “Modo Colaborador” o “Modo Cliente”
La selección de idioma se logrará a través de un menú desplegable para permitir que en un futuro (fuera de contrato actual) la página pública pueda mostrarse en cualquier idioma que se antoje (solo limitada e la capacidad de generar contenidos por parte de Gesab). Inicialmente será Castellano e Inglés. Al contrario que la situación actual, su activación trasladará el usuario a la MISMA página que se estaba mostrando en el momento de cambiar de lenguaje.
Las siete secciones principales se mostrarán en todo momento utilizando el formato más usable de hoy en día: El horizontal. Dispondrán de un pequeño icono para mejor identificación visual entre si y a lo largo de sus niveles inferiores.
En todo momento, el usuario sabrá su posición dentro del sitio de gesab.es a través de un “hilo navegacional” con cada nivel señalizado en secuencia jerárquica y con enlaces “de regreso” a cada paso.
El campo de búsqueda estará siempre disponible. Su nombre descriptivo (”Búsqueda”) desaparecerá en cuanto el usuario efectúe su primera pregunta para ahorrar espacio de pantalla.
Las herramientas estándard de página Web: “E-Mail”, “Mapa Sitio” y “Aviso Legal” Permanecerán en el fondo de la página de manera discreta para no competir con los contenidos o con el sistema de navegación.
En la esquina inferior derecha se colocarán la información de copyright, avisos de protección de datos y demás textos de normativa legal.

8

La pantalla principal se dividirá en tres secciones con diferentes acometidos cada una. La primera (más grande y protagonista) se dedicará a la venta de los valores de Gesab y sus productos. Es el lugar donde se podrá escribir eslóganes y mensajes promocionales y podrá colocarse fotografías de carácter más publicitario y emocional.

9

La segunda sección se dedicará a destacar aquellos productos que necesiten una mayor promoción (en el gestor podrán activarse con un simple clic), trayendo a la superficie atajos rápidos a su localización dentro de la estructura del árbol de contenidos. Aquí podrá presentarse una breve descripción con una pequeña imagen del producto.

gesab.es
Usuario
Clave

English
PRODUCTOS
CLIENTES

EMPRESA

PROMOCIONES

2

INICIO Bienvenida PUBLICO

CONFIGURADORES

CONTACTO

NOTICIAS

3
4

gesab.es
EMPRESA

Estás en: Inicio

Mayor eficiencia de código y por ello mayor rapidez de descarga y acceso. Compatible con los principales navegadores de cada plataforma actual: - Internet Explorer 6 en Windows XP - Safari 1.2 en Mac OS X - Opera 6.20 en Symbian Series 60 El diseño propuesto mantendrá toda la información en una sola pantalla de 800x600. Con esta estrategia se propone apoyar las recomendaciones en los estudios más actuales de usabilidad, que señalan a las pantallas de 1024 x 768 como el standard más común entre los usuarios. Esos estudios también apuntan a la apertura reducida del navegador, es decir, menor a la disponible. El objetivo será evitar “esconder” información bajo el horizonte de la pantalla y evitar así el desplazamiento vertical.

3

8

Mensaje Promocional
augue dolor facilisi et dolore vel. Velit duis hendrerit et tincidunt illum

A1

1

Usuario

Clave
PROMOCIONES

11
CLIENTES NOTICIAS CONTACTO

2

English
CONFIGURADORES

Mensaje Promocional
12
augue dolor facilisi et dolore vel. Velit duis hendrerit et tincidunt illum

PRODUCTOS

9

Destacados
aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm

10

Noticias

03.02.05 Laoreet esse iriure dolore in aliquam facilisis in ut molestie suscipit euismod, esse duis odio. Ea minim, quis eum vel consequat et consequat. 11.02.05 Hendrerit eu ea enim lobortis nibh accumsan odio illum enim vel. Minim blandit minim crisare. 23.10.05 Tation nibh velit at et facilisi eum facilisis ex accumsan commodo velit et ex diam. Aliquip blandit ad te enim lorem commodo veniam dolor facilisi, magna veniam duis ex
texto legal texto legal texto legal texto legal texto legal texto legal

Tincidunt quis vel et aliquam dolore blandit dolore ullamcorper,

Destacados aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm aliquip esse nostrud. 400 x 200 cm Noticias 03.02.05 Laoreet esse iriure dolore in aliquam facilisis in ut molestie suscipit euismod, esse duis odio. Ea minim, quis eum vel consequat et consequat. 11.02.05 Hendrerit eu ea enim lobortis nibh accumsan odio illum enim vel. Minim blandit minim crisare. 23.10.05

4

5

Tincidunt quis vel et aliquam dolore blandit dolore
5
Búsqueda

6

6

E-MAIL

MAPA SITIO

AVISO LEGAL

7

10

7

página 01 de 04

La tercera sección (la más pequeña) mostrará las últimas novedades de la oferta de Gesab. A modo de tablón de anuncios de las noticias más relevantes con enlaces rápidos a su descripción completa dentro de la sección dedicada a ello.

11

La reputación y confianza de Gesab es fortalecida con el listado prominente de los diversos reconocimientos y homologaciones. Cada logo es un enlace a mayor descripción.

Tation nibh velit at

C o m p le te u s e r e x p e r i e n c e a n d d e s i g n r evamp for thiscompany in Spain selling office equipment page 058 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

gesab_ux.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003
Projecto Cliente Documento Fecha Diseño Info

GESAB
UX, WEB CATALOG & CMS

Gesab
Gesab Web – Arquitectura 01 – Nivel 2

gesab.es Gesab S.A. gesab_arquitectura_02.pdf Septiembre 15, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Página de Delegaciones propuesta para gesab.es
La página dedicada a las delegaciones ganará nuevas funcionalidades. No solo será el mero listado de direcciones postales como ahora, si no que además hará la función de un auténtico directorio de responsabilidades dentro de la empresa y un recurso útil para tanto usuarios como visitantes, aportando instrucciones de como llegar a las diferentes oficinas y a quien dirigirse con cualquier duda específica.
1

B1.02.01

DIRECCIÓN

El Texto de delegaciones será orientado al de la localidad del usuario (detectado por el origen del proveedor de acceso) con una breve descripción de sus servicios locales.
En el menú estático habrá oportunidad de saltar a otras delegaciones alrededor del mundo. Su elección determinará los contenidos de los paneles 3, 4 y 5.
El panel de “Dirección” simplemente mostrará la ubicación en un mapa y la dirección de correo de la oficina seleccionada en el menú 2.
El segundo panel ”Contactos” será un listado de los números de teléfono y correos electrónicos de las principales áreas de esa oficina: “Atención al Cliente”, “Soporte Técnico”, “Ventas”, etc.
El tercer panel, “Como Llegar” mostrará las instrucciones de como viajar a las oficinas principales de cada delegación desde los principales métodos de conexión: “Desde el Aeropuerto”, “Desde la Estación de Tren”, etc.
La foto mostrará una imagen del edificio principal de la delegación seleccionada.
1

gesab.es
EMPRESA

Usuario
PRODUCTOS

Clave
PROMOCIONES CLIENTES NOTICIAS CONTACTO

English
CONFIGURADORES

Estás en: Inicio > Empresa > Delegaciones > Dirección

2

Delegaciones
augue dolor facilisi et dolore vel. Velit duis hendrerit et tincidunt illum
6

GESAB, S.A

GESAB Internacional GESAB, (GB) Ltd.

2

3 DIRECCiÓN

4

CONTACTOS

5 COMO LLEGAR
GESAB, S.A   Porvenir, 68 08450 Llinars del Vallès Barcelona Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 Albasanz, 71 28037 Madrid Tel. +34 902 113 187 +34 915 345 064 Fax: +34 915 353 720 info@gesabgroup.com www.gesabgroup.com

GESAB FRANCE, SARL

3

GESAB PORTUGAL GESAB BENELUX, S.A GESAB DEUTSCHLAND GmbH

B1

EMPRESA (Info sobre Gesab)

4
B1.01
B1.02

QUIENES SOMOS

DELEGACIONES (Mapa y Dirección)

5

HISTORIA

Tincidunt quis vel et aliquam dolore blandit ullamcorper,
Búsqueda

B1.03
B1.04
B1.05

E-MAIL

MAPA SITIO

AVISO LEGAL

texto legal texto legal texto legal texto legal texto legal texto legal

FILOSOFÍA

6

Estás en: Inicio > Empresa > Delegaciones > Contactos

Estás en: Inicio > Empresa > Delegaciones > Como Llegar

CERTIFICADOS DE CALIDAD Y MEDIO AMBIENTE

4

DIRECCÏON
GESAB, S.A

CONTACTOS

COMO LLEGAR

5

DIRECCÏON
P

CONTACTOS
PARKING METRO RENFE
M

COMO LLEGAR

GESAB, S.A
  Soporte al Cliente Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 soporte@gesabgroup.com Recursos Humanos +34 902 113 187 +34 915 345 064 Fax: +34 915 353 720 trabajos@gesabgroup.com   Relaciones Públicas Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 publico@gesabgroup.com

  Oficina Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 info@gesabgroup.com Ventas Tel. +34 902 113 187 +34 915 345 064 Fax: +34 915 353 720 ventas@gesabgroup.com   Soporte Técnico Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 soporte@gesabgroup.com

  Desde el aeropuerto: 1. Consequat vero, volutpat 2. Consequat suscipit 3. Consequatvel blandit

  Desde la estación de trén: 1. Illum, lobortis delenit 2. feugait nisl, ullamcorper 3. delenit dolor ullamco Desde la autopista A1: 1. Consequat vero, volut 2. Consequat suscipit 3. Consequatvel blandit Desde la autopista A2: 1. Illum, lobortis delenit 2. feugait nisl, ullamcor 3. delenit dolor ullamco Desde la estación de bús: 1. Illum, lobortis delenit 2. feugait nisl, ullamcor 3. delenit dolor ullamco

ELLANA

ELLAN A

P

P

IDA DE LA CAS T

DE LA CAST

AVEN

GU

ST

P

NUÑEZ MORGADO

MANUEL FEERO

RAFAEL HERRERA

M
L ERA EL GENPOZAS EZ LÓP
ESTEBAN PLAZA DE TERRADAS

CALL

IA INURR TEO E MA

página 02 de 04

CONTACTOS

CONTACTOS

CASTILLA

C o m p le te u s e r e x p e r i e n c e a n d d e s i g n r evamp for thiscompany in Spain selling office equipment page 059 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

CALLE

DE LA HIED RA

CA LL

ESTEBAN TERRADAS

CALLE DE RODRÍGUEZ JAÉN

AVEN IDA

EA
I ENR ETA LARR QUE

ÍN

DE

FO

B1.02.02

B1.02.02

gesab_ux.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003
Projecto Cliente Documento Fecha Diseño Info

GESAB
UX, WEB CATALOG & CMS

Gesab
Gesab Web – Arquitectura 01 – Nivel 4

gesab.es Gesab S.A. gesab_arquitectura_02.pdf Septiembre 15, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Página de Producto propuesto para gesab.es
El acceso a cada producto será más legible incluso desde el URL mismo: Actual: http://www.gesab.es/contenedor.asp?idi oma=EN&opc=160&IDProducto=26&IDFa milia=8 Futuro: http://www.gesab.es/productos/ enclosures/egon_rack-lan Para facilitar al usuario su acceso a los contenidos más recónditos del sitio gesab.es, se ofrecerán múltiples formas de navegación redundante: Desde el salto a través de menús estáticos o permanentes a los niveles inferiores, a través del rastro de niveles anteriores en el hilo navegacional, con ayuda de los menús desplegables de las secciones principales o simplemente usando el Mapa del Sitio.
1

C1
PRODUCTOS

En la página de cada producto tomará protagonismo el nombre, una breve presentación y la imagen general. Esta imagen puede cambiar automáticamente mostrando diferentes perspectivas.
En un menú habrá oportunidad de elegir las diversas variantes de cada producto. Para ahorrar espacio la filosofía será la siguiente: Los menús estáticos solo mostrarán enlaces a niveles más bajos. Para los niveles horizontales o superiores se utilizará los menús desplegables.
Los detalles del producto se dividen en tres paneles informativos. El primero de ellos sería “Diseño”que recojerá los principales valores de diferenciación del producto fomentando tanto el aspecto estético como la funcionalidad del producto. A través del Gestor se podrá decidir el título y párrafo de un máximo de cuatro puntos.
El segundo panel llamado “Manual” donde se podrá enmostrar tanto instrucciones de mointaje como descripción de aspectos más técnicos. El manual completo puede ser descargable en formato PDF para ciertos perfiles de usuario como “Colaboradores”.
El tercer panel, “Precios”, será una de las potenciales secciones dedicadas a los usuarios de perfil “Colaborador” o “Cliente”. En ella se encontrarían los precios del producto descargables en formato PDF. Habría que decidir si es necesario la posibilidad de mostrar diferentes precios por “categorías de cliente” (definidas y aplicadas en el gestor de contenidos).
El acceso a todos los productos y demás paginas de la página web se logrará a partir de menús desplegables anidados unos dentro de otros, de tal manera que con un solo clic el usuario podrá llegar a cualquier pantalla por muy “sumergida” que esté dentro de la estructura del sitio web. Estos menús se poblarán automáticamente con cualquier cambio en el gestor de contenidos.
1

gesab.es
EMPRESA

Usuario
PRODUCTOS

Clave
PROMOCIONES CLIENTES NOTICIAS CONTACTO

English
CONFIGURADORES

2

Estás en: Inicio > Productos > Enclosures > Egon - Rack LAN

Nombre del Producto
augue dolor facilisi et dolore vel. Velit duis hendrerit et tincidunt illum

Salas de Informática 2 Redes Oficinas Check Points

3 DISEÑO

4

MANUAL

5

PRECIOS

LAN - WAN - BAN Industria

3

Área Técnica de Servicio Su innovadora Área Técnica de Servicio facilita la correcta disposición de los elementos electrónicos y del cableado, siempre de forma oculta y ordenada. Incluye canaletas y barras ranuradas verticales en formato 19”, que admiten la instalación de cualquier elemento especifico de “rack”. Unión entre bastidores La posibilidad que ofrece RACK LAN de emplazar el Área Técnica de Servicio en cualquiera de sus laterales, facilita la unión entre bastidores y posibilita la ubicación contigua de sus áreas. Múltiples combinaciones La amplia gama de accesorios y componentes, permiten infinidad de combinaciones, lo que hace de RACK LAN el sistema más completo y técnico del mercado.

4

PRODUCTOS

Tincidunt quis vel et aliquam dolore blandit dolore ullamcorper,
Búsqueda

Rentabilidad Con RACK LAN no es necesaria ninguna sala informática, dispondrá de todas sus prestaciones con un bajo coste y empleando el mínimo espacio.

MOBILIARIO TÉCNICO

ENCLOSURES

CONSOLES

página 03 de 04

C o m p le te u s e r e x p e r i e n c e a n d d e s i g n r evamp for thiscompany in Spain selling office equipment page 060 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

C1

MANUAL TÉCNICO

E-MAIL

MAPA SITIO

AVISO LEGAL

texto legal texto legal texto legal texto legal texto legal texto legal

C1.01
C1.02

C2.01.01

5

C2.01.02
C2.02.01
C2.02.02

LISTA DE PRECIOS

MANUAL TÉCNICO

gesab.es
EMPRESA

Usuario
PRODUCTOS
Mobiliario Técnico Enclosures Cónsolas

Clave
PROMOCIONES CLIENTES NOTICIAS CONTACTO

English
CONFIGURADORES

LISTA DE PRECIOS

Estás en: Inicio > Productos > Enclosures > Egon - Rack LAN
EGLON Acunet

6

6

MANUAL TÉCNICO

Nombre delSwitches KVM Producto
augue dolor facilisi et dolore vel. Catálogos Configurador Velit duis hendrerit et tincidunt illum
Cajas de Seguridad

EGLON Enclosed

DISEÑO

MANUAL
Salas de Informática

C2.03.01

C1.03

EGLON Rack Lan EGLON Cabling

LISTA DE PRECIOS

Área Técnica de Servicio Redes Su innovadora Área Técnica de Servicio facilita la correcta disposición de los elementos electrónicos y Oficinas del cableado, siempre de forma oculta y ordenada. Check Points Incluye canaletas y barras ranuradas verticales en formato 19”, que admiten la instalación de cualquier LAN - WAN - BAN elemento especifico de “rack”. Unión entre bastidores La posibilidad que ofrece RACK LAN de emplazar el
Industria

C2.03.02

PORTFOLIO 1.0

gomez-rosado.com

gesab_ux.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003
Projecto Cliente Documento Fecha Diseño Info

GESAB
UX, WEB CATALOG & CMS

Gesab
Gesab Web – Arquitectura 01 – Nivel 2

gesab.es Gesab S.A. gesab_arquitectura_02.pdf Septiembre 15, 2004 Lobe Multimedia S.L. www.lobemultimedia.com

Página de Noticias propuesta para gesab.es
La página dedicada a las noticias se reorientará hacia una labor de fidelización y de apoyo a existentes y potenciales clientes. Además de mostrar las novedades más relevantes, tendrá un útil calendario de eventos. El usuario podrá suscribirse por tecnología RSS a cualquiera de los dos, mientras que en la sección de prensa se recogerán las últimas noticias sobre la compañía en los medios informativos (con resúmenes enlazados al texto original disponible en el Web).
1

F1.01

PRESS RELEASES

Esta sección se presenta en el nuevo estándar de la Web de Gesab: El título y un breve texto de introducción a las funcionalidades de esta sección.
En el menú estático se podrán elegir las noticias filtradas por categorías (las cuales son asignadas con ayuda del gestor de contenidos). Los iconos correspondientes sirven también como guía o leyenda de la señalización de cada aviso para ayudar en un cómodo escaneado de información relevante a las necesidades del usuario.
“Avisos” se dedica a proveer más información en las fechas recalcadas por el panel de calendario (ver punto 6). Además de un resumen, se podrá colocar una pequeña imagen relevante y marcarlo por categorías). Aquellos textos de importancia, se ofrecerán igualmente como documentos PDF descargables. El usuario podrá optar por suscribirse a los avisos de Gesab y verlos en su favorito lector de RSS.
El panel de “Eventos” es una oportunidad para resaltar y organizar aquellas noticias de naturaleza periódica asociadas aun lugar geográfico. Es decir, apariciones de productos Gesab en exposiciones, eventos, talleres, etc. Al igual que en la sección de Avisos, se podrá suscribirse por formato RSS o por inscripción a una alarma por correo electrónico.
El panel de “Prensa” se dedicará exclusivamente a enumerar las menciones y referencias a Gesab y sus productos en los medios informativos. Se podrá leer breves resúmenes con enlaces a las noticias originales en el Web.
Esta zona marcará por colores asociados a las diferentes categorías de todos los avisos y eventos que suceden en el mes actual. El usuario podrá avanzar o retroceder meses de forma fácil.
1

gesab.es
EMPRESA

Usuario
PRODUCTOS

Clave
PROMOCIONES CLIENTES NOTICIAS CONTACTO

English
CONFIGURADORES

2

Estás en: Inicio > Noticias > Avisos

Noticias
augue dolor facilisi et dolore vel. Velit duis hendrerit et tincidunt illum

General

Compañía Expos Productos

2

3

AVISOS

4

Ofertas Lanzamientos Prensa

6

3

6

RSS Jueves, 5 de Junio, 2003 Su innovadora Área Técnica de Servicio facilita la correcta disposición de los elementos electrónicos y del cableado, siempre de forma oculta y ordenada. Incluye canaletas y barras ranuradas verticales en formato 19”, que admiten la instalación de cualquier elemento especifico de “rack”.
Martes, 17 de Junio, 2003 La posibilidad que ofrece RACK LAN de emplazar el Área Técnica de Servicio en cualquiera de sus laterales, facilita la unión entre bastidores y posibilita la ubicación contigua de sus áreas. Lunes, 23 de Junio, 2003 La amplia gama de accesorios y componentes, permiten infinidad de combinaciones, lo que hace de RACK LAN el sistema más completo y técnico del mercado.

EVENTOS

5

PRENSA

F1
NOTICIAS
F1.01

PRESS RELEASES

PDFs

4
F1.02
F1.03

Tincidunt quis vel et aliquam dolore blandit ullamcorper,
Búsqueda

Miércoles, 25 de Junio, 2003 Con RACK LAN no es necesaria ninguna sala informática, dispondrá de todas sus prestaciones con un bajo coste y empleando el mínimo espacio.

F1.01.XX

CALENDARIO DE EVENTOS

E-MAIL

MAPA SITIO

AVISO LEGAL

texto legal texto legal texto legal texto legal texto legal texto legal

Estás en: Inicio > Empresa > Noticias > Eventos

Estás en: Inicio > Empresa > Noticias > Prensa

KIT DE PRENSA

4

AVISOS

5

Alarmas EXPO Tech. Atlanta. USA Jueves, 5 de Marzo, 2003 Iriure hendrerit eu euismod augue nibh feugiat te eros vel commodo iriuredolor accumsan nulla, nibh laoreet autem, dolore consectetuer vero aliquip.

EVENTOS

PRENSA

5

RSS

AVISOS

EVENTOS

PRENSA

Gesab Lidera la Industria. El País - Jueves, 5 de Marzo, 2003 Iriure hendrerit eu euismod augue nibh feugiat te eros vel commodo iriuredolor accumsan nulla, nibh laoreet autem, dolore consectetuer vero aliquip. Eglon Arrasa en el Mercado. El Mundo - Viernes, 23 de Abril, 2003 Nibh facilisi, praesent facilisi facilisis, suscipit hendrerit euismod augue ut facilisi. Te quis et feugiat autem nisl, ad feugiat suscipit laoreet sciurus te exerci ea vero blandit. KVM se Redefine con Gesab OfiNews - Lunes, 23 de Junio, 2003 Ad eros veniam minim eros erat quis duis, consequat dignissim. Augue qui eros in diam, dignissim augue nostrud, qui commodo praesent odio dolore iriuredolor. Un Día en las Oficinas Gesab Emprendedores - Martes, 25 de Octubre, 2003 Exerci enim euismod aliquip nibh, volutpat luptatum. Ut feugait ex lobortis veniam crisare odio nostrud
F1.03

6

FITUR. Madrid. España Viernes, 23 de Abril, 2003 Nibh facilisi, praesent facilisi facilisis, suscipit hendrerit euismod augue ut facilisi. Te quis et feugiat autem nisl, ad feugiat suscipit laoreet sciurus te exerci ea vero blandit. Mobilia. Barcelona. España Lunes, 23 de Junio, 2003 Ad eros veniam minim eros erat quis duis, consequat dignissim. Augue qui eros in diam, dignissim augue nostrud, qui commodo praesent odio dolore iriuredolor. Furniture Show 2003. Manchester. United Kingdom Martes, 25 de Octubre, 2003 Exerci enim euismod aliquip nibh, volutpat luptatum. Ut feugait ex lobortis veniam crisare odio nostrud
F1.02

página 03 de 04

CALENDARIO DE EVENTOS

KIT DE PRENSA

C o m p le te u s e r e x p e r i e n c e a n d d e s i g n r evamp for thiscompany in Spain selling office equipment page 061 of 061 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

gesab_ux.pdf

© David Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

LOBE
BUSINESS STRATEGY, IDENTITY

0.75 X

X

9.5 X

45º 2X 11º 11º 14 X 15.5 X

X

X

5X 11º 11º 0.75 X 0.5 X 0.5 X 13.75 X 23 X 0.5 X 3.5 X

24.5 X

C o m p le te u s e r e x p e r i e n c e a n d c o r p o ra te identity for this c o m p a n y i n S p a i n o f fe r i n g m u lt i m e d i a s olutions p a g e 0 6 2 o f 070 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

lobe.pdf

© David Gómez-Rosado. 1994-2008

david@gomez-rosado.com

2007

ASK.COM
DESIGN MANAGEMENT, PRODUCT & UX

PA R T NET NER WOR K

e N > Ic > Int UI DES onog er f > Inte IGN > Icon ace > Visua raphy ls o rf > Icon ace > Visu grap> y rod hP u als ction ogra > > Visu phy rod P uctio al n > Prod s uctio n

Cont Con ext ractor Contr extetractor ernal 3 2 a to extern cU r 1rnalUII DESIGN > nt er fac al I DESIG

> Inte IGN rf > Icon ace og > Visu raphy al > Prod s uction

UI De Jarre signer d Teb o UI DES

ing ourc Outs
UI De Chris signer toph er Ba UI DES ker > In IGN
terf > Icon ace og > Visu raphy al > Prod s uction

ce N > Ic > Int UI DES onog er f > Inte IGN > Icon ace > Visu raphy al o rf >y > Icon ace > Visu graphProd s al uctio og n > Visu rap> Prod s hy uctio al n > Prod s uctio n

Age Age ex ncy 3 Agen extency 2 ternal c 1 l externy U rnaUI DESIGN al I DESIG > Interfa

e N > Ic > Int UI DES onog er f > Inte IGN > Icon ace > Visua raphy ls o rf > Icon ace > Visu grap> y rod hP u als ction ogra > > Visu phy rod P uctio al n > Prod s uctio n

Inter Inte ex n 3 Intern extern 2 ternal extern 1 U rnalUII DESIGN > nt erfac al I DESIG

RA > ScheTIONS > Bu dule dge > Reso t > Con urces tracts

Direc Raúl tor of Pro Díaz ducti on OPE

Sr. UI to be Designe hired r UI D
ES > Inte IGN rf > Icon ace og > Visu raphy al > Prod s uction

DICTI ONARY

rod gn P Desi

n uctio
Desig Conran Directo r d Ch u UI DES

Sr. UI Otty Designe Soem r itro UI DES IG
> Inte N rf > Icon ace og > Visu raphy al > Prod s uction

UK

UI De Jona signer than Fong UI DES
> Inte IGN rf > Icon ace og > Visu raphy al > Prod s uction

> Inte IGN rf > UX ace W > Styl orkflow e > UX Guide Qualit y

gn Desi itecture rch A
RE X St > Gui rategy d > Man elines > Foreagement castin g

VP, U s Davider Experi Góm ence ez-Ro ARCH ITECTU sad >U

o

IR > Mar ECTION ke > Bran ting > Con d ceptu > Prom al otiona l

Art D Dian irector a Furk a ART D

INTE RA > Mar CTIVE ke > Flas ting h > Mot io > Bran n d

Visua to be l Designe r hired

lD Visua

esign Rem ote

> Inte rf > Icon ace og > Visu raphy al > Prod s uction

Sr. UI Fede Designe rico S r livka UI DES IGN

Direct or of

to be

ANA LY > Rese SIS > Usa arch b > UX ility th > UX emes trend s

hired Analysis

UX

i nalys UX A

s

G ood U X des i g n r e q u i r e s g o o d U X p r ocesses, guidelines and m anagem ent. T he s e d o c u m e n t s a r e sample of such. page 063 of 070 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

ask.zip

© David Gómez-Rosado. 1994-2008

david@gomez-rosado.com

2008

ASK.COM
DESIGN MANAGEMENT, PRODUCT & UX

Biweekly Feb 11- Feb 22
2008

Project: UX Design Group Biweekly Report
Document: ux_biweekly_feb_22_08a.pdf Version: a Date: February 22, 2008 Author: UX Design Group (page 1 of 4 )

Biweekly Feb 11- Feb 22
2008

Project: UX Design Group Biweekly Report
Document: ux_biweekly_feb_22_08a.pdf Version: a Date: February 22, 2008 Author: UX Design Group (page 2 of 4 )

Biweekly Feb 11- Feb 22
2008
Ask News Compete Integration Site SA’s Ask Site Icons Currency SA’s Ask4D Training Right Rail Exploration

Project: UX Design Group Biweekly Report
Document: ux_biweekly_feb_22_08a.pdf Version: a Date: February 22, 2008 Author: UX Design Group (page 3 of 4 )

UX Project Allocations
Ask4D Ask4D
Ask CityCity Ask Toppo Toppo Bloglines Bloglines Ask for iPhone Ask for iPhone Ask Skins Ask Skins Ask.com Home Home Ask.com Pages Ask.com PSA Ask.com Planning Planning Training Training Ask News Ask News Site SA’s Site SA’s Ask for Kids Ask for

Hours + %

UX Resources on Projects
C. Barker J. Fong J. Tebo C. Chu D. Furka B. Christensen R. Diaz D. Gómez-Rosado Shane & Peter

Legend

UX Team Project Distribution
Management/Admin Ask City Ask.com Home Pages Ask for Kids Symantec Integration Ask.com About Ask Insight OpenID UX Library Ask.com PSA People Search Ask Today Page Ask for iPhone Ask Skins Ask.com Site Updates

Legend
Bloglines Ask Limited Deploys Ask Brand Positioning Toppo Ask.com Toolbar Planning Research

108.5 50.5 43.5 39.0 32.0 27.5 27.0 Pages 26.0 26.0 20.0 19.0 15.0

17.15% 14.55% 7.98% 6.88% 6.17% 5.06% 4.35% 4.27% 4.11% 4.11% 3.16% 3.00% 2.37% 2.21% 2.21% 2.06% 1.98% 1.58% 1.42% 1.42% 1.42% 1.11% 0.87% 0.40% 0.16% 0.00% 0.00% 0.00% 0.00% 0.00%
UX Infrastructure 26% Smart Answers 4% Verticals 26% Site 38% Marketing & PR 6%

Management/Admin 92.0 Management/Admin

M. Ferguson C. Tartaglia D. Wilkinson

PSA

1% 1%0% 1%1% 2%1% 17% 2% 2% 2% 2% 2% 3% 3% 15% 4% 4% 8% 4% 4% 5% 6% 7%

14.0 Kids Symantec Integration Symantec Integration14.0 Currency SA’s SA’s 13.0 Currency Ask.com Site Updates Updates 12.5 Ask.com Site Ask.com Toolbar 10.0 Ask.com Toolbar Research 9.0 Ask.com About UX Library 9.0 Research Ask.com About 9.0 UX Library Ask SiteSite Icons 7.0 Ask Icons OpenID 5.5 OpenID Ask Today Page Page 2.5 Ask Today Ask Insight 1.0 Ask Insight People Search 0.0 Ask Brand Positioning Ask Limited DeploysDeploys 0.0 Ask Limited Right Rail Exploration Compete Integration 0.0 Compete Integration 0.0 People Search Ask Brand Rail Exploration 0.0 Right Positioning

Ask News Ask for Kids Bloglines Toppo Ask City People Search UX Library Training Research OpenID Ask Insight Management/Admin Planning Currency SA’s Site SA’s Symantec Integration Ask4D Ask Limited Deploys Ask.com Toolbar Ask Skins Ask Site Icons Ask Today Page Ask for iPhone Ask.com PSA Ask.com Site Updates Right Rail Exploration Compete Integration Ask.com About Ask.com Home Pages Ask Brand Positioning 0 15 30 45 60 75 90 Hours

Verticals

C. Barker C. Chu R. Diaz

UX Infrastructure M. Ferguson J. Fong Smart Answers D. Furka D. Gomez-Rosado C. Tartaglia Site J. Tebo B. Christensen Shane & Peter Marketing & PR 105 120 135 D. Wilkinson 10 20 30 40 50 60 70 80 Hours 0

Project

Hours

Percentage

G o o d U X d e s i g n r e q u i r e s g o o d U X p r o c e sses, guidelines and m a n a g e m e n t . T h e s e d o c u m e n t s a r e s a m ple of such. page 064 of 070 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

ask.zip

© David Gómez-Rosado. 1994-2008

david@gomez-rosado.com

2008

ASK.COM
DESIGN MANAGEMENT, PRODUCT & UX

Ask UX Design Timeline
2008

Project: UX Process Guidelines
Document:ux_design_timeline_02.pdf Page: 1 of 1 Date: April 14, 2008 Author: Ask UX Group

Timeline, Phases, Milestones, Roles & Deliverables
UX Definition

Full Project

Team Leads Assignment

Set Project Wiki

1d 1d 1d 1d

Project Manager

Informative Tech Specs

Comparative Analysis

Program Manager

Design Director; Project Manager Project Manager Program Manager Project Manager 1d

Project Objectives

Project Requierements

Project Proposal

1d

Timeline

1d

Functional Requierements

Content Requierements

Task List

1d

Project Manager 2 days 2 days

Project File available at:
Project Manager Project Manager
Project Manager

https://intranet.iacsam.com/wiki/display/askux/UX+Resources ux@ask.com

Project Manager

User Goals/Scenarios

Definition finished

Contact:

2 days

Design Director; Project Manager; UX Analyst

UX Research Contract

1 week ?
Respondent Recruitment

Design Manager 1 week 1 week UX Analyst; UX Research Consulting
Session 1

UX Research
UX Analyst; UX Research Consulting

Test Plan Development

UX Analyst; UX Research Consulting 1d 1d

Data Collection & Analysis

Session 2

UX Analyst; UX Research Consulting 4.5 days

UX Analyst; UX Research Consulting

Presentation of Findings

UX Analyst; Design Director; Design Manager; Project Manager

User Interface

UX Architecture
3 days
Validation/Approval

Wireframe Dev

Site Map

3 days ?

Design Director; Project Manager

Design Director; UI Designer 4 days ? UI Designer; Design Manager

Refine User Wireframes

Final User Wireframes Approved

Admin Tool (Optional)
Requirements
Wireframe Dev

Project Manager; Design Manager Project Manager; Design Manager Validation

3 days ?

UI Designer 2 days ?

Final Admin Wireframes Approved

Refine WireFrames

Project Manager

UI Designer

Project Manager; Design Manager

Leyend
Project Manager Ownership User Experience Ownership Recommended Process Additional Process

Customer-Facing UI

User Interface

UX Design
4 days ?
Review UI

UI Designer 4 days ?

Refine UI

Design Director; Design Manager; Project Manager

Review Refinements

UI Designer

UI Tweaks

UX Usability Contract

1 week ?

Review Tweaks

2 days ?

Design Manager; Project Manager; UI Designer

UI Designer

Design Manager 1 week ? 1 week ?

Design Manager; Project Manager

Test Plan Development

User Recruitment

UX Analyst; UX Usability Consulting
Session 1

UX Usability
UX Analyst; UX Usability Consulting UI Designer

Data Collection & Analysis

Session 2

1d

UX Analyst; UX Usability Consulting 1d

UX Analyst; UX Usability Consulting 4.5 days ?

UX Analyst; UX Usability Consulting

Presentation of Findings

Finalize UI

3 days ?

UX Analyst; Design Director; Design Manager; Project Manager Approve UI UI Designer; Project Manager; Design Manager

Admin-Facing UI

Admin Tool

Specifications UI

1.8 weeks ?

UI Designer

Review Admin UI

3 days ?

UI Designer 3 days ?

Refine Admin UI

Project Manager; UI Designer

UX Brand

Specifications Admin UI

Approve Admin UI

UI Designer

4 days ?

Project Manager; UI Designer

UI Designer

Logo/Name

Refine Logo. Explore Color Palette

Review Logo

2 days ?

Art Director 3 days ?

Design Director; Art Director

Review Refinements

Art Director

Logo/Color Tweaks

Art Director; Design Director

Finalize Logo/Color Palette

Review Tweaks

2 days ?

Art Director

Implementing Brand

Approve Brand

2 days ?

Art Director; Design Director

Art Director Art Director; Design Director

3 days ?

Art Director

Implementation Assets

2 weeks ?

UX QA

Dev Lead; UI Designer 1 week ?

UX Release
Dev Lead; UI Designer

UX Maintenance

Dev Lead; UI Designer 2 weeks ?

G o o d U X d e s i g n r e q u i r e s g o o d U X p r o c e sses, guidelines and m a n a g e m e n t . T h e s e d o c u m e n t s a r e s a m ple of such. page 065 of 070 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

ask.zip

© David Gómez-Rosado. 1994-2008

david@gomez-rosado.com

2008

ASK.COM
DESIGN MANAGEMENT, PRODUCT & UX

Pe

Je n
rso

ye ars

34
old

na A

nif e

r
Pro

Pr e Int dom ern in et ant Us e

ho Le wo me (ca vel rk C it n u of te edolle w o se uc ge ch an Au ate d s rks, web -sa tim Ed burn Te ed d ho com , d vv e t h ing 0 ing mfo n’t vin P mo oug in Ph ch uate d uc o in pp le er rta un ). bo fore as a hys bo hou e ( e ho a b ati , de d in tim ysic ing fort esn’ ess o ,h les ile d D n nt I ok ble der ss: on gre ew ac fro no rn, d kids a fte icall De l -k rs/w Leve e t al ). abl t u :M st sta Me esine nte nline as a ev wi co m s ei w, ee Pee lh o d ly: tim oe Se e ach y: Wkt e w nd w ice ktoa Se rnH tH nd diu ed . be gir un Ge ho an n pin h k) of sn a re ee h o o a In ith erst ium lfri for p lot etg tin or ignli how m ( i h ’t te mu arc g sa com as c sear rch r s a orksp PC ny off ysic P hlne en gia g on and h ch em Cat h usle les ing ion wh r be thi aver ighs it can i: ice al d ncs c oek h wee out & to ch ( be lin -s Pa ng ag ail & Iom ghts , li ly: Wo pic ide tkills k. Se AN AN av e s how mp pers a lude s p av s ab ha by IE i bu e s ke he Ru Bo Bo Fa gt s p ou vi ar vin . E e an rk, ra er ior kil on nfo, an ed do er t a ha ss (a on f m AL A ily ns ok ok ls ed intfo th dvi day : d d df ing es inf lp, a rim t 8 or: tte pe bo ch b mo rec no LY no ,M , YT oe Re rom s: ran ut o, Re nd dv ar Ch err s ings ce se D o ,h w goe Gu e ae – sche e re ath en mo omm IC su thing TIC Hig ad ar oc ice ily sk ge 25 hav to es as rob ted he abo top s ab , b ad st y wo of Mo iin in in ch n he o s ut ing pe terta cas f i a ics Bi su nth end S g Al an cked else ,S ld Do ol-re in, r ki ut k ics out g. o gy h. r k no or rk-r rom earc or: mo vie rm in ion bou clud es p ’t se rm ch , s :W do ph ho in pri m ids dein as om ed. P ab ela tk e sh es a late holi ds m ids, es : Wi er arc its me al ne he Hea ma 10 are ur to is h Futu vie s: T ha Fa ne do . Re tegh S d te da s o n’t sh b op re . ra w e oe e a a nt for ids hom da h t t v r s h he W l t ar am y a Mo ctive ue time ads eveve es d ut po d qu s & per y se gra vorita, or so rea ppe ma , s ha es san ping ot o stuff y re ntion cipe ily h & er o op a l oc eek ne ys i rec ewo ) – at lity nin ep , rs ve se hekin . lat , r nli vie b M te GA . /ar s, l seALGraf s au abo r Ope o ad ten erie spo day arc kid nly fee su e en r d ot pi ws nto ipe rk a ed M oc ri mu rc cog, o ead ne he ) r sh g, m isod e t t s u b hu casio nds s w mo s, a La h ul : tri ow wh ar ng, p onl in ls lik : Ra es. on o gme r tgineahin s ult c ial b s to t sco – to Alr Ec scr axim aga D a sb e i loc an vieBuy ch t, ped nlin s ne em via Gre l ch i o m r J a ntie k bo s has a on us res re i picph s in en an nal d are IE ptop h or ght s, if r s t t dv s s im op eae g ws ail Fa wi them e th rely He nom bes , De zine al , Ala w u and nd N okuc d. ll, ten ine olv s ton ns are ng , on oto e: E tim HG get ate fu ,o ll o o s dshe on e. le d re ere go to , a M, pon PC, v t s ea tta B alth ist, lin sh s, yi do vor ll Bir bam p in tic ee /ms lin co et ancbat“ona h as top t se ss p e is ma TV co isetin rese nlin fte . Sti e the ails, : In es nig of W ac der usi go . i rb , o e e mpEvaed jun k Fit mi c co loc e b arin il, n t ll, i ’s too to . K IMneie-s arc art sue s for g , B ing ng ES th y D GAk loc wn p te p ht : K et. , usies a: cl ntaca ms, arch e ne nt al/ an d ng a, bu eek l no s k ak f th i m ne o, R n on S g, Co ing t lac PN e a s w Coid s h c/v re ot boxt s a lo F on g ac ss , ts pec e H er mu theem eting viear ”now leDB, s so if hes. ers s, ha n th alen eth al re lace lace ch kb the irefo , F irp ’s -fi ea t s busi king rea line ,M l ho e f l ds bio cauc rewd i thth nflic ome ideo hiog stearlc scal/b onli & ao ic bn bu ffee o ha m m mo -tow err pu x an e’s ch sY rch ort or in wn W se ch c os moher ebmetse We , nic sta s li s t ea ne , o ds ho u ne ere acti to en Ch ip a na e: y f rch a c eah vies n , o tq o un t w tim afeei aledp n re the graptuir n, ung o rch ss als hier tingit furn swto u, icos re h. pp sin M ur ke nli mo t foc in th ve a a v x & e g arch wim clst kidsD hin rc ll ne t r v l, ’s ine be h i Do oo – or a ill hic e, thm oth a b g. h y se ne s/m Clo ut b hie lik : m i e, mp tot fu m ws ifsh ants/ ue e buy er, ess ,uo . st use e m dri yo ant Ch eate o fe s qu oes e f it e i se wo se on Sim Om cr wi Fa ar t roin s ga shi er s e ain ili : xc nd s. o , s n o v’is k fa viare ne: Fos. hand es i– yr She e nl , d er . e l rk ch lv Sa prob oloeg ering ll of nt usic hing d P s li ol e g t k t cs, t mi on nivo of p ly t s, q c f is l hav f the on ornin k. St vor Ita Doe ’s, tw Cha g ls lik stion ine as m s. o me opp b , no r big F , o d itin tur ab eme e fee e G o ck, nhis Goor tic /v , c gh W ite aro : Foo os, r lotsh ce se pur g groc here gen heir ar ge s av re’ oli t, e t abt em grow ee, e er.o t a o lia e a tim hyd g, uic e sn elay in.s l rea t bu On ne ar ph tic l-k f Tt lis oe s la . k ra h c s u of tds k n a Mt le e o o bu kets ideo osm as ori day y ha nts, h P ’ ve S s t mon che is erie ih b b inc e ly lly ce ral be es. rati e n or o n ti g Lnd hi alth tG- li s St ding e co hes Dile ians tr i m t als he ck’s hing nd eeat nunc -e Int e aAb cm a tionie ng u er t h, o o e ly i reap dia a ownio s c , ho s, to etics b ta s p s e m go frie ard O ths inl gat k n13. ne:a ndh,ry ing rim wi t kid e she uc e pl t r e p e mmo rc nte w s:s e t am e s t m r o Din n Pe n a ev phe som erce er b ma , wa o dr frie and to on me ys , dos cny en a l to blu icro r wi ner e p Ln s m onth ning rnet y unt o nay f Fto s too s fam see h as aces es o nds aenicat hoere es p o poe Isis to hea gat Cryl do r fr M, ee er rs a / oo n , ce d sib s i e n o ut o ovs g,s o usest s on ter inks nds caff drin Fav e m -b ne. rn f ore ung . gro is wa omibi nriom lstee l wa ona ly go ily s co othe to Mo yon son thin into ks, ob ds as w a d ine , As b ne m winl erar famd / s, him s ches ems k ing s.stco k ig rew r ed k: e i or th to s a l . Bu ein sho ori r ce esset nfe &ne b like s n oo yh ls gb t o o th ma pti Co pla u e e the out, tays okin r pe eat: B thine, forun ily m chsw oess ts,vr , spc to K on tou vie st o ab TA t n w or t e e w te u n t e eg e e t c ga Aon stc ries ncila t is Fit ut ce s g on mo alk Neil y N ou frie e ke ocia sto frid run ay h t of she Coo s, t Ma Duy fr m d n s im : il s l giv ir neRGhe hea as ople m oe s iendan id, re b ste cklch he c eads orrtai roge ebo che : A zin lbe w o o wi ol to ch he hu it ese d w etab ts, ab tio a . ne t in Ga ea E Ma kin hin ga , i l n s r b ok d b cti s at r co nds eps lizin l hav por to cke ge i Alw ydra d fr , B oln lik le co ns: rie g L gs zin D es, rtso ch Sa l do s ayo eve Ske e he ighbT will s lthy a wa t music n’onl s. age rads/ afrih g atov uttin hes yo f n d t i h b lis on g ab ima l s t n , d t i a i r s h wr is t hen g in for he w ock ada y Ju et un ou n i ee ,c ou ver hav in to g: IM e a -onl eer wh s in wi n th ays ted Fa m ab av , Cla igh to h hes ive less n’ses m ’ big m lon nce r m orh up and yrto inly v eane nt Fe nt t so t it f he en el t w sa i g tes h n i to dgh he has frus pta dd om th t oho sh an ing uch : en th th b e g ha S vo on oo po de el, siide t ou B Ds p ig gi frie n rgs u ire t, M elp s: M s: raddu o s C e er is lea s da y. sh . rf u e ith tion r rle ds lokg eea W a ts e qtue tion Ap ed o , S ar Ho aba ain To io rin e lub purcF ere f th gh g ey d s rt a welvic ensele nce s t ooh rivor ht eg i re ne am t ou e c ot ara s ho rite en t a e’s tf n inc Oe l. Ies ure t , e ks s es:o svoe ati an lth em o rs, ou tha ndrou d ly yo . g TV, , t hav . F e r t rew to of st o s, ato y, a fun t is ou his s a syn with he o . u rn t f . c ro ou t wi ar. W tles ge hom ws: TV y eiy s lio i f BG th Pe he li n thP nt wa a in o a cti b ll da chr var nly n v nt , DV o ga e t o th e w hen t sorite r esta y up loca e ab sinu she her ic eone band For.d ws H ve si ic mvo,u a kle. S ee. wha main w, S nyth s lta h at them ce eo Ste Cnd hasketa M l of rl o on io Wa t n tev a es wi rso iv th e de clilk l ntvinndhe s/g t.c Dsh . ura in l bu hou eran do n t the ill dr f wa rd & ots o m ei g str ci-F ing eeo wr, p atth tc of niLiv wartic. e an he iT iv ing na th tim leas , w we t ma y lon nous us ea af ee g s a ’s es – bte en Po d i ke , as Exp the so i wan em tc er in k e he h o a sn t t in f e nts kr ll l i ot i l t t ng . wffec n uer r w re a m lore his am i/Co a d i pr the iall. Livi ousle V an, Cok .ning hatin c ngs s, hes he frie l so to adie whwh src ing ar m t h t we e in one ll se ek, j le fr g. G . ith ts p ane esis issot otio Mo litgc ts ts, y: i ea mi ork fu ac ag nd ng wn s, a iti al sh he r p r e. les m , m of cia gir to atc r, ee o so e t frie ns, g / o mo e hi ust iend oes c t n l ma oad Mid , : Pe Fa l ca oa ymms.s nline ns: dera lly: . HGor teve wy toow s r ore lfri dr ore fee hin ke ivity rt o k for he the Li Co Pr r ow are s on lizi nd oin onc l of: re m n b knot vo s Liv a tis , pr dle l t en T a er i ad n o g so rson s. go ea Die in th ink: y r E m. ef tw t r i ws a ike skil sve nf d ely d io. ho es: din eps . Gir f gro som ab bab n pa ts a line, ng: Netw V orCosisne he ite er n d m xerc Di e Mede ing. the s th holm s: iSen libe o t me Su , sh ciali al ou ly ne him lfri up e no Ke themon s r s hu Ha rea ia do pla ral el In he fe e s ubt en ate ont ise zin tC oi t 4 wi ents he but p n- ork. rs ep bu us b Sp ur sb she ho ive ter be h . r ma fsc int esn ces ll P Fo f i s, h – , d rb g r ex s few and usy d (b ds m coke li an n, e o Vanet anng e ow bs in ’ ha sy iritu time do a and frien ogra tn n refe od Va ot pe meto s ne : Sin as inl miio t d. own s in d o su an rest t ha to e sta cept fem wh with ng park es n sa o Fa h AM re m mp as lues . of ns w a M her ds. y se ou rs pr lue sw a v a en ago alit he ople wn, ar h ce ou ac s: ye om tein ppols mesg ch he ndin for o ale tno co ythin in b e to at: vo tio he : F C o in / e /FM ag n / t tim ri th L u Su tire gue y: A ar. ’si levlia co r ent she’ she r a se lik ro ticin Mos the ’s ha g, h nes frien t. ch rse g fr eing coo ikes tc siw ed ng z n: r n s an aim eedsW kid mily ug g Ar e-sh te T t pa nda fami on tten oft nec ire li kno sees oc iomt on.o ttor e tA d y a vin e ta of d s inp s to t s a e ac hs s r o e ow ains me om hea k, d any res his V h f spi imp y s ly. a w ds is rts ca lo s Sp at , li re g r l /fa al. a b lth es h cri we en in ted i fe. S wn ted ifted Sh ma e ortast do esge, ro ritu or sio .oDo poi aliby spir u p of cho Inv ee chu ela ks t ngt Th ne p Sh m ll n t h ek na t es ntl t usy at sy iritu . k De TV, ows deits ) ntens thinV she tical, sa houg is is d bu st fo Doe urrit y, w ite h lace th tio o th be ality ant S en vitin to th e’s w io As : i e . . Hot Tg, na lL ot ge ess Ma ops sn e c ol an olve ly b rch o t ill e is ali o f s a ve ns sh i bu l n p gin , s th ir db gn ma go h or ife e lop ncou piOn also nora s fo inds be t mon h, to guy ines d. P ’t e o 5 at hip em hu d r d in asi or nl d r l tu tim t shc er t e d al M g ty: ba cy’s : Ko s i nin eeiyningtu arb eig com ell k s di y t rch un me obn atiow a s ingo r he cha liev or be pr mai w ses refe at a k esm ing d han oes ec Sh e th ue w Ath g e ngag isali eq hbo m a tn i je nin teac with th rgai – w hl’s, ob nly . elo e sh em he eis se a t og m ue op t T at ou, gct h nal ch tron com rsplf rbssher in chic hea ho w whe rs lo t e b n. rs uni t fv int ex n’t cas Stoneire pro u faty: he lem w Ta g v hin he Ca ea S , e ba –el e o Ol s: i . ov ty Dr A ha n v t/ag ot es Wi rev rge deh ist hav : T un nd fa jee o ily,tte . g r ny r ocru she f Mes O ec gly h mitm . Ch and ls the ken lthy. ill ea re p call s o hen ar d er he Ba pp isit ive f the on f thbs ’dic ca no he thro itera t ser da f o iou e t phis da . mi ctsn a nd t, th Na t de ll sh er os y elFa en orurc mo At for r if t L for re, na y. ing st , L e, Po s: om lly i es y-t im arts y s ly. e s vy r. v h s Mo c al. op she Wa ye . In e W o tak s: I Dd vao ts ice i re kin we s ch pr oad sala sibl he ch If a Ga VW na R lit the ic. M ale , w ri l-M r b arly th esst, e th f m ec luete sh cse pr s d ote ed wi , 5 is s o-dShe to ofm ho Invo ek d o e. F m ica t e Liv wh o e ly urch e’sr Sh ildre anyt tho mi om s ay op d the ol i i a w is r Je wh p an s in hile or t ult can in on id fol ay l lly tta pub at othe trip inte – like e wh terey ed . thin am. tein et, s n. Li ith ut e w n’s hin ut nu he ipl es ge rt, ks go s e tor. Th : o m cso and ved bas or ich d G p las so wh lic :L hu s. who es w to o k te M tim e Ly to e to :J t ri in r la she is e w/ g g k to s s to a r t or ibe Ha eat ely ef u e n a go she’ do and the m sh the Galt ha t in re cult to XM , Ga h ho o ca nts ucce , sh ome s to ll est o onlnuch rch. unn tea with e e are ymb ces ’ll h ids w plac a sa sl a Va year st b r p. in o p y is ing ch e us t xp slig ore like ead ill es Sa tak ing t s try once his f Out e’ll ran emiry scot ivate drin ou al to so ess eh n ru o be ss a wa one go tAtl hping a d en lues . en ht va ing her er tel e, sh for No o d ing gh er set d d linon ch am o an th ft h an k: rio el siv ly lite d nt ks ld. n a s , t a Mod ha e e G to o d op X design or equir es ngoodh both the a – lo epars, g uid u ine s atnd som o t o Ua ac joy l : Be to er k ily. Ban tle ac tes we een hap s eU Xe pr ocesse tm e. e wh whi s co wh ve fo Ra i id 2f mi t th k e ne t r r Sh lls mp fe w ing i en ch be rate. e dio he co : H nim e k cla xt. P igure s go She’ s w r As or as a pin ar i sample e dr s u ith he is ad These lis ith n th m a n agement.suntan er hu documentsess e ng eneverLeofnt su ch. ids sse er no ga pi No um oo de he ’s mi x ’c ra s. hap out w to co nsu niz grea in ek m fin up t a sba d & ni sh of oll for tes: Sh rec tio ed s w ha lleg re no t M lif t co ite e stu eg e og na e ma nd a He w ly the a lo nd M om e. de e is wa ork t sh e, niz l M ffic l ha , t o c mu d in local r hu , m pi a bt k e co c u x a rhqteuartel cusiueris a design direction c o ld e hos sban nt lionnpaid ntscto ieoon e is design w r i t i n g to beed for ecca ient at ssleshe abil page 066 of 070 re a te ra t tm leg so ity ec s: s. for b w ,b n d n or t e in a e pit

Pe rs

on al

Fa cts

Pr e Do jec Int dom ye ern in Pa cum t: A ars ge en sk et ant Da : 1 t: a Us Pe old e Au te: M of 2 naly rso tho ar tic Ed na s_p ch r: A 21 s Le ucat ers sk ve ion on An , 200 l as_ al aly 8 jen tic Le ho s G ve nif me us ro l er_ Jo C o e w up f 03 bS wo edolle te .pd tat s rks eb, ch g Wo f Gr uca e us hop , c doe -sa ad te o s v b rk p

42
al F

Pe rso na B

Lyn n
Do jec ye Pa cum t: A ars sk Da ge: 1 ent: Pe old te: of ana Au r so lyt Ma 2 tho ics Ed na r: A rch 2 _p s Le ucat ers 1 sk ve ion on An , 200 l as_ al aly 8 lyn tic M s Gar n_ 02 of ro ita Jo .pd 4 yup l S bS ta f ea Pr tat rs, tus ed Pa us alt om rt me : S h 1

Pe rso na Pro

Gr eg
C
Do jec Pa cum t: A sk Da ge: 1 ent: Pe a Au te: A of 2 naly rso tho pri tic Ed n s_p r: A l 28 Le ucat ers as sk , 20 ve ion on An 08 l as_ al aly gre tic sG g_ 01 rou Jo .pd bS p f tat Wo us a s rks ale ful La s e l tim C pt ng op edolle ine e as g PC Hig Un uca e er & ive ted hl Wa Fir sh rsity efo ights in o x

34
al Fa

Pr e Int dom ern in et ant Us e
Wo rk alt , h on oug h l a l ine ot ho a fro me t a de m vic m nd e f obi or le em ail

Pro

Pe rs

on

Pe rs

on

ac ts

cts

PORTFOLIO 1.0

gomez-rosado.com

ask.zip

© David Gómez-Rosado. 1994-2008

david@gomez-rosado.com

2007

ASK.COM
DESIGN MANAGEMENT, PRODUCT & UX

G o o d U X d e s i g n r e q u i r e s g o o d U X p r o c e sses, guidelines and m a n a g e m e n t . T h e s e d o c u m e n t s a r e s a m ple of such. page 067 of 070 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

ask.zip

© David Gómez-Rosado. 1994-2008

david@gomez-rosado.com

2007

ASK.COM
DESIGN MANAGEMENT, PRODUCT & UX

Beta

Log Out

Ezequiel Vidra
Add as Contact Write

Beta

Log Out

Ezequiel Vidra
Add as Contact Write

Comments

More
“This guy is the bomb”

Ezequiel Vidra — Pro
@ San Francisco, CA

le

Dharma321

SusieSue

“When I met Eze...”

Logged as AJeeves Manage your Pro le Manage your Contacts

Write your own
Israel Entrepreneurs Tel Aviv, Israel Ask.com San Francisco, CA
Web 2.0 New York, NY

Con dence Meter
What is this?

Ezequiel Vidra
@ San Francisco, CA

— Trends

Back to Pro le

Con dence Meter
What is this?

Logged as AJeeves Manage your Pro le Manage your Contacts

2006
San Francisco, CA Present

254 photos
videos

130 120 110 100 90 80 70 60

2006

Line Graph

Subscribe to Ezequiel’s Trends

12 5 news

Pro le Viewed Content Added Contacted

More Statistics:
Searches on Ezequiel Vidra: 8

Sightings Tags
web

Trends

Connections Groups

Stu
More

Similar People Invite to Connect!
Sandra Mathews
@ San Diego, CA

50 40 30 20 10

Contacted 50 times in July 2007

Pro le views: 5 Updates to pro le: 8 Last: March 25, 2007

nice smart agressive ask manager traveler dreamer techie
american

cool tough drunk foolish confused

Ask.com

Israelis in San Francisco

ar y

ar ch

be

be

Ap r

Ju n

ua

Ju

Au g

nu

pt em

to b

M

No ve m

About

Contact

Blog

Support

Help

Joshua Mann
@ San Francisco, CA

About

Contact

Blog

Se

LinkedIn Users

Fe br

Assign yours here

Support

Help

Project Ask People PM Ezequiel Vidra Date July 2, 2007

Version 03

Project Ask People PM Ezequiel Vidra Date July 2, 2007

Version 03

G o o d U X d e s i g n r e q u i r e s g o o d U X p r o c e sses, guidelines and m a n a g e m e n t . T h e s e d o c u m e n t s a r e s a m ple of such. page 068 of 070 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

De ce m

M

Oc

Ja

be

us

Web 2.0

Predro Hernandez

er

ry

il

ay

e

ly

@ Boston, MA

Pro le Viewed Content Added Contacted

r

r

t

r

ask.zip

© David Gómez-Rosado. 1994-2008

david@gomez-rosado.com

2007

ASK.COM
DESIGN MANAGEMENT, PRODUCT & UX

Beta

Log Out

Ezequiel Vidra
Add as Contact Write

Beta

Log Out

Ezequiel Vidra
Add as Contact Write

Ezequiel Vidra
@ San Francisco, CA

— Sightings

Back to Pro le

Con dence Meter
What is this?

Logged as AJeeves Manage your Pro le Manage your Contacts

Ezequiel Vidra
@ San Francisco, CA

— Connections
Sacha Pearson San Francisco, CA

Back to Pro le

Con dence Meter
What is this?

Logged as AJeeves Manage your Pro le Manage your Contacts

Subscribe to Ezequiel’s Sightings
San Francisco, CA Present New York, NY
Israel Entrepreneurs Tel Aviv, Israel Photos Videos News

Subscribe to Ezequiel’s Connections

4

2004-2007

Tel Aviv. Israel 1989-1995

Vlad Sachenko San Francisco, CA

Networks you have in common Invite to connect!

3

2

Sources for geo-tagged media See the original!

Will Read San Francisco, CA

Ezequiel Vidra San Francisco, CA
Ask.com San Francisco, CA

David Gómez-Rosado San Francisco, CA

Buenos Aires. Argentina 1978-1982

1

Web 2.0 New York, NY

Zoom In Zoom Out About
Contact
Blog
Support
Help

More

Zoom In Zoom Out
About
Contact
Blog
Support
Help

Project Ask People PM Ezequiel Vidra Date July 2, 2007

Version 03

Project Ask People PM Ezequiel Vidra Date July 2, 2007

Version 03

G o o d U X d e s i g n r e q u i r e s g o o d U X p r o c e sses, guidelines and m a n a g e m e n t . T h e s e d o c u m e n t s a r e s a m ple of such. page 069 of 070 u x a r q u i te c t u r e design direction code i n te ra c t i o n design writing

PORTFOLIO 1.0

gomez-rosado.com

ask.zip