David Gómez-Rosado Portfolio by David Gómez-Rosado

漏 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 p a g e 0 0 1 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 0 2 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 0 3 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 0 4 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 0 5 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 0 6 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 0 7 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

microsoft_live.zip

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

david@gomez-rosado.com

Project Client Document Date Design Info

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

Logo Versioning and Usage

Logo Design

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

Oﬃcial 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.

The ﬁnal 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 ﬁnal 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.

Logo Construction and Proportion

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

10.35x

page 01 of 08

Project Client Document Date Design Info

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.

PANTONE 376 C

BLACK 30%

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

CMYK composición: 50% C, 0% M, 100% Y, 0% K

CMYK composición: 0% C, 0% M, 0%Y, 30% K

RGB composición: 255 R, 17 G, 0 B

RGB composición: 127 R, 195 G, 28 B

RGB composición: 179 R, 179 G, 179 B

HEX composición (web): #FF1100

HEX composición (web): #7FC31C

HEX composición (web): #B3B3B3

PANTONE 660 C

PANTONE 376 C

CMYK composición: 90% C, 57% M, 0%Y, 0% K

CMYK composición: 0% C, 16% M, 100% Y, 0% K

RGB composición: 36 R, 74 G, 159 B

RGB composición: 255 R, 214 G, 0 B

HEX composición (web): #244A9F

HEX composición (web): #FFD600

page 04 of 08

page 03 of 08

30º

PANTONE 485 C

5.35x

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

5.5x 12.75x Oﬃcial Brand Typography

Logo: Dogma Bold

Typographical test (11 pt.)

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

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

Text: NetGem Sans Regular

Typographical test (11 pt.)

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

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,

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 conﬁdent 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 conﬁada 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 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.

page 02 of 08

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.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

page 05 of 08

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 p a g e 0 0 8 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

mitv_brand.zip

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

david@gomez-rosado.com

Project Client Document Date Design Info

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

MiTV Family – Roig

MiTV Family – Amalia

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 485 C C-0 M-95 Y-100 K-0 R-255 G-17 B-0 #FF1100

Feliz

Explaining

Explicando

Exultant

MiTV Family – Communication Strategy

Feliz

Explaining

Explicando

Exultant

Verdi

Exultante

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

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

DIGITAL TV

INFO

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.

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.

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.

MiTV Family – Verdi

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

Feliz

Explaining

Explicando

Exultant

Exultante

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

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

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

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

OPTIONS

CONECTA

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.

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.

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

Receptive

Receptivo

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

MiTV Family – Zula

Zula

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

MiTV Family – Nacho

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

Feliz

Explaining

Explicando

Pensativo

Surprised

Sorprendido

Exultant

Exultante

Receptive

Receptivo

Happy

Explaining

Explicando

Pensativo

Surprised

Sorprendido

Exultant

Exultante

Receptive

Receptivo

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

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

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 code

Feliz

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

page 02 of 10

design direction

Sorprendido

page 04 of 10

page 06 of 10

u x a r q u i te c t u r e

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 identiﬁcació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 ﬁguras 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

page 05 of 10

p a g e 0 0 9 o f 070

Amalia

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.

Verdi

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

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

Amalia

Roig

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 identiﬁcation 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 ﬁgures is modern and agile, with each of the members adopting a fragment of the MiTV corporate identity.

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

Project Client Document Date Design Info

Zula

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

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

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

MiTV Family

Happy

Exultante

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

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

mitv_avatars.pdf

Ends

Occurence

Schedule CANCEL

CHANNEL 4 NO

INFO LIVE

p a g e 0 1 0 o f 070

Program Name

MORE INFO

INFO LIVE CHANNEL 4 LIVE

Program Name

PROGRAM LIST

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

CHANNEL 2 TEXT

CHANNEL 12 - 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 R.MY.1

Page 4 of 18

PAGE

ITEM

CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 Page 4 of 18

PAGE

ITEM R.MY.1.V

DELETE CONFIRMATION The selected alarm has been permanently deleted

YES

When a French comp any wanted to launch a new interactive TV set-top box in Spain, they came to us for the full package DELETE CONFIRMATION The selected program has been permanently deleted

YES

LIVE

u x a r q u i te c t u r e SNAPSHOT

SEND

CHANNEL 4 RECORDING

DELETE Are you sure you want to delete this recording?

YES

design direction CHANNEL 4

Description

Name

Filter

Text describing the ﬁlter and its content

(MAILBOX LIST)

MAIL

(MY MULTIMEDIA)

(PC ACCESS)

MY PC

MiTV

ROIG’S MOBILE

VERDI’S PEN (BLUETOOTH)

(PEN DRIVE) V.MAIN

PREVIEW

RECORDING

SAVE SNAPSHOT

image

xxxxxx

FINISH SAVE

SEND

PREVIEW

code FORUM

V.PREF V.EXTRA

CHANNEL 4 V.DIAG A.MAIN C1 A.WELCOME C1.03

MAILBOX AMALIA

(amalia@netgem.com)

(zula@netgem.com)

(verdi@netgem.com) C1.01 A.FAQ GO

SAVE FOR LATER

Attach:

Keep a Copy:

To:

555 334567 650 123446

PERSONAL Nacho Mitv nacho@netgem.com IMAGE

PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE

ITEM

NEW

Keep a Copy:

555 334567 650 123446

PERSONAL Zula Mitv zula@netgem.com IMAGE

SELECT ADDRESS

Check this out!

Verdi MiTV <verdi@netgem.com>

WRITE MAIL

DELETE MAIL

Subject:

(PEN DRIVE)

MiTV

MY PC

(PC ACCESS)

(WI-FI)

(BLUETOOTH)

AMALIA’S PC

TEXT

Page 4 of 5

Feugait hendrerit nisl ut esse quis dolor quis duis

Check this out!

YES

Attach:

Keep a Copy:

Verdi MiTV <verdi@netgem.com>

WRITE MAIL To:

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

Subject: Message:

Greetings from Madrid (amalia@netgem.com)

To:

02 Feb 2004 at 17:54 56 Kb

roig@netgem.com roigmitv

A.HELP

CANCEL

roigmitv

roig@netgem.com

WRITE MAIL To:

Joystick Down - Long

Interactive Fields Pane Item Filter

YES

Z.MAIL.1.V.3

i n te ra c t i o n

MAIL

(roig@netgem.com)

MAILBOX ROIG

MAILBOX IMAGE

MAILBOX ZULA

PERSONAL ADDRESS BOOK

MAILBOX VERDI

PUBLIC ADDRESS BOOK

Attach:

SEND

02 Feb 2004 at 17:54 56 Kb

YES

Attach:

Keep a Copy:

SEND

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

Small sample of the text within the mail , and info about attachments, etc, etc ...

Greetings from Madrid (amalia@netgem.com)

MAILBOX ROIG

CANCEL

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:

Attach:

Keep a Copy:

SEND

Keep a Copy:

DELETE MAIL

FORWARD MAIL

Subject:

To:

FORWARD MAIL

CANCEL

roigmitv

roig@netgem.com

REPLY MAIL

WRITE MAIL

MAIL OPTIONS REPLY MAIL

Small sample of the text within the mail , and info about attachments, etc, etc ...

Subject:

YES

Verdi Mitv verdi@netgem.com 555 334567 650 123446

02 Feb 2004 at 17:54 56 Kb

RECEIVED MAIL

SAVE ADDRESS

MAIL OPTIONS REPLY MAIL

DELETE MAIL

FORWARD MAIL

Small sample of the text within the mail , and info about attachments, etc, etc ...

Greetings from Madrid (amalia@netgem.com)

YES

MY PC

MiTV

(PEN DRIVE)

Address

SAVE

Main Street Anytown, 28005 Spain

MPEG

(GIF)

IMAGE 5

IMAGE 4

(JPEG)

IMAGE 3

(GIF)

IMAGE 2

Page 4 of 5

Public

Page 1 of 1

DESCRIPTION OF MEDIA PAGE FILTER SELECTED

TEXT

Internal Drive: 80 GB ITEM Free Space: 45 GB

TEXT

Page 1 of 8

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

IMAGES PREVIEW

PLAY ALL ITEM MEDIA WITHIN

MY MULTIMEDIA IMAGE 1 (JPEG)

MY PC

PC ACCESS

MUSIC MP3

VIDEOS

MEDIA

TEXT

CONNECT TO ITEM NEW SOURCE

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

MY MULTIMEDIA MiTV IMAGES PREVIEW

(WI-FI)

(BLUETOOTH)

AMALIA’S PC

ROIG’S MOBILE

(PC ACCESS)

(MY MULTIMEDIA)

CHOOSE IMAGE ATTACH CONTENT VERDI’S PEN PREVIEW

CANCEL

555 334567

CHOOSE IMAGE

NEW ADDRESS

Fax

PERSONAL IMAGE Name

Public

Home

MAILBOX IMAGE

Channel 4 of 64

SAVE

E-mail

URL

Type

CANCEL

MANUAL MANUAL

SAVE

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

********

roigmitv

ftp.netgem.com

FTP

ROIG’S PC

CONNECT TO NEW SOURCE Name

Password

Comment (Optional)

Check this out!

Feugait hendrerit nisl ut esse quis dolor quis duis

Check this out!

555 334567 650 123446

PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE

MiTV

(WI-FI)

Feugait hendrerit nisl ut esse quis dolor quis duis

YES

Attach:

Keep a Copy:

Verdi MiTV <verdi@netgem.com>

Check this out!

Page 4 of 5

ITEM

CONNECT TO ITEM NEW SOURCE

TEXT

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

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

Subject: Message:

To:

WRITE MAIL

AMALIA’S PC

(BLUETOOTH)

ROIG’S MOBILE

(PC ACCESS)

MY PC

(MY MULTIMEDIA)

(PEN DRIVE)

PERSONAL Nacho Mitv nacho@netgem.com IMAGE

ATTACH CONTENT VERDI’S PEN PREVIEW

555 334567 650 123446

NEW

Keep a Copy:

DELETE MAIL

Verdi MiTV <verdi@netgem.com>

Check this out!

Attach:

Keep a Copy:

Verdi MiTV <verdi@netgem.com>

SAVE FOR LATER

WRITE MAIL To:

PERSONAL Zula Mitv zula@netgem.com IMAGE

SELECT ADDRESS

Subject:

Attach:

Keep a Copy:

WRITE MAIL OPTIONS ATTACH SELECT CONTENT ADDRESS

Subject: Message:

To:

WRITE MAIL

CANCEL

SEND

Verdi MiTV <verdi@netgem.com>

WRITE MAIL To:

Subject:

YES

Attach:

Keep a Copy:

SONG 2 of 25 PLAYING ALL

SONG 3 -Diesel Power - Johnny’s Band

YES

SONG 2 - All Night Long - Johnny’s Band

SONG 1 - Sun Gets Down - Johnny’s Band

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

ITEM

PAGE

555 334567 650 123446 555 334567 650 123446 555 334567

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

MPEG

MY PC

PC ACCESS

MUSIC MP3

VIDEOS

MEDIA

YES

Page 1 of 1

PLAY ALL ITEM MEDIA WITHIN

TEXT

DESCRIPTION OF MEDIA PAGE FILTER SELECTED

MY MULTIMEDIA MiTV IMAGES PREVIEW

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

BTELECOM

GAMES GAMES

(GIF)

(JPEG)

(GIF)

IMAGE 5

(GIF)

(JPEG)

IMAGE 4

IMAGE 3

IMAGE 2

TEXT

IMAGES PREVIEW

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA Internal Drive: 80 GB ITEM Free Space: 45 GB

MY MULTIMEDIA IMAGE 1

PRESS MONEY SPORTS

NEWS HEADLINES

Page 1 of 8

ITEM

Page 4 of 5

DESCRIPTION OF RULES PAGE ON SELECTED GAME GAMES

TEXT

PREVIEW

TELEFONICA

GAMES

CLASSICS

STRATEGY

BOARD

ROLE-PLAY

ONLINE GAMES ARCADE

PHILLIPS

ONLINE GAMES

TELEPIZA

ONLINE SHOP

NEWS

SERVICES ONLINE SHOP

GUIDE

www.cnn.com

(www.url.com)

Page 4 of 5

CANCEL

SEND

Verdi MiTV <verdi@netgem.com>

Check this out!

Page 4 of 5

ITEM

Attach:

Keep a Copy:

TEXT

DESCRIPTION OF RULES PAGE ON SELECTED MULTIPLAYER GAME

Subject:

To:

WRITE MAIL

GAME 5

GAME 4

GAME 3

GAME 2

ONLINE GAMES GAME 1

(MULTIPLAYER)

PREVIEW

ITEM

TEXT

PREVIEW

DESCRIPTION OF SELECTED PAGE WEB SITE

(www.url.com)

FAVORITE 4

FAVORITE 5

FAVORITE 3

FAVORITE 2

MY FAVORITES FAVORITE 1

SERVICE 3

SERVICE 2 SERVICE 4

SERVICE 1

GUIDE

CNN

SEARCH MY FAVORITES

DIRECT

MiNET

MiNET DIRECT

MiNET SEARCH

MY FAVORITES

Enter your destination:

Enter your search:

(www.url.com)

MY FAVORITES FAVORITE 3

CHANGE ORDER

EDIT

OPTIONS

Text describing the url and its content

http://www.cnn.com

Favorite 3

(www.url.com)

Favorite 3 http://www.cnn.com

YES

PREVIEW

Channel 4 of 64

MOVE DOWN MOVE TO LAST

(www.url.com)

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

MY FAVORITES FAVORITE 3

MOVE UP

PREVIEW

Channel 4 of 64

SAVE CHANGES

PREVIEW

Channel 4 of 64

SAVE CHANGES

PREVIEW

Channel 4 of 64

MOVE TO FIRST

CHANGE ORDER

(www.url.com)

Text describing the url and its content

MY FAVORITES FAVORITE 3

Description

Address

Name

ADD NEW

MY FAVORITES FAVORITE 3

Description

Address

Name

EDIT

MY FAVORITES FAVORITE 3

DELETE

ADD NEW

PREVIEW

Channel 4 of 64

Attach:

Z.MINET.4.V

Z.MINET.4.V.4

EDIT

R.MY.04.01 A1.04.01

R.MY.04

Z.MAIL.1.1

Z.MAIL.1.1.1

VIEW PLAY

Zula

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

Z.ATTACH

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

C1.03 A.HELP.1

AOPPINION

SAVE page 03 of 03

Subject:

To:

PREVIEW

CHANGE ORDER

MY <Source List> <Media File> <Media Type>

Z.ATTACH.2

R.MY.04.01

Z.MAIL.1.V.4

(MY MULTIMEDIA)

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

TEXT

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

xxxxxx

Filter image

Description

(PC ACCESS)

MY PC

ROIG’S MOBILE AMALIA’S PC

(BLUETOOTH) (WI-FI)

CANCEL

design

WRITE MAIL

SEND

PREVIEW

Text describing the ﬁlter and its content

MY <Source List> <Media File> <Media Type>

Channel 4 of 64

PREVIEW

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

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

ADD NEW ATTACH CONTENT VERDI’S PEN PREVIEW

MY <Source List> <Media File> <Media Type>

Z.MAIL

MOVE UP MOVE DOWN

MOVE TO FIRST MOVE TO LAST

MY <Source List> <Media File> <Media Type>

YES

Check this out!

Verdi MiTV <verdi@netgem.com>

Keep a Copy:

Attach:

Page 4 of 5

(PEN DRIVE)

(MY MULTIMEDIA)

MiTV DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

TEXT

Channel 4 of 64

PREVIEW

CHANGE ORDER

Page 2 of 6

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

TEXT

writing

Subject: Message:

To:

Name

Type

URL

SAVE FOR LATER

FILTER TYPE

OPTIONS ADD NEW DELETE Description

Content

Name

EDIT REDUCE

SAVE CHANGES Description

EDIT REDUCE

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

CONNECT TO ITEM NEW SOURCE

WRITE MAIL

Feugait hendrerit nisl ut esse quis dolor quis duis

Subject:

To:

image

Name xxxxxx

Content image

MUSIC MP3

PC ACCESS

MY PC

roigmitv

MANUAL

Password

******** MANUAL

Comment (Optional) Description of new source and its ownership, contents, etc.

CANCEL

Channel 4 of 64

PREVIEW

SEND

Text describing the ﬁlter and its content

MY <Source List> <Filter> FILTER TYPE

Text describing the ﬁlter and its content

MY <Source List> <Filter> FILTER TYPE

MY MULTIMEDIA MiTV IMAGES PREVIEW

WRITE MAIL

PERSONAL Zula Mitv zula@netgem.com IMAGE

Channel 4 of 64

PREVIEW

SONG 7 - Tar and Smoke - Frankie Frank

1/2 SIZE 1/2 QUALITY

CHANGE ORDER MOVE UP MOVE DOWN

1/4 SIZE 1/4 QUALITY MOVE TO FIRST MOVE TO LAST

YES

Page 1 of 1

MEDIA

VIDEOS MPEG DESCRIPTION OF MEDIA PAGE FILTER SELECTED

TEXT

PLAY ALL ITEM MEDIA WITHIN

Check this out!

Verdi MiTV <verdi@netgem.com>

Keep a Copy:

SELECT ADDRESS

555 334567 650 123446

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

PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE 555 334567 650 123446

NEW

EDIT FILTER gif

SAVE CHANGES

Channel 4 of 64

PREVIEW

BOTH FEATURES MAY NOT BE APPLICABLE YET

DELETE Are you sure you want to delete this ﬁlter? NO

(JPEG)

IMAGE 3 (JPEG)

IMAGE 5

IMAGE 4 (GIF)

(GIF)

IMAGES PREVIEW

gomez-rosado.com

ATTACH CONTENT VERDI’S PEN PREVIEW

(PEN DRIVE)

(MY MULTIMEDIA)

MiTV

(PC ACCESS)

MY PC

ROIG’S MOBILE

AMALIA’S PC (BLUETOOTH)

(WI-FI) Page 4 of 5

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

TEXT

CONNECT TO ITEM NEW SOURCE

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

ITEM

MY MULTIMEDIA IMAGE 1

SONG 2 of 25 IMAGE/VIDEO 2 of 25

SEND

Channel 4 of 64

PREVIEW

gif

SONG 5 - Got my Wheels - Frankie Frank

SONG 6 - Spinning Now - Frankie Frank

SONG 8 - Forest Winds - Elena Sigmore

SONG 2 of 25

Page 1 of 8

SEND

IMAGE 2 (GIF) DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

Internal Drive: 80 GB ITEM Free Space: 45 GB

Subject: Message:

To:

(MAILBOX LIST)

SEND

(MY MULTIMEDIA)

MiTV

MAIL

CREATE NEW FILTER

SAVE

SONG 1 - Sun Gets Down - Johnny’s Band

SONG 3 -Diesel Power - Johnny’s Band

TEXT

WRITE MAIL

PREVIEW

ROIG’S MOBILE (BLUETOOTH)

(PC ACCESS)

MY PC

VERDI’S PEN (PEN DRIVE)

(MAILBOX LIST)

SEND MAIL PREVIEW

ROIG’S MOBILE

MY PC

(PC ACCESS)

VERDI’S PEN

(BLUETOOTH) (PEN DRIVE)

CONNECT TO NEW SOURCE ROIG’S PC

FTP

ftp.netgem.com

Z.SEND

Channel 4 of 64

SAVE

PREVIEW

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

CONNECT TO ITEM NEW DESTINY

Check this out!

Verdi MiTV <verdi@netgem.com>

Keep a Copy:

WRITE MAIL OPTIONS ATTACH SELECT CONTENT ADDRESS Attach:

DELETE MAIL

Feugait hendrerit nisl ut esse quis dolor quis duis

Check this out!

Verdi MiTV <verdi@netgem.com>

Keep a Copy:

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

YES

Page 2 of 6

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

TEXT

MiTV

Page 2 of 6

(MY MULTIMEDIA)

TEXT

IMAGE/VIDEO 2 of 25

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

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

CONNECT TO ITEM NEW DESTINY

YES

SONG 1 - Sun Gets Down - Johnny’s Band

SONG 2 of 25

SONG 3 -Diesel Power - Johnny’s Band

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

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

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

CONNECT TO ITEM NEW DESTINY

YES NO

RECORDING

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

PORTFOLIO 1.0

mitv_architect.pdf Joystick Right - Long

CANCEL

Name

Channel 4 of 64

MY <Source List> <Filter>

Joystick Right

CONNECT TO ITEM NEW SOURCE

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

ATTACH CONTENT VERDI’S PEN PREVIEW (MY MULTIMEDIA)

ROIG’S MOBILE

Joystick Down

Attach:

Feugait hendrerit nisl ut esse quis dolor quis duis

Check this out!

Verdi MiTV <verdi@netgem.com>

WRITE MAIL To:

WRITE MAIL OPTIONS ATTACH SELECT CONTENT ADDRESS

Subject: Message:

Address Main Street Anytown, 28005 Spain

Mobile

(roig@netgem.com)

DELETE MAILBOX Are you sure you want to delete this mailbox?

MAILBOX ROIG

MAIL

CANCEL

verdi@netgem.com

Verdi Mitv

555 334567 650 123446 555 334567 Fax

E-mail

Name

Home

CHOOSE IMAGE

DELETE ADDRESS

Mobile

PERSONAL IMAGE

EDIT ADDRESS

WRITE MAIL

ADRESS BOOK OPTIONS EDIT NEW ADDRESS ADDRESS

555 334567 650 123446 555 334567 650 123446 555 334567

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

Feugait hendrerit nisl ut esse quis dolor quis duis

Check this out!

Verdi MiTV <verdi@netgem.com>

WRITE MAIL To:

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

Subject: Message:

(PEN DRIVE)

PLAYING ALL

Keep a Copy:

Joystick Left - Long

Attach:

Keep a Copy:

SEND

Joystick Up - Long

Keep a Copy:

CANCEL

Joystick Left - Long

Joystick Up

SEND

Check this out!

Verdi MiTV <verdi@netgem.com>

WRITE MAIL To:

Subject:

DELETE

02 Feb 2004 at 17:54 56 Kb

RECEIVED MAIL

SAVE

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

Small sample of the text within the mail , and info about attachments, etc, etc ...

Greetings from Madrid (amalia@netgem.com)

Name

Remember

Verdi Mitv

Mailbox Roig

ITEM

PAGE

(WI-FI)

Z.ATTACH

DELETE

PUBLIC ADDRESS BOOK

MAILBOX IMAGE

PERSONAL ADDRESS BOOK

Joystick Right - Long

Joystick Left

customerservice@netgem.com

(roig@netgem.com)

MAILBOX ROIG

(zula@netgem.com)

MAILBOX ZULA

(verdi@netgem.com)

MAILBOX VERDI

MAILBOX VERDI 2

Joystick Right

I need help

MAIL (amalia@netgem.com)

MAILBOX AMALIA

<Media Type> 2 of 25

YOUR OPPINION

Page 2 of 6

Z.MAIL.1.V.2

To:

ONLINE

TEXT

PREVIEW

CONNECT TO ITEM NEW DESTINY

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

02 Feb 2004 at 17:54 56 Kb

RECEIVED MAIL 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

Greetings from Madrid (amalia@netgem.com)

CHOOSE IMAGE roig@netgem.com roigmitv Name

********

CANCEL

smtp.netgem.com

pop.netgem.com

Email Login

POP3 Server SMTP Server

MAILBOX IMAGE

Password

SAVE

Mailbox Roig

Verdi Mitv

CREATE MAILBOX

555 334567 650 123446 555 334567 650 123446

555 334567 650 123446

PUBLIC ADDRESS BOOK

PERSONAL Zula Mitv zula@netgem.com IMAGE

PERSONAL Verdi Mitv verdi@netgem.com IMAGE

PERSONAL Amalia Mitv amalia@netgem.com IMAGE

PERSONAL Nacho Mitv nacho@netgem.com IMAGE PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE

Remember

ITEM

PAGE

Page 4 of 5

CONNECT TO ITEM NEW SOURCE

TEXT

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

MY PC

(PC ACCESS) (BLUETOOTH)

AMALIA’S PC

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

MiTV WEBSITE

A.WELCOME.V.2

netgem.com

(PEN DRIVE)

ITEM

PAGE

CHOOSE IMAGE roig@netgem.com roigmitv Name

CANCEL

smtp.netgem.com

pop.netgem.com

********

POP3 Server SMTP Server

MAILBOX IMAGE

Password

Name

555 334567 650 123446

EDIT MAILBOX

555 334567 650 123446

MiTV

(PEN DRIVE)

ATTACH CONTENT PREVIEW VERDI’S PEN (MY MULTIMEDIA)

ROIG’S MOBILE

Page 2 of 6

CONNECT TO ITEM NEW DESTINY

TEXT

PREVIEW

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

(PC ACCESS) (BLUETOOTH)

ROIG’S MOBILE VERDI’S PEN

MY PC

MiTV

(MY MULTIMEDIA)

(MAILBOX LIST)

MAIL

ITEM

PAGE

SEND

DELETE

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

Subject:

A.WELCOME.V

How can I record?

ONLINE HELP

MAIL

MiTV

MY PC

(PC ACCESS)

(BLUETOOTH)

VERDI’S PEN

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

MAILBOX ROIG

Happy birthday dad (verdi@netgem.com) Happy birthday daddy (zula@netgem.com)

02 Feb 2004 at 17:54 18 Kb 02 Feb 2004 at 17:54 78 Kb

02 Feb 2004 at 17:54 56 Kb

MAILBOX ROIG

Question about work (nacho@netgem.com) Welcome to our club (nacho@netgem.com)

Greetings from Madrid (amalia@netgem.com)

DELETE MAILBOX

CREATE MAILBOX

MAILBOX IMAGE

555 334567 650 123446

PERSONAL Grandparents Mitv IMAGE grandpa@netgem.com

555 334567 650 123446

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

ITEM

NEW

Keep a Copy:

555 334567 650 123446 555 334567 650 123446 555 334567 650 123446

PLAYING ALL

Z.SERVICE.2.3

ONLINE HELP INTRO

SEND (MAILBOX LIST) (MY MULTIMEDIA)

ROIG’S MOBILE

MAIL (roig@netgem.com)

MAILBOX ROIG

MAIL OPTIONS EDIT MAILBOX

PUBLIC ADDRESS BOOK

PERSONAL ADDRESS BOOK

MAILBOX IMAGE

SERVICES

Check this out!

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

TEXT

Internal Drive: 80 GB ITEM Free Space: 45 GB

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

Page 1 of 8

SEND

PAUSE/PLAY LOOP TOGGLE

PLAYING ALL OPTIONS

SONG 3 -Diesel Power - Johnny’s Band

SONG 2 - All Night Long - Johnny’s Band

YES

Z.SERVICE.2.1

PLAYING

(zula@netgem.com)

(verdi@netgem.com)

MAILBOX VERDI 2

(verdi@netgem.com)

MAILBOX VERDI

MAILBOX ZULA

(roig@netgem.com)

MAILBOX ROIG

Attach:

Verdi MiTV <verdi@netgem.com>

SELECT ADDRESS

Subject:

To:

WRITE MAIL

DELETE MAIL

SAVE

(GIF)

(JPEG)

IMAGE 5

IMAGE 4

IMAGE 3

(GIF)

IMAGES PREVIEW

SONG 2 of 25

ITEM

PAGE

PLAYING ALL

SONG 1 - Sun Gets Down - Johnny’s Band

IMAGE/VIDEO 2 of 25

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

Check this out!

Joystick Left

(verdi@netgem.com) CANCEL

MiNET

MAIL

MiTV CONECTA

MAIL (amalia@netgem.com)

MAILBOX AMALIA

MANUAL

(JPEG)

IMAGE 2

MY MULTIMEDIA IMAGE 1

SONG 2 of 25

SONG 8 - Forest Winds - Elena Sigmore

SONG 7 - Tar and Smoke - Frankie Frank

SONG 6 - Spinning Now - Frankie Frank

SONG 5 - Got my Wheels - Frankie Frank

SONG 4 - Oh Babby, Oh Baby - Kenny H

SONG 3 -Diesel Power - Johnny’s Band

SONG 2 - All Night Long - Johnny’s Band

SONG 1 - Sun Gets Down - Johnny’s Band

(PEN DRIVE)

Verdi MiTV <verdi@netgem.com>

Joystick Up - Long

MAILBOX VERDI 2 A.QUICK PREVIEW

A1.01 R.PROGRAM.V – OPTIONS 03

SAVE

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

SEND

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

SNAPSHOT

WELCOME VIDEO

SNAPSHOT

V.USER.4

Enter your search:

PAUSE

PLAYING OPTIONS

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

ITEM

V.EXTRA.1

SLIDE

V.PARENT.2

TEXT

Architecture MiTV Help

PREVIEW

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

Z.MAIL.1.V.1

DESCRIPTION OF QUESTION PAGE FILTER SELECTED

Verdi

ACCELERATE DECELERATE

CONNECT TO ITEM NEW DESTINY

Z.MAIL.1.V

TEXT

SAVE

TEXT

Z.MAIL.1

TEXT

SAVE

NORMAL

Z.MAIL.V

TEXT

Type

SAVE

Check this out!

Verdi MiTV <verdi@netgem.com>

Keep a Copy:

CANCEL

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

********

roigmitv

ftp.netgem.com

FTP

ROIG’S PC

Feugait hendrerit nisl ut esse quis dolor quis duis

Z.MAIL.V.1

TEXT

CANCEL

KEYBOARD

CANCEL

GMT

ENTER

TEXT

DESCRIPTION OF MEDIA PAGE FILTER SELECTED

PLAY ALL ITEM MEDIA WITHIN

Z.MAIL.V.2

YOUR EMAIL

Spain

CHANGE PASSWORD

18 years and younger

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

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

VCR RECORD

Verdi Mitv TV

Country Time Zone

SAVE

5 Min Automatic

Services Background

REGION

CANCEL

Screensaver Timeout PIP Refresh in “What’s On”

Auto-Scan During stand-by

PARENTAL LOCK

DO NOT REMEMBER

Password:

PARENTAL LOCK

CHANNEL 2, 4 y 5

Restrited Channels:

Restricted TV Programmes:

(MY MULTIMEDIA)

R.MY.04

BROADBAND

SAVE

MODIFY MODIFY

NORMAL NORMAL

Verdi OFF Mitv

Wrap in Menus “Options” Menu

Infobar Timeout

Menu Background

SERVICES

CANCEL

SHow Disabled Options

Transparency (on TV)

DISPLAY

PREVIEW

Z.ATTACH

Z.SERVICE.2

USE YOUR ISP

SERVICES KEYBOARD

MY PC

PC ACCESS

MUSIC MP3

MPEG

Page 1 of 1

PREVIEW

Channel 4 of 64

Page 2 of 6

CONNECT TO ITEM NEW DESTINY

TEXT

PREVIEW

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

(PC ACCESS) (BLUETOOTH)

ROIG’S MOBILE VERDI’S PEN

MY PC

(MY MULTIMEDIA)

MiTV

(MAILBOX LIST)

MAIL

PLAYING ALL

SEND

DELETE

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

FAQs

ITEM

REGION

DISPLAY

USER INTERFACE

URL

Type

Password

SAVE FOR LATER

YES

CONNECT TO NEW SOURCE

Comment (Optional)

WRITE MAIL To:

MEDIA

VIDEOS

WRITE MAIL OPTIONS SELECT ATTACH ADDRESS CONTENT

Subject: Message:

FILTER TYPE

DELETE Are you sure you want to delete this ﬁlter?

MiTV MY MULTIMEDIA PREVIEW IMAGES

Name

PREVIEW

Channel 4 of 64

MOVE DOWN

MOVE TO LAST

SEND

PAUSE/PLAY LOOP TOGGLE

PLAYING ALL OPTIONS

Z.SERVICE.1

7 8 LESSON NAME LESSON NAME

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

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

DELETE CONFIRMATION The selected program has been permanently deleted

PAGE

ITEM

PAGE

Attach:

Keep a Copy:

SEND

Z.MAIL

Z.MINET.4

9 10 LESSON NAME LESSON NAME

Page 4 of 18

CANCEL

FILTER TYPE

MOVE UP

MY <Source List> <Filter>

MOVE TO FIRST

CHANGE ORDER

SAVE

PREVIEW

gif

SLIDE

PLAYING ALL

IMAGE/VIDEO 2 of 25

Z.SERVICE

QUICK USER GUIDE 1 2 LESSON NAME LESSON NAME

Page 4 of 18

Check this out!

Verdi MiTV <verdi@netgem.com>

WRITE MAIL To:

Subject:

Z.MAIL.2

Z.MAIL.V.3

Z.MINET.4.V.3

3 4 LESSON NAME LESSON NAME

PLAYING

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

MAILBOX IMAGE

PERSONAL ADDRESS BOOK PUBLIC ADDRESS BOOK

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

Z.MINET.4.V.2

5 6 LESSON NAME LESSON NAME

WELCOME VIDEO

ITEM

ALARM LIST

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

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

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

DELETE CONFIRMATION The selected alarm has been permanently deleted

MiTV

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

PLAYING

NO YES

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

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

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

PAGE

ITEM

PAGE

(roig@netgem.com)

MAILBOX ROIG

(zula@netgem.com)

MAILBOX ZULA

(verdi@netgem.com)

MAILBOX VERDI

MAILBOX VERDI 2

xxxxxx image Text describing the ﬁlter and its content

B1.01 Z.MAIL.3

Z.MINET.4.V.1

WELCOME VIDEO

Current Time: Thursday 01 Jannuary 2004

SAVE

YES

Page 4 of 18

MAIL

(amalia@netgem.com)

MAILBOX AMALIA

FILTER TYPE

MY <Source List> <Filter>

Description

Content

Name

CREATE NEW FILTER

Channel 4 of 64

SAVE CHANGES

gif

Z.MAIL.2 +(3).V

ONLINE HELP

CANCEL

Occurence

Ends

Starts

Date

Page 4 of 18

CONNECT TO ITEM NEW DESTINY

ACCELERATE DECELERATE

IMAGE/VIDEO 2 of 25

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.

FAQs

ITEM

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

TEXT

PREVIEW

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

RECORDING

YES

PREVIEW

Channel 4 of 64

MOVE DOWN MOVE TO LAST

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

MY <Source List> <Media File>

MOVE UP

PREVIEW

MOVE TO FIRST

CHANGE ORDER

MY <Source List> <Media File> Channel 4 of 64

CONNECT TO ITEM NEW SOURCE

TEXT

DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

(WI-FI)

(BLUETOOTH)

ROIG’S MOBILE

(PC ACCESS)

Page 4 of 5

AMALIA’S PC

MY PC

MiTV

(PEN DRIVE)

(MY MULTIMEDIA)

ATTACH CONTENT ADD NEW PREVIEW VERDI’S PEN

xxxxxx

Text describing the ﬁlter and its content

image

PREVIEW

Channel 4 of 64

Z.MINET.3

YOUR OPPINION

WIRELESS CAMERAS

PROGRAM LIST OPTIONS EDIT NEW PROGRAM PROGRAM DELETE PROGRAM

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

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

ALARM LIST

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

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

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

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

(PEN DRIVE)

CHANNEL 4

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

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

QUICK USER GUIDE

WIRELESS

WEBCAMS DISK ON KEY

ITEM

PAGE

PREVIEW

MAIL

MiTV

MY PC

(PC ACCESS) (BLUETOOTH)

VERDI’S PEN

Page 2 of 6

REDUCE SIZE IS ONLY APPLICABLE TO DIMENSIONAL MEDIA TYPES SUCH AS JPEG AND GIF BOTH FEATURES MAY NOT BE APPLICABLE YET

FILTER TYPE

MY <Source List> <Filter>

Description

Content

Name

EDIT FILTER

MY <Source List> <Filter>

Z.MINET.2

MiTV INFO WELCOME VIDEO

CA MODULE

USB

ETHERNET

V.TV.3

NETWORK

B1.02 V.TV PRINTERS

ACCESSORIES

MANUAL

Current Time: Thursday 01 Jannuary 2004

PREVIEW

SAVE

V.USER.3

IR KEYBOARD

AUTOMATIC

TUNING-IN

CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

CHANNEL 1 - Monday 25 Jan 00:30 - 02:30

CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30

CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30

EDIT/NEW PROGRAM CHANNEL 4

CANCEL

Occurence

V.USER.2

HARD DRIVES

R.PROGRAM CHANNEL 7 - Friday 09 Jan 00:30 - 02:30

A1.01 R.ALARM.V – OPTIONS 03

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

EDIT/NEW ALARM CHANNEL 4 Date Type of Alarm

Time

SEND (MAILBOX LIST)

(MY MULTIMEDIA)

ROIG’S MOBILE

FINISH SAVE

RECORDING

1/4 QUALITY

PREVIEW

Channel 4 of 64

1/2 QUALITY

1/2 SIZE 1/4 SIZE REDUCE QUALITY IS ONLY APPLICABLE TO COMPRESSING MEDIA TYPES SUCH AS JPEG, MPEG AND MP3

PREVIEW

Channel 4 of 64

Z.ATTACH

TV SIGNAL

R.ALARM PAGE

xxxxxx image Text describing the ﬁlter and its content

MY <Source List> <Media File>

EDIT REDUCE

REDUCE

PREVIEW

SAVE CHANGES

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

SOFTWARE

V.NET ITEM

PAGE

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

Page 4 of 18

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

PROGRAM LIST

R.MY.1.1.V.2

ALARM LIST OPTIONS EDIT NEW ALARM ALARM DELETE ALARM

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

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

ALARM LIST

V.USER.1

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

V.USER

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

Z.SEND

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

V.PARENT

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

CHANNEL 4

Filter

Name

SAVE SNAPSHOT

Description

YES

CONNECT TO ITEM NEW DESTINY

VIEW PLAY

image Text describing the ﬁlter and its content

Channel 4 of 64

Z.MAIN

Z.MINET.1

I-PLAYER

R.MY.1.1

EXTRAS

RECORDING WIRELESS

Page 4 of 18

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 MAILBOXES

PLAYING

MODEM

CONNECT TO ITEM NEW DESTINY

ITEM

(PEN DRIVE)

PAGE

VERDI’S PEN

CONECTION

MY PC

Z.MINET

DIAGNOSTICS

R.PROGRAM INTERNET AND MAIL

(PC ACCESS)

Architecture MiTV Options

Page 4 of 18

PREVIEW Page 2 of 6

Page 4 of 18

(BLUETOOTH)

ROIG’S MOBILE (PEN DRIVE)

PROGRAM LIST

MAIL (BLUETOOTH)

ALARM LIST

YES

RECORDING

(PEN DRIVE)

(BLUETOOTH)

VERDI’S PEN

ROIG’S MOBILE

<Media Type> 2 of 25

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

Page 2 of 6

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

TEXT

PREVIEW

Filter

Name

Description

xxxxxx

EDIT

MY <Source List> <Media File>

DELETE

ADD NEW

FILTER TYPE

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

MY <Source List> <Filter>

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

ACCESSORIES

ALARM

VERDI’S PEN

CANCEL

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

CHANNEL 4

DELETE Are you sure you want to delete this recording?

ROIG’S MOBILE

MAKE COPY

CHANNEL 1 - Monday 25 Jan 00:30 - 02:30

ITEM

PAGE

(MAILBOX LIST)

MAIL

CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

Page 4 of 18

MiTV

MY PC

(PC ACCESS)

(MY MULTIMEDIA)

MY PC

SAVE

CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30

(PEN DRIVE)

PROGRAM LIST

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

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

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

DELETE CONFIRMATION The selected program has been permanently deleted

SEND (MAILBOX LIST)

CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30

CONNECT TO ITEM NEW DESTINY

TEXT

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

MY PC

(PC ACCESS) (BLUETOOTH)

ROIG’S MOBILE VERDI’S PEN

Page 2 of 6

ITEM

PAGE

CANCEL

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

PLAYING

REDUCE

CANCEL

CHANNEL 7 - Friday 09 Jan 00:30 - 02:30

MiTV

(MAILBOX LIST)

VIDEO 2

(MY MULTIMEDIA)

Schedule

Program Name

PREVIEW

YES

RECORDING

PREVIEW

VIDEO 2

MAIL

EDIT CHANGE ORDER

PREVIEW

Channel 4 of 64

page 02 of 03

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

CANCEL

MAIL

Page 4 of 18

SEND

SAVE

SNAPSHOT

CHANNEL 4

DELETE CONFIRMATION The selected video has been permanently deleted

PLAYING

CONNECT TO ITEM NEW DESTINY

TEXT

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

(PEN DRIVE)

(BLUETOOTH)

ROIG’S MOBILE

(PC ACCESS)

MY PC

PREVIEW

Page 2 of 6

VERDI’S PEN

MAKE COPY

SEND (MAILBOX LIST)

OPTIONS

MY <Source List> <Media File>

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

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

SAVE SEND

SEND

PREVIEW

LIVE

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

SNAPSHOT

LIVE

TEXT Description of the program

PROGRAM LIST

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

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

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

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

YES

ITEM

PAGE

VIDEO 2

MAIL

(MY MULTIMEDIA)

MiTV

(MAILBOX LIST)

SEND

VIEW PLAY

REDUCE

image

ATTACH

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

R.MY.1.1.V.1 CHANNEL 4

R.MY.1.1.A.1

PREVIEW

R.MY.1.V.1.V

INFO LIVE

CHANNEL 4

MORE INFO

LIVE

Current Time: Thursday 01 Jannuary 2004

PREVIEW

SAVE

Page 4 of 18

xxxxxx image Text describing the ﬁlter and its content

xxxxxx

image

Filter Text describing the ﬁlter and its content

Name

Description

Text describing the ﬁlter and its content

FAVORITE CHANNELS

Schedule

Program Name

INFO LIVE

CHANNEL 4

CANCEL

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

(PC ACCESS)

LANGUAGES

LIVE

EDIT/NEW PROGRAM CHANNEL 4 Date Starts Ends Occurence

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

ALARM LIST

DELETE CONFIRMATION The selected alarm has been permanently deleted

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

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

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

Filter

Name

Description

FINISH SAVE

PLAYING

SAVE SNAPSHOT

VIDEO 2

REDUCE

SAVE CHANGES

Filter

DIAGNOSTICS LIST

SNAPSHOT

A1.01 – OPTIONS 03 R.PROGRAM.V

RECORD

ITEM

PAGE

xxxxxx

image

Text describing the ﬁlter and its content

Z.SEND

Project Client Document Date Design SEND Info

AUDIO AND VIDEO

CHANNEL 4

Page 4 of 18

PROGRAM LIST OPTIONS EDIT NEW PROGRAM PROGRAM DELETE PROGRAM

YES

ITEM

PAGE

PLAYING

CANCEL

PREVIEW

PLAYING

Filter

Name

Description

COPY

<Media Type> 2 of 25

Description

TELEVISION PROGRAM PREFERENCES LIST PROGRAM TUNING-IN LIST

R.MY.1.1.V OPTIONS LIVE

PROGRAM LIST

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

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

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

Page 4 of 18

SNAPSHOT

VIDEO 2

SEND

SAVE

SNAPSHOT

VIDEO 2

DELETE

SNAPSHOT

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

xxxxxx

PARENTAL CONTROL

LIVE

ITEM

PAGE

R.MY.1.1.A

COPY

USER INTERFACE

Page 4 of 18

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

Name

VIEW PLAY

TELEVISION

PROGRAM LIST

FINISH SAVE

CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

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

EDIT

VIEW PLAY

R.MY.1.V.1.V.2.1 Z.MAIL

EXTRAS

CHANNEL 4 CHANNEL 1 - Monday 25 Jan 00:30 - 02:30

A1.01 – OPTIONS 03 R.ALARM.V

CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30

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

CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30

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

CHANNEL 7 - Friday 09 Jan 00:30 - 02:30

SAVE

DELETE

STOP

OPTIONS RECORDING

ALARM LIST

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

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

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

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

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

CANCEL

Occurence

Current Time: Thursday 01 Jannuary 2004

PREVIEW

VIEW PLAY

COPY

<Media Type> 2 of 25

DELETE

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

PLAYING

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

EDIT/NEW ALARM CHANNEL 4 Date

PLAYING

Type of Alarm

Time

SEND

EDIT

PLAYING ALL OPTIONS

<Media Type> 2 of 25

SLIDE

VIEW PLAY

OPTIONS APLICABLE TO ALL SELECTED MEDIA FILES

OPTIONS FOR MY CHANNELS ARE DIFFERENT AND SPECIFIED SEPARATEDLY

REDUCE

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

ITEM

PAGE

ITEM

PAGE

TEXT

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

OPTIONS APLICABLE TO ALL SELECTED MEDIA FILTER LISTS

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

SAVE CHANGES

<Media Type> 2 of 25

INTERNET AND MAIL

R.ALARM CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

CHANNEL 1 - Monday 25 Jan 00:30 - 02:30

CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30

Page 4 of 18

Page 2 of 6

Page 5 of 11

Internal Drive: 80 GB ITEM Free Space: 45 GB

<Media Type> 2 of 25

(MP3)

TEXT

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

MUSIC PREVIEW

PLAY ALL ITEM MEDIA WITHIN

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

PREFERENCES

R.MY.1.V.2 ALARM LIST OPTIONS EDIT NEW ALARM ALARM DELETE ALARM

VIDEO 2

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

R.MY.1.V.1.V

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

xxxxxx

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

(MP3)

SONG 4

SONG 3

SONG 2

(MP3)

URL

SONG 5

PLAYING

SAVE SNAPSHOT R.MY.2.1.1.V.3

Page 4 of 18

MOVE DOWN MOVE TO LAST

PAUSE

MP3

MPEG

MEDIA

TELEVISION

MY FAVORITES SONG 1

WEB SITES

CHANNELS

MUSIC

VIDEOS

MY FAVORITES MiTV PREVIEW IMAGES

PLAYING OPTIONS

VIDEO 2

RECORDING

image

VIEW PLAY

HOTLINE

MiTV OPTIONS

R.MY.1.V.1

Text describing the ﬁlter and its content

CHANNEL 4

Filter

MOVE UP

TEXT

DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA Internal Drive: 80 GB ITEM Free Space: 45 GB

Name

ALARM LIST

SAVE FOR LATER

Description

R.MY.1.1.V.1

PLAY

(GIF)

Page 1 of 1

Page 1 of 8

R.MY.2.1.1.V.2

CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30

(GIF)

R.MY.2.1.1.V R.MY.2.1.1.V.3.2

CHANNEL 7 - Friday 09 Jan 00:30 - 02:30

(JPEG)

IMAGES PREVIEW

VIDEO 2

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

SLIDE

SEND

PAUSE/PLAY PREFERENCES

PLAYING ALL OPTIONS

GAME 3

MOVE

(GIF)

(JPEG)

IMAGE 2 IMAGE 3 IMAGE 4 IMAGE 5

TEXT

DESCRIPTION OF MEDIA PAGE FILTER SELECTED

PLAY ALL ITEM MEDIA WITHIN

<Media Type> 2 of 25

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

ACCELERATE DECELERATE

PLAY

MPEG

MEDIA

MY PC

MY MULTIMEDIA IMAGE 1

PC ACCESS

MUSIC MP3

VIDEOS

MiTV MY MULTIMEDIA PREVIEW IMAGES

R.MY.5.1.V4

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

ACCELERATE DECELERATE

TEXT

Internal Drive: 80 GB ITEM Free Space: 45 GB

DESCRIPTION OF RULES PAGE ON SELECTED GAME

Page 2 of 6

ITEM

R.MY.5.1.V2

MOVE TO FIRST

GAME 3

(ONE PLAYER)

GAME 4

GAME 5

Page 5 of 11

R.MY.2.1.1.V.2.1

PREVIEW

ALARM LIST

DELETE CONFIRMATION The selected video has been permanently deleted

Channel 4 of 64

GAME 2

GAME 3

(ONE PLAYER)

TEXT

DESCRIPTION OF RULES PAGE ON SELECTED GAME

xxxxxx

CHANGE ORDER

MY CHANNELS CHANNEL 4

PLAYING

GAMES

STRATEGY

MY GAMES BOARD GAME 1 PREVIEW

R.MY.x.x.V

DIAGNOSTICS

CHANNEL 4

YES image

NAME OF PROGRAM

RECORDING

R.MY.2.1

CHANNEL 4

R.MY.2.1.1

CHANGE ORDER

NO VIDEO 2

R.MY.3.1.1 R.MY.3.1.1.V

PROGRAM LIST

TEXT

DESCRIPTION OF PROGRAM PAGE ON SELECTED RECORDING Internal Drive: 80 GB ITEM Free Space: 45 GB

GAMES

CLASSICS

BOARD

ROLE-PLAY

MY GAMES MiTV ARCADE PREVIEW

R.MY.5.1.V

RECORD

Page 2 of 6

ITEM

Page 5 of 11

CANCEL Filter

ALARM LIST

TEXT

FEB PREVIEW

DESCRIPTION OF SELECTED PAGE RECORDINGS’ FILTER

R.MY.04.01

R.MY.5.1.V1

OPTIONS

VIDEO TITLE

RECORDING 5

VIDEO TITLE

RECORDING 4

VIDEO TITLE

RECORDING 3

VIDEO TITLE

RECORDING 2

VIDEO TITLE

MAY

APRIL

MY RECORDINGS RECORDING 1

PREVIEW

Channel 4 of 64

Page 1 of 8

RECORDINGS

ITEM

RECORDINGS

MARCH

DESCRIPTION FEBRUARY OF SELECTED PAGE RECORDINGS’RECORDINGS FILTER

R.MY.3.1

NAME OF PROGRAM

MY CHANNELS CHANNEL 4

MOVIES

MY RECORDINGS MiTV JANUARY PREVIEW TEXTRECORDINGS

MY RECORDINGS FAMILY PREVIEW

FRIENDS

TRAVELS

RECORDINGS

TV SERIES

RECORDINGS

MiTV

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

PREFERENCES

Page 2 of 6

ITEM

DESCRIPTION OF PROGRAM PAGE ON SELECTED CHANNEL

UPCOMING PROGRAM

PLAYING DELETE SNAPSHOT

WRITE MAIL

Joystick Up

EDIT R.MY.x.x.V.4

ITEM

To:

Joystick Down - Long

CONNECT TO ITEM NEW DESTINY

PREVIEW ITEM Z.SEND

R.MY.x.x.V.3 DESCRIPTION OF PROGRAM PAGE ON SELECTED CHANNEL

Joystick Down

(PEN DRIVE)

TEXT

DELETE PROGRAM Are you sure you want to delete this program? PAGE R.MY.5.1.1

Name Z.ATTACH UPCOMING PROGRAM

Subject:

Item Filter

(BLUETOOTH)

SAVE Page 4 of 18

ALARM LIST SAVE SEND

COPY Z.ATTACH.2 CHANNEL 4

LIVE

Z.ATTACH

VERDI’S PEN DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

PROGRAM LIST R.MY.2B R.MY.04 CHANNEL 5

Amalia

Interactive Fields Pane

(MY MULTIMEDIA)

CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 R.MY.3 R.MY.5.1 R.MY.x.x.V.1.1

VIEW PLAY NAME OF PROGRAM

PREVIEW

Selected Field

ROIG’S MOBILE Page 2 of 6

CHANNEL 2 - Monday 05 Jan 00:30 - 02:30 A1.xx.xx – OPTIONS 02.01.01 R.MY.04.01 NAME OF PROGRAM

CHANNEL 4

Timed Fields Pane

MY PC PREVIEW

DELETE ALARM Are you sure you want to delete this alarm? R.MY

VIDEO 2 PLAYING R.MY.x.V.4 Z.MAIL.2 +(3).V.3.V.4

NAME OF PROGRAM

CONNECT TO ITEM NEW SOURCE

TEXT

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

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

ITEM

PLAYING ALL OPTIONS Z.SEND CHANNEL 2

Active Field

SEND NO PAGE

SEND R.MY.x.x.V.1

EDIT R.PLAYALL-B.V A1.01 – OPTIONS 03 DESCRIPTION OF CHOSEN ORIGIN PAGE AND ACQUIRED IMAGE

CHANNEL 3

ACCELERATE DECELERATE

Video Or Image Field

(PC ACCESS)

SAVE Page 4 of 18 R.MY.x.V R.MY.x.V.3 (WI-FI)

MiTV MY CHANNELS CHANNEL1 PREVIEW

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

Input Fields

Schedule

page 01 of 03 R.MY.04

R.MY.x.V.2 (PC ACCESS)

NAME OF PROGRAM

IMAGE/VIDEO 2 of 25

Optional Feature

MAIL

TEXT Description of the program

ALARM LIST VIDEO 2 <Media Type> 2 of 25 (BLUETOOTH)

NAME OF PROGRAM

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

(MAILBOX LIST) Current Time: Thursday 01 Jannuary 2004

CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 R.MY.5 R.MY.x.V.1 R.PLAYALL-B AMALIA’S PC

Page 4 of 5

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

CANCEL Starts PREVIEW CHANNEL 2 - Monday 05 Jan 00:30 - 02:30

SLIDE ROIG’S MOBILE

TEXT

Z.MAIL

SAVE

Z.SEND

SEND PREVIEW Date CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30

DELETE Are you sure you do want to permanently delete this video? R.MY.2

CHANNEL 3

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

CHANNEL 4

PLAYING OPTIONS

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. Z.SEND MiTV

PREVIEW

R.PLAYALL-B.V.4

MOVE TO LAST

SNAPSHOT R.PLAYALL-A.V MY PC

Channel 4 of 64

Z.SEND

El botón de Info es ahora innecesario, OPTIONS RECORDING A1.02.02 R.PLAYALL-A R.PLAYALL-B.V.4 (PEN DRIVE)

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

R.MY.1.V.1.V R.MY.1.1.A.1

R.MY.1.1.V.2 SNAPSHOT LIVE EDIT/NEW PROGRAM CHANNEL 4

Z.SEND

R.MY.1.1.V.1

CHANNEL 4 CANCEL

The Info button is now unnecessary, as the yellow one R.MY.1.1.V.1 (representing the MiTV Info services provided by the character of Amalia) does the same CHANNEL 4 function inRECORDING a more intuitive and consistent manner. Internal Drive: 80 GB ITEM Free Space: 45 GB For a closer view: Print mitv_architecture_06.pdf Para una observación más cercana: Imprimir mitv_architecture_06.pdf

MY <Source List> <Media File>

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

MOVE DOWN R.PLAYALL-A.V.4

VIEW PLAY Active Field

Input Fields

ATTACH CONTENT PREVIEW VERDI’S PEN

Input Fields

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

CHANGE ORDER

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 diﬀerentiating nature of the MiTV receiver.

CHANNEL 5

RECORDING <Media Type> 2 of 25 Video Or Image Field

OPTIONSOptional FOR MY Feature CHANNELS ARE DIFFERENT AND SPECIFIED SEPARATEDLY

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

SNAPSHOT SLIDE (MP3) (MY MULTIMEDIA) (MY CHANNELS)

Selected Field

R.PLAYALL-B

OPTIONS

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

OPTIONS LIVE Type of Alarm

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

LIVE R.MY.1.1.A

RECORD

PROGRAM LIST OPTIONS NEW EDIT PROGRAM PROGRAM DELETE PROGRAM R.PROGRAM.V.01 + (V.02)

R.MY.1.1.V CHANNEL 4 ITEM

PLAYING

Roig TEXT Item Filter

Joystick Up - Long

Joystick Down - Long

R.MY.x.V.4

ITEM PAGE

Occurence Current Time: Thursday 01 Jannuary 2004

SAVE FOR LATER

SONG 5

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

CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30 Page 4 of 18

PREVIEW For a closer view: Print mitv_architecture_06.pdf Para una observación más cercana: Imprimir mitv_architecture_06.pdf DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

Selected Field

Joystick Up

Joystick Down

FILTER TYPE

R.PLAYALL-A.V.4

PAUSE/PLAY PREFERENCES (MP3)

Joystick Down - Long

Active Field

Optional Feature

MY <Source List> <Filter>

Z.SEND

PLAYING ALL OPTIONS (MP3)

Joystick Down

Item Filter

Timed Fields Pane

R.MY.x.V.3

CHANNEL 1 - Monday 25 Jan 00:30 - 02:30

PAGE

PROGRAM LIST Time

PLAY

MY CHANNELS MiTV CHANNEL1 PREVIEW

Architecture MiTV Digital SONG 4 Interactive Fields Pane

Video Or Image Field

Z.ATTACH.2

CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30

GAME 3 Internal Drive: 80 GB ITEM Free Space: 45 GB

Timed Fields Pane OPTIONS APLICABLE TO ALL SELECTED MEDIA FILES Architecture MiTV Conecta

detail

R.MY.04

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

PLAY SONG 3 Joystick Up - Long

Interactive Fields Pane

R.MY.x.x.V.4

CHANNEL 7 - Friday 09 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30

MOVE

TEXT Joystick Left - Long

Joystick Up

R.MY.x.x.V.3

Page 4 of 18

Date (GIF) DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA

Joystick Left

Z.ATTACH

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

ALARM LIST OPTIONS NEW EDIT ALARM ALARM DELETE ALARM EDIT/NEW ALARM CHANNEL 4 IMAGE 5

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

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

R.PROGRAM.V A1.01 – OPTIONS 03

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

ITEM (GIF)

OPTIONS APLICABLE TO ALL SELECTED MEDIA FILTER LISTS Joystick Left - Long

R.MY.x.x.V.1.1

PREVIEW (JPEG)

TEXT Joystick Right - Long

Joystick Left

R.PLAYALL-A.V

SEND IMAGE 3 DESCRIPTION OF MEDIA FILE PAGE ON SELECTED MULTIMEDIA Joystick Right

R.MY.x.V.2

ACCELERATE DECELERATE

IMAGE 4

MUSIC PREVIEW Joystick Right - Long

R.MY.5.1.V4

ACCELERATE DECELERATE Internal Drive: 80 GB ITEM Free Space: 45 GB (MP3)

Joystick Right

Z.SEND

CHANNEL 15 - Tuesday 26 Jan 00:30 - 02:30

ITEM PAGE

GAME 3

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

PROGRAM LIST PAGE Page 4 of 18

GAME 5 TEXT (MP3)

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

CHANNEL 1 - Monday 25 Jan 00:30 - 02:30 CHANNEL 4 - Wed 07 Jan 00:30 - 02:30 (ONE PLAYER) DESCRIPTION OF RULES PAGE ON SELECTED GAME

SONG 2

R.MY.2.1.1.V.2.1.1

CHANNEL 23 - Sunday 17 Jan 00:30 - 02:30 CHANNEL 2 - Monday 05 Jan 00:30 - 02:30

GAME 4

MY FAVORITES SONG 1 Page 5 of 11

Z.SEND

CHANNEL 11 - Sunday 11 Jan 00:30 - 02:30

ALARM LIST Internal Drive: 80 GB ITEM Free Space: 45 GB (GIF)

IMAGE 2

PLAY ALL MEDIA WITHIN

R.MY.5.1.V2

CHANNEL 7 - Friday 09 Jan 00:30 - 02:30 CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30

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

R.PROGRAM

R.MY.1.1 LIVE Page 4 of 18

GAME 3 URL

R.MY.2.1.1.V.3.2

ALARM LIST (ONE PLAYER)

IMAGES PREVIEW WEB SITES

R.MY.2.1.1.V.2.1

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

R.ALARM.V A1.01 – OPTIONS 03

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

VIDEO 2 (ONE PLAYER) (JPEG)

R.MY.2.1.1.V.3

R.ALARM CHANNEL 4 - Thursday 01 Jan 00:30 - 02:30

TEXT

MY MULTIMEDIA IMAGE 1 Page 1 of 8

MEDIA

R.MY.x.x.V.1

PREVIEW DESCRIPTION OF PROGRAM PAGE ON SELECTED RECORDING

MEDIA WITHIN ITEM

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

R.MY.x.V.1

VIDEO TITLE

GAME 2 PLAY ALL ITEM

R.MY.x.x.V

RECORDING 5 (ONE PLAYER) TELEVISION Project Client Document Date Design Info

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

VIDEO TITLE (ONE PLAYER)

CHANNELS

A1.01

VIDEO TITLE

BOARD MY GAMES GAME 1 PREVIEW MY PC

NAME OF PROGRAM

VIDEO TITLE Page 2 of 6 PC ACCESS FILTER SELECTED

Page 2 of 6

MiTV ARCHITECTURE

PLAYING ALL

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

RECORDING 2 STRATEGY

ITEM

MiTV Product Design

A1.04.01 A1.02.01.02

RECORDING 4 GAMES

GAMES

TEXT

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

Z.ATTACH

RECORDING 3

FEB PREVIEW CLASSICS

DESCRIPTION OF RULES PAGE ON SELECTED GAME

R.MY.2.1.1.V.2

MOVE TO FIRST Channel 4 of 64

R.MY.1.V.1.V

MOVE UP VIDEO TITLE Page 5 of 11 GAMES

R.MY.5.1.V1

NAME OF PROGRAM

MY RECORDINGS RECORDING 1 GAMES

R.MY.5.1.V

R.MY.1.V.2 MY CHANNELS CHANNEL 4 MAY

ITEM

BOARD

NAME OF PROGRAM

RECORDINGS

ROLE-PLAY

NAME OF PROGRAM

ITEM

TEXT

R.MY.5.1.1

R.MY.1.V.1 CHANNEL 4 APRIL

RECORDINGS DESCRIPTION OF SELECTED PAGE RECORDINGS’ FILTER

R.MY.2.1.1.V

CHANGE ORDER

PROGRAM LIST ITEM

R.MY.5.1

R.MY.3.1.1.V

Channel 4 of 64

R.MY.2.1.1

RECORD

ALARM LIST

MARCH

R.MY.04.01

R.MY.3.1.1

MY CHANNELS CHANNEL 4 RECORDINGS

R.MY.3.1

NAME OF PROGRAM

PAGE RECORDINGS’RECORDINGS FILTER

NAME OF PROGRAM

MOVIES

NAME OF PROGRAM

R.MY.2.1

R.MY.1.V

CHANNEL 4 RECORDINGS

MY MULTIMEDIA

RECORDINGS MEDIA

MY RECORDINGS

TV SERIES

Date VIDEOS MPEG Design MUSIC MP3 Info

MY GAMES

TEXT

Project

Project Client Document Date Design Info

DESCRIPTION OF PROGRAM PAGE ON SELECTED CHANNEL GAMES Page S.A. MiTV MY FAVORITES MY MULTIMEDIA NetGem MiTV Client 1 of 1 PREVIEW IMAGES PREVIEW Document MiTV Architecture IMAGES 06b

USER EXPERIENCE & WORKFLOW

Roig

NAME OF PROGRAM Page 5 of 11

R.PLAYALL-A A1.02.02

CHANNEL 5 FRIENDS

MiTV MY GAMES PREVIEW ARCADE

R.MY.x.V

NAME OF PROGRAM

UPCOMING PROGRAM TRAVELS

Page 2 of 6

MY FAVORITES

2003

Architecture MiTV Digital

CHANNEL 2 RECORDINGS Page 1 of 8

R.MY.5

CHANNEL 4 RECORDINGS

MiTV MY RECORDINGS PREVIEW JANUARY TEXTRECORDINGS DESCRIPTION FEBRUARY OF SELECTED

david@gomez-rosado.com

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

NAME OF PROGRAM

MY RECORDINGS PREVIEW FAMILY

R.MY.04

NAME OF PROGRAM RECORDINGS

R.MY.3

CHANNEL 3

MiTV

R.MY.2

NAME OF PROGRAM Page 2 of 6

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 importance as viewing. So is the true and diﬀerentiating nature of the MiTV receiver.

R.MY.2B

R.MY.1 MiTV MY CHANNELS PREVIEW CHANNEL1

MY CHANNELS

MY MULTIMEDIA

Vídeos grabados y otras programaciones han sido traídos al nivel superior del interfaz. Primero: Otorga énfasis a una funcionalidad que ha sido demostrada ser de gran interés al público general 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 RECORDINGS

MY GAMES

The Info button is now unnecessary, as the yellow one (representing the MiTV Info services provided by the character of Amalia) does the same function in a more intuitive and consistent manner.

MY CHANNELS

MiTV

R.MY

El botón de Info es ahora innecesario, pues el de color amarillo (representando los servicios de MiTV Info proveídos por el carácter de Amalia) realiza la misma función en una manera más intuitiva y consistente.

page 01 of 03

MiTV

SLIDE

PLAYING ALL

xxxxxx

PLAYING ALL OPTIONS

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

PAUSE/PLAY LOOP TOGGLE

DELETE

PLAYING ALL

Z.MAIL.1.1.V

SONG 1 - Sun Gets Down - Johnny’s Band

SONG 2 - All Night Long - Johnny’s Band

SONG 3 -Diesel Power - Johnny’s Band

PLAYING ALL

SONG 4 - Oh Babby, Oh Baby - Kenny H

PAGE ITEM

SONG 2 - All Night Long - Johnny’s Band

PLAYING ALL PAGE

PLAYING ALL OPTIONS

ITEM

PAUSE/PLAY LOOP TOGGLE

DELETE

SONG 2 - All Night Long - Johnny’s Band

PLAYING ALL PAGE ITEM

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

david@gomez-rosado.com

Project Client Document Date Design Info

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

MiTV Interface – MiTV Conecta

MiTV Interface – Home

MiTV Interface – MiTV Conecta Help

Interfaz MiTV – MiTV Conecta

Interfaz MiTV – Inicio

Interfaz MiTV – Ayuda de MiTV Conecta

MiTV Interface – Home Options Interfaz MiTV – Opciones de Inicio

OPCIONES

TV DIGITAL

page 03 of 08

Project Client Document Date Design Info

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

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

AYUDA

TV DIGITAL

CONECTA

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 identiﬁcados como centrados alrededor de la TV, y aquellos más duchos en la comunicación entre dispositivos (PCs, bluetooth, Wi-Fi, ADSL, etc).

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

page 05 of 08

Project Client Document Date Design Info

OPCIONES

AYUDA

CONECTA

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.

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

MiTV Interface – Email

MiTV Interface – Attach Content II

MiTV Interface – Attach Content I

Interfaz MiTV – Email

Interfaz MiTV – Añadir Contenido II

Interfaz MiTV – Añadir Contenido I

PEN DRIVE Ítem 5 de 25

Más

Navidades 2003 La Familia Casa Rural Picnic Tina Cumple

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 simpliﬁcado 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

Kiko y sus amigos

1. Uniﬁca 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 simpliﬁcados 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.

Semana Santa 2002

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

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 p a g e 0 1 1 o f 070

u x a r q u i te c t u r e

design direction

code

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.

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

mitv_interface.pdf

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

david@gomez-rosado.com

Project Client Document Date Design Info

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

MiTV Web – Recording Web MiTV – Grabación

MiTV Web – Sharing

Web MiTV – Imágenes

Web MiTV – Compartir

¡Son fotos buenísimas de mis actrices y actores preferidos! Conseguirlas fue sencillo, simplemente las saqué de la tele.

- ¿Cómo las consigo? - ¿Cómo las guardo? - ¿Cómo las envío por E-Mail?

FOTO

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

MiTV Web – Introduction

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

... Y en el partido del miércoles pude ver QUINCE VECES el gol de Ronaldo.

¡Hola! soy VERDI.

FOTO

¿Quieres saber cómo lo hice?

¡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 04 of 11

page 05 of 11

Project Client Document Date Design Info

¡Hola! Soy ZULA.

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.

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

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!

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

MiTV Web – Image Freeze

MiTV Web – Continuous Recording

MiTV Web – 30 Hours Recording

Web MiTV – Congelación de Imágen

Web MiTV – Grabación Continua

Web MiTV – Grabación de 30 Horas

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

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

FOTO

Web MiTV – Introducción

page 03 of 11

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.

FOTO

¡Hola! Soy ROIG.

Project Client Document Date Design Info

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

¡¡FLÍPALO ANDA!!

¡¡Grábale para que se vea!!

Menos mal que tengo MiTV, que si no...

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

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

MiTV Web – Images

¡Vamos!

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

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

¿Has visto las noticias de mediodía?

¡¡Ya no hay quien me discuta una jugada!!

¡Pero mamá! ¿Qué te pasa?

Con MiTV puedes grabar cualquier programa sin necesidad de andar buscando cintas de video o DVD-R.

... Simplemente CONGELA la imagen.

¡Además grabas emisión digital!

¿No te acuerdas de que ya tenemos MiTV?

... Y esta es sólo una ventaja de las muchas que ahora ofrece mi televisor.

¡¡Creo que ha salido el director general de mi empresa hablando de las mil y una maneras de pedir un aumento de sueldo!!

Con el sistema de grabación contínua de MiTV puedes:

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

TV digital

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.

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

page 02 of 11 page 06 of 11

page 11 of 11

page 10 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 p a g e 0 1 2 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 1 3 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 1 4 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 1 5 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 1 6 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 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 p a g e 0 1 7 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

comunycarse.zip

david@gomez-rosado.com

2003

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

LILLO-ROITH CONSULTANCY KNOWLEDGE MANAGER

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

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

Verdana Regualr

11x

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

page 01

4.75x 1.5x

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

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.

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

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 0.5x 4.5x

Official color palette

2.5x 0.5x

The selection of a green hue for its official negative background supports a perception of fresh ideas and innovative perspective.

0.5x 8x

The green implies growth, optimism, potential, promise.

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

Feugait duis nisl et augue, facilisis ut eros te augue ut wisi, consequatvel feugait eros ut velit.

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.

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?

detour from lineal thought

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.

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.

page 02 page 03

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 0

u x a r q u i te c t u r e

design direction

PORTFOLIO 1.0 code

i n te ra c t i o n

design

writing

gomez-rosado.com

lillo-roith.zip

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 p a g e 0 1 9 o f 070

u x a r q u i te c t u r e

design direction

PORTFOLIO 1.0 code

i n te ra c t i o n

design

writing

gomez-rosado.com tanqueray.zip

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 p a g e 0 2 0 o f 070

u x a r q u i te c t u r e

design direction

PORTFOLIO 1.0 code

i n te ra c t i o n

design

writing

gomez-rosado.com tanqueray.zip

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 p a g e 0 2 1 o f 070

u x a r q u i te c t u r e

design direction

PORTFOLIO 1.0 code

i n te ra c t i o n

design

writing

gomez-rosado.com tanqueray.zip

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 p a g e 0 2 2 o f 070

u x a r q u i te c t u r e

design direction

PORTFOLIO 1.0 code

i n te ra c t i o n

design

writing

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 p a g e 0 2 3 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 2 4 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 2 5 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 2 6 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 2 7 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

whitestone.zip

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 p a g e 0 2 8 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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.

11 pixels 40 pixels

18 pixels 11 pixels

1 pixel

1-pixel WHITE line is only required when color of swoosh banner differs from that of background.

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.

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

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 p a g e 0 2 9 o f 070

u x a r q u i te c t u r e

design direction

code

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

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

nike.zip

david@gomez-rosado.com

2001

nike_id

NIKE.COM GUIDELINES WEB, ECOMMERCE & CREATIVE GROUP ORG

crashandlearn

nikegoddess

Nike.com • Home page

somefeature

Nike.com • Feature

somesection

somefeature

Nike.com • 2nd. level feature

somesection somecategory somefeature

Nike.com • 3rd. level feature

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

User Experience guidelines, design and strategy for Nike.com and its U.S. Web store. Leading a team of 37 professionals p a g e 0 3 0 o f 070

Examples

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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

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 e r E x p e r i e n c e g u i delines, design and strategy for Nike.com a n d i t s U . S . W e b s tore. Leading a team of 37 professionals p a g e 0 3 1 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

nike.zip

漏 David G贸mez-Rosado. 1994-2007

david@gomez-rosado.com

2001

1 pixel

NIKE.COM GUIDELINES WEB, ECOMMERCE & CREATIVE GROUP ORG

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.

2 pixels

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 0

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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

headline

subhead

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

subhead

body

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

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 p a g e 0 3 3 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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

Site Basics

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

Store

Store Main, Shopping, My Account, Information r:255 g:102 b:0

Store Main, Shopping, My Account, Information r:102 g:102 b:102

Store Main, Shopping, My Account, Information r:255 g:153 b:51

Sport r:204 153 b:0

Sport r:255 g:255 b:153

Sport r:255 g:204 b:0

Men / Women / Kids r:51 g:153 b:255

Men / Women / Kids r:205 g:255 b:255

Men / Women / Kids r:51 g:153 b:255

Specialty r:102 g:153 b:51

Specialty r:204 g:255 b:153

Specialty r:102 g:153 b:51

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 p a g e 0 3 4 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

nike.zip

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

david@gomez-rosado.com

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.

2001

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

sample 1

ENTER

feature 1

ENTER

sample 1

store

ENTER

feature 2

ENTER

sample 2

BUY

sample 2

nike id

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.

NIKE.COM GUIDELINES WEB, ECOMMERCE & CREATIVE GROUP ORG

BUY

sample 1

BUY

sample 2

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

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

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 p a g e 0 3 5 o f 070

u x a r q u i te c t u r e

design direction

code

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

BUY

when necessary, modules can adopt a square layout

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

nike.zip

漏 David G贸mez-Rosado. 1994-2007

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES WEB, ECOMMERCE & CREATIVE GROUP ORG

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

40 pixels

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.

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

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

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 p a g e 0 3 6 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

nike.zip

david@gomez-rosado.com

2001

NIKE.COM GUIDELINES WEB, ECOMMERCE & CREATIVE GROUP ORG

buy it xpress!

CHECKOUT MY ACCOUNT

tech_lab

BUY IT XPRESS!

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 p a g e 0 3 7 o f 070

u x a r q u i te c t u r e

design direction

code

SHOPPING CART

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.

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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

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 p a g e 0 3 8 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

nike.zip

R = G = B =

51 153 255

R = G = B =

102 102 102

漏 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 p a g e 0 3 9 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 4 0 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

nike.zip

david@gomez-rosado.com

nike.com

2001

NIKE.COM GUIDELINES WEB, ECOMMERCE & CREATIVE GROUP ORG

NIKE.COM.CREATIVE

DAVID GÓMEZ-ROSADO CREATIVE DIRECTOR

FUTURE GROWTH

CONCEPT & CREATIVE STRATEGY

BARRY LOCKE

DANIEL GIFFORD

NECIA DALLAS

LISA MORGAN

MARK CAPALBO

NEW

PRODUCER

DESIGN DIRECTOR

ART DIRECTOR

SENIOR PRODUCER

EXECUTIVE PRODUCER

SENIOR PRODUCER

INFORMATION ARCHOYECT

ART DIRECTOR

CREATIVE LEAD

EXECUTION & DELIVERY NEIL WEBSTER

CHRIS ROWELL

JOAN OLBRANTZ

SENIOR COPYWRITER

PRODUCER

DESIGN lEAD

PRODUCTION & IMPLEMENTATION

ROM TOMS

DAVE KIMMEL

OLIVER ROCKOFF

BRIDGITTE KNADLER

LILI CHUA

STEPHANIE DERHAM

KRISTIN BODEN-MACKAY

NEW

DESIGNER

PRODUCT IMAGE COORD.

PRODUCT DATABASE ANL

COPYWRITER

SENIOR CREATIVE TECHNOLOGIST

DESIGNER

SCOTT WEEKS

NEW

JOE DONATO

SARAH LONGACRE

NEW

SUZANN UTKE

PATRICK MAES

NEW

PRODUCTION

DESIGNER

SAMPLE COORDINATOR

PRODUCT DATABASE ANL

COPYWRITER

WEB DEVELOPER

CREATIVE Q&A

DESIGNER

CREATIVE WRITING

CREATIVE TECH

CREATIVE TEAM

NEW E-COMMERCE PRODUCER

PRODUCT OPERATIONS

EXTERNAL RELATIONS

NIKE, Inc. IMAGE DESIGN

External relations with other groups at Nike.com will be done through the following gatekeepers:

NIKE.COM.CREATIVE DAVID GÓMEZ-ROSADO CREATIVE DIRECTOR

CREATIVE LEAD

NIKE.COM NIKE.COM.FINANCE

NIKE IMAGE DESIGN

NIKE.COM.MANAGEMENT

NIKE.COM.BRAND

NIKE.COM.MARKETING

NIKE.COM.MERCHANDISE

Blastradius

NIKE.COM.IT

Digex

Zendo Studios

Global Crossing

DAVID GÓMEZ-ROSADO

Proxicom Second Story

DANIEL GIFFORD

MARK CAPALBO

DESIGN DIRECTOR

EXECUTIVE PRODUCER

Loud Cloud

CREATIVE DIRECTOR

Wieden & Kennedy

General Interactive I/Pro

CONCEPT & CREATIVE STRATEGY

Lauren Karpo

nike.com

MANAGEMENT, FINANCE, BRAND

NetGenesis

FramFab

@Once BARRY LOCKE

Critical Mass

PRODUCER

Summit Projects Fram Fab

DANIEL GIFFORD

MOLLY WILLIAMS

DESIGN DIRECTOR

PRODUCER

NEW

PRODUCER

INFORMATION ARCHITECT

Cybersource

Vivid Studios

NEIL WEBSTER SENIOR COPYWRITER

JOAN OLBRANTZ

MARK CAPALBO

DESIGN lEAD

EXECUTIVE CREATIVE TECNOLOGIST

Red Sky Interactive

OneNine Interactive

NEW

ROM TOMS

COPYWRITER

EMedia Dreaming America Downstream Interactive

CREATIVE WRITING CHRIS ROWELL

Grey Matter CREATIVE AGENCIES

ASSISTANT PRODUCER

DESIGNER

DAN MANUSZAK

PRODUCTION

ATG

DAVE KIMMEL

CREATIVE DESIGN

PRODUCT OPERATIONS

TECHNOLOGY AGENCIES

Interwoven Digital Island Akamai Macromedia TECHNOLOGY AGENCIES

KRISTIN BODEN-MACKAY SENIOR CREATIVE TECHNOLOGIST

DESIGNER

SCOTT WEEKS

DAN MANUSZAK

NEW

PRODUCTION

CREATIVE WEBMASTER

CREATIVE PRODUCT

nike.com

NEW CREATIVE Q&A

CREATIVE TECH

INFORMATION TECHNOLOGY

RETAIL

NIKE.COM.CREATIVE

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 p a g e 0 4 1 o f 070

CREATIVE TECH

Fort Point Partners

CREATIVE TEAM

ROM TOMS

Vertax Akamai Technologies

CREATIVE WRITING

World Point

DAVE KIMMEL

SCOTT WEEKS

CREATIVE AGENCIES

Interworld

PRODUCTION & IMPLEMENTATION

CKS (USWeb) SF Interactive

Ask Jeeves UPS WWL

EXECUTION & DELIVERY

Red Sky Interactive Organic Online

Right Now Web Vicinitiy

CREATIVE LEAD

Attik

LISA MORGAN

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 4 2 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 4 4 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 4 5 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 4 6 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 4 7 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 4 8 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 4 9 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

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 p a g e 0 5 0 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

gomez-molina.pdf

david@gomez-rosado.com

Projecto Cliente Documento Fecha Diseño Info

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

Colores de Marca Oﬁcial - Emobla.com

Diseño de Identidad

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.

Construcción y Proporción 6,75x

y y

La identidad de Emobla apunta claramente a la industria en la que se mueve.

mientras enuncia nuevamente el negocio principal. Deja claro ambos la función y el mercado objetivo de la compañía.

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.

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.

El eslogan aﬁrma la correcta lectura del nombre y convierte el servicio en un verbo

Emobla = Amoblar + Económico + Electrónica + Emoción.

PANTONE 123 C

PANTONE 144 C

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

CMYK composición: 0% C, 48% M, 100% Y, 0% K

RGB composición: 255 R, 194 G, 17 B

RGB composición: 255 R, 133 G, 28 B

HEX composición (web): #FFC211

HEX composición (web): #FF8500

PANTONE 382 C

BLACK 20%

CMYK composición: 0% C, 29% M, 100%Y, 0% K

CMYK composición: 0% C, 0% M, 0%Y, 20% K

RGB composición: 181 R, 220 G, 16 B

RGB composición: 204 R, 204 G, 204 B

HEX composición (web): #B5DC10

HEX composición (web): #CCCCCC

30º y

página 01 de 06

1,94x

realidad

arquetipo abstracción

fusión

estilo

prototípo

página 04 de 06

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

60º

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

2y 0,25x

0,25x 0,25x

Colores de Marca Oﬁcial - 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.

PANTONE 382 C

PANTONE 376 C

CMYK composición: 0% C, 29% M, 100%Y, 0% K

CMYK composición: 50% C, 0% M, 100% Y, 0% K

RGB composición: 181 R, 220 G, 16 B

RGB composición: 127 R, 195 G, 28 B

HEX composición (web): #B5DC10

HEX composición (web): #7FC31C

PANTONE 123 C

BLACK 40%

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

CMYK composición: 0% C, 0% M, 0%Y, 40% K

RGB composición: 255 R, 194 G, 17 B

RGB composición: 153 R, 153 G, 153 B

HEX composición (web): #FFC211

HEX composición (web): #999999

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”, “conﬁado”, “sobrio”.

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 superﬁcies de la silla ayuda a hacer más legible la “M” intrínseca en su axonometría.

La “m” es substituida con un símbolo representativo de la industria.

Tipografía de Marca Oﬁcial

Versiones

emobla.com - 3 Colores

emobla.com - Grises

emobla.com - Blanco

emobla.com - Negro

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

emobla.com - 1 Color

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 u x a r q u i te c t u r e

design direction

code

Prueba Tipográﬁca (10 pt.)

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

Emobla Texto - Formata Regular

Prueba Tipográﬁca (10 pt.)

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

Emobla Web - Verdna Regular

Prueba Tipográﬁca (10 pt.)

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

página 06 de 06

página 03 de 06

p a g e 0 5 1 o f 070

emobla.net - 2 Colores

Emobla Título - BaseMono Wide Regular

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

emobla_brand.zip

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

xx.xx

ENGLISH SITE

E1.01 - Ergonomía y Salud:

xx.xx

ENGLISH SITE

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

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

E1.02 - Legalidad y Normativa:

G1.01

ENLACES EXTERNOS

C1.05.01.03 G1.01 .XX.XX

C1.05.02.01 G1.01 .XX

VARIOS PRODUCTOS

VARIAS SERIES

C1.05.02.02 G1.01 .XX

C1.05.02.01 G1.01 .XX.XX

C1.05.02.02

C1.05.02.02 G1.01 .XX.XX

VARIOS PRODUCTOS

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 u x a r q u i te c t u r e

design direction

code

B1.05.01

C1.05.01.02 .XX.XX G1.01

C1.05.02.01

VARIAS SERIES

C1.04.05.XX G1.01 .XX

VARIOS PRODUCTOS

C1.05.01.01 G1.01 .XX.XX

VARIOS PRODUCTOS

G1.01

C1.05.01.03 .XX

ELECTRIFICABLE

C1.05.01.02 G1.01 .XX

C1.05.02 G1.01 LIGERO

C1.05.01.01 G1.01 .XX

C1.05.01.03

VARIAS SERIES

G1.01 C1.04.05.XX

C1.05.01.02

VARIOS PRODUCTOS

Consejos de emobla sobre los productos que cumplen y combinan las diversas secciones anteriores.

C1.05.01.01

BIOMBO

G1.01 C1.04.05.XX

VARIAS SERIES

C1.04.04.XX G1.01 .XX

SALA DE ESPERA

VARIOS PRODUCTOS

C1.04.05 G1.01

C1.04.04.XX

VARIAS SERIES

C1.04.03.02 G1.01 .XX.XX

VARIOS PRODUCTOS

VARIAS SERIES

C1.04.05.XX G1.01 .XX

VARIOS PRODUCTOS

C1.04.04.XX G1.01 .XX

VARIOS PRODUCTOS

VARIAS SERIES

PERFIL OCULTO

C1.04.03.XX G1.01 .XX

G1.01 C1.04.05

C1.04.03.02 G1.01 .XX

C1.04.04

VARIAS SERIES

VARIOS

C1.04.04.XX G1.01

VARIAS SERIES

ENLACES EXTERNOS

VARIAS SERIES

ALUMINIO

C1.04.02.XX G1.01 .XX

G1.01 C1.04.04

C1.04.03.01 G1.01 .XX.XX

VARIOS PRODUCTOS

ERGONÓMICA

C1.04.03.XX G1.01

C1.04.03.01 G1.01 .XX

G1.01 C1.04.03.02

OPERATIVA RUEDAS

ZONAS COMUNES

MADERA

C1.04.01.XX G1.01 .XX

C1.04.02.XX G1.01 .XX

C1.04.03.01

VARIAS SERIES

VARIOS PRODUCTOS

VARIAS SERIES

C1.03.03.XX G1.01 .XX

VARIOS PRODUCTOS

X1 X3

G1.01 C1.04.03

C1.04.03 G1.01

VARIOS PRODUCTOS

CENICEROS

INFORMATICA

C1.04.02.XX G1.01

VARIAS SERIES

X3 VARIOS PRODUCTOS

OPERATIVA FIJA

C1.04.02 G1.01

PERCHEROS

C1.04.01.XX G1.01

C1.03.04.XX G1.01 .XX

VARIOS PRODUCTOS

C1.04.02.XX G1.01

OPERATIVA

G1.01 C1.03.03.XX

VARIAS SERIES

C1.04.02 G1.01

VARIOS PRODUCTOS

C1.03.02.XX G1.01 .XX

MÁMPARA

VARIAS SERIES

G1.01 C1.03.03

OPERATIVO

INSTALACIÓN

C1.03.02.XX G1.01

VARIAS SERIES

C1.04.01.XX G1.01

VARIOS PRODUCTOS

C1.03.01.XX G1.01 .XX

VARIAS SERIES

C1.03.02 G1.01

INSTALACIÓN

Igualmente, las noticias y las preguntas y respuestas podrán ser orientadas de manera diferente.

C1.03.01.XX G1.01

VARIAS SERIES

PAPELERAS

DIVISORIAS

G1.01 C1.05.01

DIRECCIÓN

C1.04.01 G1.01

G1.01

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.

COMPLEMENTOS

C1.04.01 G1.01

DIRECCIÓN

SILLERÍA

G1.01 C1.03.01

C1.05

MOBILIARIO

C1.04

SELLOS EXTERNOS

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:

B1.05.01

G1.01

ENLACES EXTERNOS

B1.05.01

OFIMÁTICA

X1 REFERENCIAS Lista de Clientes

G1.01

X1 REFERENCIAS Lista de Clientes

OFERTAS DE TRABAJO

(VENTAS,TÉCNICO)

NÚMEROS DE ATENCIÖN

(VENTAS,TÉCNICO)

KIT DE PRENSA

E1.03 - Decoración y Estetica: X1 PEDIDOS Y TOTAL

F3.04

X1 REFERENCIAS Lista de Clientes

AVISOS

CONSULTORÍA

G1.03 G1.01

NÚMEROS DE ATENCIÖN

(VENTAS,TÉCNICO)

Pondremos las Leyes (y pequeño resumen) tanto Europeas como nacionales que hacen referencia al mobiliario de oficina. Relacionadas con seguridad laboral… etc.

CARRITO DE COMPRA

G1.02 G1.01

NÚMEROS DE ATENCIÖN

AVISOS

G1.01

F2.04

EMOBLA OPINA

AVISOS

F1.04

DECORACIÓN Y ESTÉTICA

FORMULARIO DE CONTACTO

F3.03

PREGUNTAS Y RESPUESTAS

ASOCIADOS

F3.02

LEGALIDAD Y NORMATIVA

PREGUNTAS Y RESPUESTAS

F2.03

PREGUNTAS Y RESPUESTAS

F3.01

ERGONOMÍA Y SALUD

CONTACTO

F2.02

LEGALIDAD, PLAZOS, PAGOS

F2.01

X2 VARIOS PRODUCTOS

Mapa del Sitio automatizado 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).

p a g e 0 5 2 o f 070

ENGLISH SITE

xx.xx

ENGLISH SITE

xx.xx

ENGLISH SITE

Asesoramiento (E1):

xx.xx

ENGLISH SITE

xx.xx

xx.xx ENGLISH SITE

ENGLISH SITE

xx.xx

ENGLISH SITE

xx.xx

ENGLISH SITE

xx.xx

ENGLISH SITE

xx.xx

ENGLISH SITE

xx.xx

ENGLISH SITE

xx.xx

A3.04

A3.03

X1 RESULTADOS DE BÚSQUEDA

ENGLISH SITE

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

A2.04

A2.03

X1 RESULTADOS DE BÚSQUEDA

ENGLISH SITE

xx.xx

ENGLISH SITE

xx.xx

TEXTO LEGAL

xx.xx

X1 RESULTADOS DE BÚSQUEDA

A1.05

A1.04

A1.03

OFERTAS

C1.03

Herramienta de Búsqueda

Accesible con tres clics o más

ENGLISH SITE

X 1 AVISO LEGAL

CLIENTES

ASESORAMIENTO

E1.04

X1 CERTIFICADOS DE CALIDAD Y GARANTÍA

PROMOCIÓN

F1.03

FILOSOFÍA

CATÁLOGO (Tienda)

F1.02

Tres niveles de contenido personalizado a tres perfiles de usuario (Con posibles sub-variaciones).

Tres idiomas: Castellano, Catalán, Inglés

Accesible con dos clic

MAPA

F1.01

QUIENES SOMOS e HISTORIA

E1.03

Formulario para petición de información

Accesible con un solo clic

MAPA

E1.02

Sección de apoyo al cliente

Clics Necesarios: X2

A2.06

Gestor de contenidos con acceso por Web privado

A1.01

EMPRESA (Info sobre Emobla)

Rápido acceso gracias a menús desplegables: 80 % de los contenidos en un solo clic, 20 % en dos clics o más

B1.04.01

Alternativa a Página

BÚSQUEDA

E1.01

Enlace a Página

X1 ANUNCIOS (3 ENLACES EXTERNOS)

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)

G1.01 D1.XX

Acceso Seguro

E-MAIL

MAPA

B1.04

Ítems de Descarga

A1.01

X1 ANUNCIOS (3 ENLACES EXTERNOS)

B1.03

Página de Texto

SITIO MAPA

DELEGACIONES (Mapa y Dirección)

Herramientas de Navegación

CATALÁ

Colaborador: Clientes de Emobla, consultores, comerciales, proveedores

Características Notables

Símbolos:

ENGLISH SITE

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.

C1.02

Páginas de acceso Administrador (Parte del gestor de contenidos a desarrollar posteriormente. Con diversos grados)

SELLOS EXTERNOS

G1.01 D1

CONTACTO

C1.01

Páginas de acceso Colaborador (Comerciales, Publicista, Empleados)

ENGLISH SITE

INICIO Bienvenida CLIENTE

B1.02

Páginas de acceso Cliente (Con diversos grados)

B1.01

ENGLISH SITE

Público: Visitantes que entran a la página por primera vez y demás usuarios sin privilegios especiales.

Páginas de acceso Público (Sin uso de clave y nombre)

ENGLISH

A1.06

Niveles de Acceso

El nivel superior incluye siempre los de nivel inferior.

INICIO Bienvenida COLABORADOR

La utilización de ornamento y animación innecesaria ha sido evitada respetando esta filosofía.

INICIO Bienvenida PÚBLICO

Los tres niveles de Acceso se definen en tres perfiles de usuario:

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.

Árbol de Contenidos propuesto para Emobla.com

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

emobla_tree.pdf

david@gomez-rosado.com

2003 Proyecto Cliente Documento Fecha Diseño Info

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.

INICIO Bienvenida PÚBLICO

EMOBLA MARKET RESEARCH, BRAND & UX

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.

Language:

Búsqueda

Usuario

Registrate gratiis

EMPRESA

La silla más cómoda

CATÁLOGO

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.

PROMOCIÓN

ASESORAMIENTO

CLIENTES

CONTACTO ASOCIADOS

9 10

VER CARRITO

Compra 1 Mesa Blair € 125 4 Cajones € 245

Illum euismod augue ... et praesent

2 particiones €300 Subtotal:

€1.400

COMPRAR

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.

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

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

VER

CORREO

MAPA SITIO

Llámanos al 902 100 065

Clave

¿Olvidaste tu clave?

6 Estás en: Inicio

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.

Castellano

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

RECOMENDAMOS NUESTROS SOCIOS:

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

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.

CREDITBANK EL BANCO PARA PYME

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

WEB DISEÑO INTERFAZ PUBLICIDAD

VER

AVISO LEGAL

texto legal texto legal texto legal

13 texto legal texto legal texto legal 14

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.

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”

página 01 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 p a g e 0 5 3 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com emobla_ux.pdf

david@gomez-rosado.com

2003 Proyecto Cliente Documento Fecha Diseño Info

Emobla Web – Arquitectura 03 – Nivel 5 Página de Colección propuesto para emobla.com

INICIO Bienvenida PÚBLICO

X1 CATÁLOGO (Tienda)

5 C1.01

X1 OFERTAS

LEGALIDAD, PLAZOS, PAGOS

C1.02

C1.03

X1 MOBILIARIO

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:

C1.04

SILLERÍA

EMPRESA

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

CLIENTES CONTACTO ASOCIADOS VER CARRITO Compra 1 Mesa Blair € 125 4 Cajones € 245

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

Subtotal:

€1.400 COMPRAR

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

VER

MAPA SITIO

AVISO LEGAL

Usuario

Imprimir

La silla más cómoda

Subtotal:

€1.400 COMPRAR

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

Lobortis in vel 400 €

Tincidunt volutpat 175 €

Crisare nulla 150 € Lobortis in vel 225€ Tincidunt volutpat 315 €

VER

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

VER

MAPA SITIO

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

VER

AVISO LEGAL

design direction

code

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

página 02 de 04

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

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 u x a r q u i te c t u r e

Productos

Crisare nulla 320 €

CORREO

p a g e 0 5 4 o f 070

Tincidunt volutpat 150 €

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 particiones €300

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)

Clave

¿Olvidaste tu clave?

Colección Genérix

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

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

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.

Llámanos al 902 100 065 Registrate gratiis

CATÁLOGO

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

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

Castellano

1 Mesa Blair € 125

VARIOS PRODUCTOS

Búsqueda

4 Cajones € 245

Productos

CORREO

Compra

VER

ASOCIADOS

C1.03.04.XX G1.01 .XX

COMPLEMENTOS

C1.04

2 particiones €300

CONTACTO

G1.01 C1.04.01.XX

VARIAS SERIES

Imprimir

La silla más cómoda 4

PROMOCIÓN ASESORAMIENTO

Language:

Colección Genérix

CATÁLOGO

VER CARRITO X2

Clave

¿Olvidaste tu clave?

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

ASESORAMIENTO

G1.01 C1.04.01

DIRECCIÓN

Usuario

Registrate gratiis

CLIENTES X1

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

Llámanos al 902 100 065

Castellano

Búsqueda

PROMOCIÓN X1

EMOBLA MARKET RESEARCH, BRAND & UX

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

emobla_ux.pdf

david@gomez-rosado.com

2003 Proyecto Cliente Documento Fecha Diseño Info

Emobla Web – Arquitectura 03 – Nivel 6 Página de Producto propuesto para emobla.com

INICIO Bienvenida PÚBLICO

X1 CATÁLOGO (Tienda)

5 C1.01

X1 OFERTAS

LEGALIDAD, PLAZOS, PAGOS

C1.02

C1.03

X1 MOBILIARIO

6 C1.04

X1 SILLERÍA

G1.01 C1.04.01

X1 DIRECCIÓN

VARIAS SERIES

X3 VARIOS PRODUCTOS

C1.03.04.XX G1.01 .XX

COMPLEMENTOS

C1.04

G1.01 C1.04.01.XX

EMOBLA MARKET RESEARCH, BRAND & UX

Language:

Silla Genérix Cantidad

PROMOCIÓN ASESORAMIENTO CLIENTES

Enviar

Cuero

ASOCIADOS VER CARRITO Compra

Precio: 200 € Euros

1 Mesa Blair € 125

Añadir al Carrito

4 Cajones € 245

Referencia:

Tamaño:

Subtotal:

€1.400

20"(W) x 22 1/2"-24 1/2"(D) x 56 1/2"(H)

COMPRAR

CORREO

Language:

AVISO LEGAL

Usuario

Registrate gratiis

EMPRESA

PROMOCIÓN ASESORAMIENTO CLIENTES CONTACTO ASOCIADOS VER CARRITO

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

Silla Genérix

Enviar

ofertas

Cantidad: 4 legalidad, plazos

Color mobiliario Azul

sillería

Clave

¿Olvidaste tu clave?

Material complementos Cuero

divisorias

Precio: 200 € Euros

instalación operativa ergonomica

sala de espera

Añadir al Carrito

Número: GX-00234-2005

Favorito

Imprimir

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 sambaduis lobortis euismod odio? Duis, crisare noblemira nulla est. torx

dirección

u x a r q u i te c t u r e

design direction

code

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.

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

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

Aumentar 1

Tincidunt volutpat Lobortis in vel Crisare nulla

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 p a g e 0 5 5 o f 070

Cuatro imágenes de detalles aumentados del producto serán mostrados con numeración de su posición en la foto integra del producto.

VER

La silla más cómoda

VER

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

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

CATÁLOGO

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

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

Llámanos al 902 100 065

Castellano

COMPLEMENTARIOS

VER

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

MAPA SITIO

Búsqueda

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

GX-00234-2005

2 particiones €300

Imprimir

8 Feugait, sciurus ad10

Azul

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

¿Olvidaste tu clave?

La silla más cómoda

Color

Clave

Favorito

Material

CONTACTO

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.

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.

Registrate gratiis

CATÁLOGO

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

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.

Usuario

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

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.

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

Llámanos al 902 100 065

Castellano

Búsqueda

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

página 03 de 04

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com emobla_ux.pdf

david@gomez-rosado.com

2003 Proyecto Cliente Documento Fecha Diseño Info

Emobla Web – Arquitectura 03 – Nivel 5 Página de Resultados de Búsqueda propuesto para emobla.com

INICIO Bienvenida PÚBLICO

CATÁLOGO (Tienda) BÚSQUEDA X1

C1.01 A1.04

X1 RESULTADOS OFERTAS DE BÚSQUEDA

EMOBLA MARKET RESEARCH, BRAND & UX

Language:

El nombre de “Resultados de Búsqueda” es siempre seguido del número de coincidencias que son presentados en detalle más abajo.

Llámanos al 902 100 065

Castellano

Usuario

Silla de oficina Búsqueda

Estás en: Inicio > Búsqueda

Registrate gratiis

Resultados de Búsqueda

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.

VER CARRITO

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

Imprimir

(25 coincidencias)

Descripción

Colección

Tincidunt volutpat 150 €

ostrud dolore diam tation facilisi in duis minim amet

torx

Crisare nulla 320 €

augue ut veniam, aliquip molestie delenit nulla at

torx

Lobortis in vel 400 €

dolore ullamcorper aliquip duis iriuredolor autem duis

ultraden

Tincidunt volutpat 175 €

lorem praesent, feugait accumsan facilisis. Odio eu

generix

Crisare nulla 150 €

volutpat, molestie blandit commodo facilisi nulla

generix

Lobortis in vel 225€

tation, sciurus consequat veniam? Dolore, iriure nisl

generix

Tincidunt volutpat 315 €

enim hendrerit consequat, suscipit autem laoreet

samba

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

Compra

Crisare nulla 150 €

sciurus, quis lorem ex ad duis. Laoreet amet quis

noblemira

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.

Subtotal:

Lobortis in vel 758€

luptatum consequat praesent sit, diam dolore ex

noblemira

COMPRAR

Tincidunt volutpat 576 €

nostrud, autem feugiat ut tation iriure et dolor et,

noblemira

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

€1.400

CORREO

MAPA SITIO

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.

¿Olvidaste tu clave?

Producto

Clave

AVISO LEGAL

RECOMENDADOS

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

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

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

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

página 04 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 p a g e 056 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com emobla_ux.pdf

david@gomez-rosado.com

2003

DOE

EMOBLA MARKET RESEARCH, BRAND & UX

fabricante

SAMPLE BILL • MONTHLY STATEMENT Account Name: Billing Date: Billing Period: Rate Plan: USER

08/01/99 08/03/99 08/06/99 08/06/99 08/11/99 08/23/99

Mary Smith

08/01/99 08/03/99 08/06/99 08/06/99 08/11/99 08/23/99

Sue Smith

cliente

DATE

John Smith

08/01/99 08/03/99 08/06/99 08/06/99 08/11/99 08/23/99

John Smith Statement 365 West Passaic Street Rochelle Park, NJ 07662 ACCOUNT: 9236000023

John Smith August 26 1999 July 24, 1999 - August 23, 1999 Standard 150 Free Hours TIME

MINUTES

KBYTES

03:45 PM 05:21 PM 05:15 PM 02:54 PM 09:13 PM 05:10 PM

10 5 15 10 5 10

2070 545 12560 1655 250 3400

SUBTOTAL

$ TIME

$ USAGE

TOTAL

$0.10 $0.05 $0.15 $0.10 $0.05 $0.10

$0.20 $0.15 $0.25 $0.20 $0.15 $0.20

$0.10 $0.05 $0.15 $0.10 $0.25 $0.10

20480

$0.55

$1.15

$1.70

03:45 PM 05:21 PM 05:15 PM 02:54 PM 09:13 PM 05:10 PM

10 5 15 10 5 10

2070 545 12560 1655 250 3400

$0.10 $0.05 $0.15 $0.10 $0.05 $0.10

$0.20 $0.15 $0.25 $0.20 $0.15 $0.20

SUBTOTAL

20480

$0.55

$1.15

03:45 PM 05:21 PM 05:15 PM 02:54 PM 09:13 PM 05:10 PM

10 5 15 10 5 10

2070 545 12560 1655 250 3400

$0.10 $0.05 $0.15 $0.10 $0.05 $0.10

$0.20 $0.15 $0.25 $0.20 $0.15 $0.20

$0.55

SUBTOTAL

20480

TOTAL

165 min

61440 Kb

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

$1.65

$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.15

$1.70

$3.45

$5.10

$05.10 $19.95 $05.10 $00.00 $19.95

emobla

factura compra comunicación

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

venta

OFERTA:

599 Euros

compra

599 Euros

vía teléfono ó Web

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 p a g e 057 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

emobla_plan.pdf

david@gomez-rosado.com

2003

GESAB UX, WEB CATALOG & CMS

Projecto Cliente Documento Fecha Diseño Info

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

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.

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.

página 01 de 04

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.

INICIO Bienvenida PUBLICO

3 4

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.

u x a r q u i te c t u r e

code

PROMOCIONES

gesab.es EMPRESA

CONFIGURADORES

Usuario

PRODUCTOS

Clave PROMOCIONES

CLIENTES

2 NOTICIAS

CONTACTO

Mensaje Promocional

Destacados

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

11.02.05 Hendrerit eu ea enim lobortis nibh accumsan odio illum enim vel. Minim blandit minim crisare.

aliquip esse nostrud. 400 x 200 cm

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

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

Tincidunt quis vel et aliquam dolore blandit dolore 5

Búsqueda

E-MAIL

MAPA SITIO

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.

AVISO LEGAL

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

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.

aliquip esse nostrud. 400 x 200 cm

Mensaje Promocional

English CONFIGURADORES

Estás en: Inicio

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

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.

design direction

EMPRESA

PRODUCTOS

NOTICIAS

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

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.

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 p a g e 0 5 8 o f 070

English

CONTACTO

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.

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.

Usuario

Clave

CLIENTES

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

gesab.es

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.

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.

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”

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

Tation nibh velit at

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

gesab_ux.pdf

david@gomez-rosado.com

2003 Projecto Cliente Documento Fecha Diseño Info

Gesab Gesab Web – Arquitectura 01 – Nivel 2

NOTICIAS

CONTACTO

GESAB, S.A

GESAB Internacional GESAB, (GB) Ltd.

3 DIRECCiÓN

CONTACTOS

CONFIGURADORES

GESAB PORTUGAL GESAB BENELUX, S.A GESAB DEUTSCHLAND

Porvenir, 68 08450 Llinars del Vallès Barcelona Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52

GmbH

info@gesabgroup.com www.gesabgroup.com

Tincidunt quis vel et aliquam dolore blandit ullamcorper,

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

AVISO LEGAL

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

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

COMO LLEGAR

DIRECCÏON

u x a r q u i te c t u r e

design direction

code

ESTEBAN TERRADAS

NUÑEZ MORGADO RAFAEL HERRERA

CALL

M ESTEBANDE PLAZA TERRADAS

CASTILLA

IA INURR TEO E MA

COMO LLEGAR

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

CA LL

CONTACTOS

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 p a g e 0 5 9 o f 070

XÁ

ELLANA

Relaciones Públicas Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 publico@gesabgroup.com

IDA DE LA CAS T

Soporte Técnico Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 soporte@gesabgroup.com

AVEN

Recursos Humanos +34 902 113 187 +34 915 345 064 Fax: +34 915 353 720 trabajos@gesabgroup.com

METRO RENFE

L ERA EL GENPOZAS EZ LÓP

Ventas Tel. +34 902 113 187 +34 915 345 064 Fax: +34 915 353 720 ventas@gesabgroup.com

PARKING

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

ETA LARR QUE

Soporte al Cliente Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 soporte@gesabgroup.com

P M

I ENR

Oficina Tel.: +34 902 113 186 +34 93 842 70 50 Fax: +34 93 842 70 52 info@gesabgroup.com

B1.02.02

CONTACTOS

B1.02.02

página 02 de 04

CONTACTOS

GESAB, S.A

DE LA HIED RA

CONTACTOS

DIRECCÏON

CALLE DE RODRÍGUEZ JAÉN

MAPA SITIO

CALLE

E-MAIL

Búsqueda

ÍN

La foto mostrará una imagen del edificio principal de la delegación seleccionada.

Albasanz, 71 28037 Madrid Tel. +34 902 113 187 +34 915 345 064 Fax: +34 915 353 720

MANUEL FEERO

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.

5 COMO LLEGAR GESAB, S.A

GESAB FRANCE, SARL

English CLIENTES

ELLAN A

B1.05

CERTIFICADOS DE CALIDAD Y MEDIO AMBIENTE

B1.04

FILOSOFÍA

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

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.

B1.03

HISTORIA

B1.02

DELEGACIONES (Mapa y Dirección)

Clave PROMOCIONES

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

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.

4 B1.01

QUIENES SOMOS

Usuario PRODUCTOS

EMPRESA (Info sobre Gesab)

EMPRESA

gesab.es

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.

DE LA CAST

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.

DIRECCIÓN

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

B1.02.01

Página de Delegaciones propuesta para gesab.es La página dedicada a las delegaciones ganará nuevas funcionalidades.

GESAB UX, WEB CATALOG & CMS

AVEN IDA

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

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

gesab_ux.pdf

david@gomez-rosado.com

2003 Projecto Cliente Documento Fecha Diseño Info

Gesab Gesab Web – Arquitectura 01 – Nivel 4

PRODUCTOS

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.

PRODUCTOS

MANUAL TÉCNICO

LISTA DE PRECIOS

C2.01.02

MANUAL TÉCNICO

C2.02.01

C2.03.02

LISTA DE PRECIOS

C2.03.01

C1.03

MANUAL TÉCNICO

C2.02.02

LISTA DE PRECIOS

CONSOLES

C2.01.01

C1.02

ENCLOSURES

C1.01

MOBILIARIO TÉCNICO

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:

GESAB UX, WEB CATALOG & CMS

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.

gesab.es EMPRESA

Usuario

Clave

PRODUCTOS

English

PROMOCIONES

CLIENTES

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.

CONTACTO

CONFIGURADORES

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

Nombre del Producto

3 DISEÑO

Salas de Informática 2

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

Redes Oficinas Check Points

MANUAL

PRECIOS

Á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”.

LAN - WAN - BAN Industria

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

NOTICIAS

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

Tincidunt quis vel et aliquam dolore blandit dolore ullamcorper, E-MAIL

Búsqueda

gesab.es 6

EMPRESA

Usuario PRODUCTOS

MAPA SITIO

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

AVISO LEGAL

Clave

English

PROMOCIONES

CLIENTES

NOTICIAS

CONTACTO

CONFIGURADORES

Mobiliario Técnico

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

EGLON Acunet

Cónsolas

EGLON Enclosed

Nombre del Producto KVM Switches Cajas de Seguridad

augue dolor facilisi et dolore vel. Catálogos Configurador Velit duis hendrerit et tincidunt illum

DISEÑO

EGLON Rack Lan EGLON Cabling

MANUAL Salas de Informática

Á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”. Industria

Unión entre bastidores La posibilidad que ofrece RACK LAN de emplazar el

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 p a g e 0 6 0 o f 070

u x a r q u i te c t u r e

design direction

code

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

gesab_ux.pdf

david@gomez-rosado.com

2003 Projecto Cliente Documento Fecha Diseño Info

Gesab Gesab Web – Arquitectura 01 – Nivel 2

PRESS RELEASES

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

NOTICIAS

F1.01

PRESS RELEASES

F1.01.XX

PDFs

F1.03

KIT DE PRENSA

F1.02

CALENDARIO DE EVENTOS

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.

gesab.es EMPRESA

Clave

English

PROMOCIONES

CLIENTES

NOTICIAS

CONTACTO

General

Compañía Expos

AVISOS

EVENTOS

Ofertas Lanzamientos Prensa

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.

E-MAIL

Búsqueda

MAPA SITIO

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

AVISO LEGAL

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

AVISOS

EVENTOS

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

PRENSA

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.

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.

RSS

code

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.

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.

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.

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.

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.

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

KIT DE PRENSA

F1.03

design direction

PRENSA

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.

Tincidunt quis vel et aliquam dolore blandit ullamcorper,

F1.02

u x a r q u i te c t u r e

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

Productos

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 p a g e 0 6 1 o f 070

CONFIGURADORES

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.

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.

CALENDARIO DE EVENTOS

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

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

página 03 de 04

Usuario PRODUCTOS

Estás en: Inicio > Noticias > Avisos

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.

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.

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

F1.01

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.

GESAB UX, WEB CATALOG & CMS

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

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

gesab_ux.pdf

david@gomez-rosado.com

2003

LOBE BUSINESS STRATEGY, IDENTITY

0.75 X

9.5 X

45º 11º

11º 14 X

15.5 X

5X 11º

3.5 X 11º 0.75 X 0.5 X

0.5 X

13.75 X 23 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

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

lobe.pdf

david@gomez-rosado.com

2008

Cont Con ex ractor Contr extetractorte2rnal 3 rnalUI DESIG externacto r N 1 > alUI DESIG Interfac

PART 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>hyProd uctio als ogra > n > Visu phyProd uctio al n > Prod s uctio n

UI De Jarre signer d Teb o UI DES

UI De Chris signer toph er Ba UI DES k > Inte IGN rf > Icon ace og > Visu raphy al > Prod s uction

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

rod gn P Desi

ce N > Ic > Int UI DES onog er f > Inte IGN > Icon ace > Visu raphy al o rf > Icon ace > Visu grap>hPyrod s al uctio og n > Visu rap>hyProd s u al ction > Prod s uctio n

ing ourc Outs

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

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

Age Age ex ncy 3 Agen extency 2 ternal externcy U1 rnaU>l I DESIGN al I DESIG Interfa

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

n uctio

DICT IONA RY

Inter Inte ex n 3 Intern extern 2 ternal extern 1 U rnalU> II DESIGN nterf al I DESIG ac

e N > Ic > Int UI DES onog er f > Inte IGN > Icon ace > Visua raphy ls o rf > Icon ace > Visu grap>hyProd uctio als ogra > n > Visu phyProd uctio al n > Prod s uctio n

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

Desig Conran Directo r d Ch u UI DES

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 orkﬂow e > UX Guide Qualit y

gn Desi itecture h c r A VP, U Davidser Experi Góm ence ez-Ro ARCH ITECTU sad >U RE X St > Gui rategy d > Man elines > Foreagement castin g

ASK.COM DESIGN MANAGEMENT, PRODUCT & UX

Visua to be l Designe r hired

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

Art D Dian irector a Furk a ART D

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

lD Visua

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

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

esign Rem

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 processes, 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 sample of such. page 063 of 070

u x a r q u i te c t u r e

design direction

code

ote

Direct or of

to be

hired Analysis

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

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

ask.zip

i nalys UX A

26.0

4.11%

26.0

4.11%

Training Training

20.0

3.16%

Ask News Ask News

19.0

3.00%

Site SA’sSA’s Site

15.0

2.37%

14.0 Kids Symantec Integration Symantec Integration14.0 Currency SA’s SA’s 13.0 Currency Ask.com Site Updates Ask.com Site Updates12.5 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 Icons 7.0 Ask OpenID 5.5 OpenID Ask Today Page Page 2.5 Ask Today Ask Insight 1.0 Ask Insight People Ask Search Brand Positioning0.0 Ask Limited DeploysDeploys 0.0 Ask Limited Right Rail Exploration Compete Integration 0.0 Compete Integration 0.0 People Search Ask Brand Rail Positioning Right Exploration 0.0

2.21%

Project

Percentage

Ask for Kids Ask for

Hours

2.21% 2.06% 1.98% 1.58% 1.42% 1.42% 1.42%

Site 38% Marketing & PR 6%

1.11% 0.87% 0.40% 0.16% 0.00% 0.00% 0.00%

UX Infrastructure 26% Smart Answers 4%

0.00% 0.00%

Verticals 26%

Hours

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 D. Wilkinson

Marketing & PR

Hours

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

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

ask.zip

PSA

Planning Planning

C. Barker

Ask.com PSA Ask.com

Verticals

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

4.27%

4.35%

Pages27.0

Ask.com Home Home Pages Ask.com

5.06%

27.5

UX Library Ask.com PSA People Search Ask Today Page Ask for iPhone Ask Skins Ask.com Site Updates

32.0

Ask Skins Ask Skins

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

(page 3 of 4 )

Legend

Ask for iPhone Ask for iPhone

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

Document: ux_biweekly_feb_22_08a.pdf Version: a Date: February 22, 2008 Author: UX Design Group

Management/Admin Ask City Ask.com Home Pages Ask for Kids Symantec Integration Ask.com About Ask Insight OpenID

6.17%

Ask News Compete Integration Site SA’s Ask Site Icons Currency SA’s Ask4D Training Right Rail Exploration

39.0

M. Ferguson C. Tartaglia D. Wilkinson

135

6.88%

Bloglines Bloglines

R. Diaz D. Gómez-Rosado Shane & Peter

120

7.98%

43.5

C. Chu D. Furka B. Christensen

Project: UX Design Group Biweekly Report

UX Team Project Distribution

105

50.5

Toppo Toppo

2008

Ask CityCity Ask

C. Barker J. Fong J. Tebo

14.55%

Biweekly Feb 11- Feb 22

(page 2 of 4 )

Legend

UX Resources on Projects

17.15%

Document: ux_biweekly_feb_22_08a.pdf Version: a Date: February 22, 2008 Author: UX Design Group

108.5

Management/Admin 92.0 Management/Admin

ASK.COM DESIGN MANAGEMENT, PRODUCT & UX

Project: UX Design Group Biweekly Report

2008 Hours + %

UX Project Allocations Ask4D Ask4D

(page 1 of 4 )

2008

Biweekly Feb 11- Feb 22

Project: UX Design Group Biweekly Report Document: ux_biweekly_feb_22_08a.pdf Version: a Date: February 22, 2008 Author: UX Design Group

2008

Biweekly Feb 11- Feb 22

david@gomez-rosado.com

Ask UX Design Timeline

david@gomez-rosado.com

2008

ASK.COM DESIGN MANAGEMENT, PRODUCT & UX

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

2008

Full Project

Timeline, Phases, Milestones, Roles & Deliverables

Set Project Wiki

Team Leads Assignment

Comparative Analysis

1d 1d

Informative Tech Specs

Project Objectives

UX Definition

Project Manager 1d

Program Manager

Design Director; Project Manager

Project Proposal

Project Requierements

Project Manager

Program Manager

Timeline

Project Manager

Task List

Functional Requierements

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

Project Manager

2 days 2 days

Deﬁnition ﬁnished

User Goals/Scenarios

UX Research Contract

Project File available at:

Project Manager

Content Requierements

Project Manager

Contact:

Project Manager

2 days

1 week ? Respondent Recruitment

Test Plan Development

ux@ask.com

Design Director; Project Manager; UX Analyst

Design Manager 1 week

UX Research

UX Analyst; UX Research Consulting

1 week

UX Analyst; UX Research Consulting

Session 1

Session 2

Data Collection & Analysis

UX Analyst; UX Research Consulting

4.5 days

Presentation of Findings

User Interface

Site Map

Wireframe Dev

UX Analyst; UX Research Consulting

UX Analyst; Design Director; Design Manager; Project Manager

UX Architecture 3 days

3 days ?

Validation/Approval

Design Director; Project Manager

Reﬁne User Wireframes

Design Director; UI Designer 4 days ?

Final User Wireframes Approved

UI Designer; Design Manager

Admin Tool (Optional) Requirements

Wireframe Dev

Project Manager; Design Manager Project Manager; Design Manager

3 days ?

Validation

Reﬁne WireFrames

UI Designer 2 days ?

Final Admin Wireframes Approved

Leyend

Project Manager

UI Designer

Project Manager; Design Manager

User Interface

Customer-Facing UI

Project Manager Ownership

UX Design 4 days ?

UI Designer

Review UI

Design Director; Design Manager; Project Manager

Reﬁne UI

4 days ?

UI Designer

Review Reﬁnements

User Experience Ownership

Design Manager; Project Manager; UI Designer

UI Tweaks

UX Usability Contract

Recommended Process

2 days ?

UI Designer

Review Tweaks

Design Manager; Project Manager

1 week ?

Design Manager

User Recruitment

Test Plan Development

Additional Process

1 week ?

UX Analyst; UX Usability Consulting

1 week ?

Session 1

Session 2

Data Collection & Analysis

UX Analyst; UX Usability Consulting

4.5 days ?

Presentation of Findings

Finalize UI

Admin Tool

Admin-Facing UI

3 days ?

Reﬁne Admin UI

2 days ?

Review Logo

Reﬁne Logo. Explore Color Palette

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

UI Designer

UI Designer; Project Manager; Design Manager

1.8 weeks ?

UI Designer

Project Manager; UI Designer

3 days ?

Approve Admin UI

Speciﬁcations Admin UI

Logo/Name

UX Analyst; UX Usability Consulting

3 days ?

Speciﬁcations UI

Review Admin UI

UX Brand

UX Usability

UX Analyst; UX Usability Consulting

UI Designer

Project Manager; UI Designer

4 days ?

UI Designer

Art Director

Design Director; Art Director

3 days ?

Review Reﬁnements

Art Director

Logo/Color Tweaks

Art Director; Design Director

2 days ?

Review Tweaks

Finalize Logo/Color Palette

Art Director

Art Director; Design Director

2 days ?

Approve Brand

Implementing Brand

Art Director Art Director; Design Director

3 days ?

Art Director

Implementation Assets

2 weeks ?

UX QA

Dev Lead; UI Designer 1 week ?

UX Maintenance

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

UX Release Dev Lead; UI Designer

Dev Lead; UI Designer 2 weeks ?

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

ask.zip

Je n

rso

ye ars

rso

old

david@gomez-rosado.com

2008

Lyn n rs

nif

na A

Pr e Int dom ern in et ant Us e

ASK.COM DESIGN MANAGEMENT, PRODUCT & UX

Pro

on a

Pr e Do jec Int dom ye ern in Pa cum t: A a g e s et ant r kP so Da e: 1 nt: Us a ld ers e Au te: M of 2 naly tho ar tic on Ed s c r: A h 2 _p a s Le ucat ers 1 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 u 03 bS wo we p f te edolle .pd b t c r uc ge a k , h Wo tus sho s, f do -s G r es av ad ate pp co b rk

Pe rs

Gr eg

Pe rso na

Pro

Do jec ye Pa cum t: A ars sk Da ge: 1 ent: P old an t o e e Au : M f 2 aly r s tho ar tic on Ed s_p r: A ch 2 a 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 u lS bS p y t f ea Pr at t a r e us Pa s, tus a d o : r m lth m S 1 t e

rso

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

Pro

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 A 0 l 8 n as_ al aly gre tic sG g_ 01 rou Jo .pd bS p f t a Wo tus 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 & t i e v hl Wa er d Fir sh sity efo ights in o x

ho Le wo me (ca vel rk C it n u of te edolle wo se g u c an h Au ca e d s rks, web -sa tim Ed burn ted Te ed 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 h a b ati , de df in tim ysic ing fort esn’ ess on , ha lees ile d Don nt I rn ok ble der ss: rs/ L kid a fte ica D gr o r a n t a n l , lin e t al ) M : w o sa n i s s e e l cc ee ea t ow do sS ev s ne ble un ke we veth . te ly: sk wi tan ed m M o d ly: o w k i c i Se r e l t e ce toa be , h es eaer hm gir in un Ge ho d t i ne e. pinPhek) oafn wi der diu H o a In co as sne’t rce eres Wor op lfri for p lot H tin or ignhli howum ( th ys sta m tiguh t mu arc g s n k o e a a h P P m a en a g a g c yth ve ffic ica on h ch em C t h sleig n rw lnige s it can we s ouC & ia d to ch ( be lin d h & om :hWt -s ing rag Pa lesp ing a ionnclsui choerks beh e, lly htksil a ek t pic i S AN A ANF a e e d h I I o a l m s a b lik :R . E e E . ls ea vv rso inf deer pe vi ork bu e s w bo av y he s N B B p gt s e k aA a a o o do er t a ha oA oo in s s uns (a rch ills nn f , t aedd r d on f m , n AL n r o i : e d d i e inf lp, a prim ut 8 ior: tte pe b ng kYR mo k rec L no LilY no d C teorr hin vic ay ,M ,g do s o y f YT b r s r u o R n d a D s , t w e om an Gu e ae es – :H schhe es gs re t dt ath en , o vic rily ea mo omm TeIaC su hing T ICS ICy,S sk oes rob , b ead o h has r oe igh dS c wo ge f 25 s havi ofo ted her abou topi abo Mo c i t i n i k i o o n e u n pe terta cas e ab inc che sn’t e n ics Bi su th l-r Al an ed lse ld er . Do rk- rom ea or in, nd g: t k cs p ut t d ng g o vie k g o . m , rm in ion ou lud s p se r e i c p y : k rch Fu mi h a so ed W r a re ids ho int 10 es lat ho ds oe : W m r h i o H i d d s m a i P t s s e e a i n m a l v t . s h t me etneg s h ed lid me , r o a ha ur Do Fa re ur sn or ne do bo ate ew es eav s. . ies : Th en l fo kid ho r d rch Re at ec aril S a W tla ’t ishe ba opp a lot ar n stu ay t & ra s, m ay th he e o sh es a Mo cthivaem ue time ads evevr e es d ut po d qu s & per y se gra vortita, or so rea ppe ma ha s s n in nd ff. rela tion/ ipes y r k nl oc eek ne ys i rec ewo ) – at lity nin ep GA . se hekin g, r onli ,O s,eALGraf s au aboe Orpse o ad ten erie spo day arc re oppi lot fee vie su b M te M y m ve m ted are , lo ca en ws nto ipe rk i a g g i e n d d r n s h ) r r s t se t c r , s , a u i n b h s R g c a ax od ts sw es on ho ls ag – t Aer :R s, tgain hin ult ial a uc ch,ou on ds e: e L s m m us sion ds t o t wh gr ar g, p onl i E G a c l B D r n i . o e c l v w igh s, ivi enrin bes hasm co bu co rib m, az ike ar pto or loc an ba ore op lph re uy h t peld rline ne ar ee ch m i t r a i e e I h h e o a n n o s e n t l s e E w i nt Jaa t t dvs s s im op ea g ws ail nd pe tin , o ot Fa wi He om s pP em th edkN osku all De ne al so r H t g if A, la in ics ar ly e: i t s da e f , n e d n o u , p l o c , o t e l e op t . r i h n e d e n e. le d ee , re on a M on C, n g me te ull GT et do vor Bir bam p inW l ofte . Sti re’s goes co etvaEncbayt“iona h as tonp t se ss p ve is o near tta,B alth. ist, o th tails s: In co is tin se lin le s, l line sha Ema nig of ticskees. /muse line Vf ac der usi Bu go i ,E mp vaed jun. i Fit e mi by co oc oo n t ll, i too to sme e G gs ar , B ing ng loc wn p te p or ht :CK ets, siecs a: cl nbtaca m n K IM eec-dssp arch artn sues SP the ne nt al/ ban ring il, on ng a, binu e ak f th bo ys o Dneo A Co ing t lac akle ,kgR s w oid F mu thSeea letin ovsieca k”now leD /vi re oth oxt s a, loc ch, al ec es ers , lac lac ac ,r N s B b a k h t e h l n s e l s o t s e o f n kb the irefo n h c i i u o , ’ , i o e o e i r a l r n f r d . s n ts ,M th res es Ha re fic g s h ch oswm heW m ch& mroc , ho m bio au ee e f todw me eo bio arcl shal/ nli po sin g, ead ne es fic ew ga ks, thiteh flica F b m a s h n W l err pu x o i t s u ’ n a d g o e n s h e e b n m Ya vi e rtu rt tau lik ea en Ch ic se tf u,t c ore h. op us ne sw ve gra tutiron uin cwo n cos r kbM tshea ell in afet avlel, nar sn tcin ar es h r o t n t y f rch an a f , e i t t o u e fur mes dvd e: C a h e n m a v w p x o i r i h i ’ g: ch s s lin ne ine be the a s me eirm dpu e f ch lso isr ch im hi D oo s n–g ra e C or lott b dsD, ingrch itie rni taony qousm bu pe ine p c g , e a d e i e o & t l , s u m h n h l w l t . d o s y i , l a n m e q o ea e s f it cek i r, oss heas buo . S se wo se o on , p cporo otte ull Sim Om ies ike h via ts e on ish eve /m oth y wi t o sed m rin Fa s, ain ore ne Fos. haen v’isd s fa rch . ond ts. D ili’s te: xCcit feels uest nsli,n frhoim n s/gt a sehto rin l u rk f ic er, lin o i r Sa rob llevg i r dt s, s i–c yrth he rg mi on nivo of p ly is l hav f the on ornin k. St vor ePoG liclko, lenhcis : G Ita oe , tw , b no big Fa e p ngs. nt ti sic/ ng, , o d hainig he q ge tur ab em kees psp lik ion efaes gsg.r o m e e g a f: Fo eir o f p Co g i e r e a g W h s r o o t v u t e n o c s o t t e s c g o . e r a l e u , e . s r h e e o , rli da ly ian n’ liti riv . b ke id n e.ic ner rea t hen em bth m,os , lal-y On ene ar rbu e t pe r.o a a vor w t sT a tim yd co rcghlea ceri e osm sP e o kly al bs y o ha ts, ounodf otd b inc ’s c lik nfli ac e t s m it toiot ing hveen Skhs, ce ral be es. rati an Mteeda knfuon ith-e In he aA le ecm ond sis e g s ly St ding e co hes Dile ians - lin h alth tG et c y. ut is s, h os, als he ck’s hing o e ly i redap iat a wcn e m t on e the tin tio ter mboer ontaew nrise:s up r tkid e she uch e pla r go frie ardLeOLthise inl gaatmk n1s3t.o eb:as ntha,ry ingpraims wil r co om toy ics, mi r or Dinn n Pe n a ev phe som erce er b ma , g IMis es nd p nica hote eee uncr nat y Fteo wa o dr frie and to l nin nm doss cn t h s e s t s/ o c a f o d nc e y b a c p f e w e e a inf line re i on e er rs oo e n ry o t oom onfr elst o , s d sib ntshi lue roou s oas ngts urses s p h oreds , tno ta andgi Co r m e m e i er on ter inks nds caff drin Fav se orly unmg g. gro iys w t won ves a , faor e/ts inn s,t A big b ne wa ona go ily s co othe s to Mo yon son thin into ks, ne i o chaess em w es o is but s qu line e f ib lionm . t e bp likeer e i or st ok ithlin r froou mdi u , ch mbo e y h l s moo rew . da g sen tst ,v sa,kse gesto. cosko se r th the o st a lo But eine skh:o orite e m pti Co cer sasnetn nifeo & ex als es e the oTu st Ne by stse reeg pcoe n w or nc tou vies ef ag frei,e mr dnd ly mb suw e k oci on stc ies ctilao is Fit ultace AtR, s ays h ing peo at: D bo K ru ay t o Co ws, B s c a Me ntia citin o fe tion mo M f h i r e A i s c i a u : N h t k r i r r p lki l G im a ut a f to ch il ie s l giv h id n. e zi lb : w o Gh ndan n,nere shte lcehse ed cw aedtsa rrttsa,i oge bao he w ltth eM oki th ag oeys lt ab tio n a ea u d A b ike e neig EeT w ealth s a le, m o d g. T els TV dia le co nds eps lizin l hav por to cke ge i Alw ydra n ar ng ing az D nes,ertsatcor S ill d oesdafr , ev S B w mus sn’on s. age radsy/o affrihng adtotv uitthinb hleiss n sh r bolno ok a by ction g ab ima l il h h ,r s t y n , d ay he like con s: F da s h wurn is t heinr gein for e w ou n i ,c ea con Ju ou ver hav in to g: IM e a -onl eer ce er m borh l sup an aytrtavainicly, vt elain wh s in wi n th ays ted Fa ie Cl Ligh s to in esriv lessonh’ses am’ o big yom leon in haa cakb ee to Int th Fa f h p e t t e t f h d f g d so t i a s t o h r o d m t e e y. s u i e : s t e r t p g t t h i h s g h i e v t t : h s e o d d o i o D t a d u u d s r , d n o i egsi me elp s M s: s m um ch it. ls wi re, s lo ghee er sntsh esqtu ati ad ur or Cl pu her of ou he ne od ort weev eln, e ineco utBo is da ern e a nt l ga as Sh or d sh n o he t g M n p e r n b A i a a r b o i Ma vor e o a t d o i o e les t a ll.ic sule e s e’s m yf a Wfa oh ver a a in To io in ub rcF e th g gre y t eto eersn ns pat dy, So artH a sga krg s or pt ut car ttl rag h ow ite i of st o h his ns a syn with he o . ,t w , m ow an un et is oun tiv eanic ltvhy em e m io uth haondraounnd hly liyot . g tThV, , th whaavso . Foe h th w o lo ince Orens Ief ss. recthro , eveo ksu,sbD st:foFlio voief w TV . W es Sh gaz te e o o w i s r P e s n l B l t c m y e e u v n , l n k e : h r i c e a k i he e aVn ha , sta y up to o. Peo c y en o g t o th e w enat nrgite nn a sG at tio em ce a bes da hro ario ly l ashe litn e ag : W sid mil oluhnav e.nSh e. r Ste C d tas e thMi Sim ape ine tev ains Sci- thin er, a t wi rso f ura in al bu b n t the ill dr f waard & ots o w nin ouw ueraen doe r ics/Pg tet.ic Ddsh, a rd Ex H. az n em e eclek a teing dse’s , s of nliLtivc wairvtic.he a n t tim leas , w we t ma y lon nous us eo er trea Fi/ g in – te en ine atch he hn oe T iv t f nts the sosm s kr illpl t hi g. Re ple Rea : oaldi g kets s a plo ot h fr al i l i ta m t wfifecan futerer w are his m Co es pr the ianlgl.y Livi ousled V an, Cok .ning haitin c ngs s, he ie so to adie wkhwbhasric ing anre nest s hnistsot ointio we e in one ll se ek, j le fr g. G . r t l , a e M t m e i t m p h o Pa dbo , t a c a n n s f w he r p o im e. les m , m of c gir to atc r, ese noli cti so ek as n gm roa : M g, : ic the m e h ust ien oes frieons, g rk o ull o n. Hs, oateite ally sthow Pe Fa r o ar ds o iali ca oanykm .s ne sL: C dera ll/y: s r ore lfri vit rt d, dr idd ore fee hin ore im f Wo rent k, L k n G o the d a o a v o P r o w n n n v z e s r e i o o i w n e t l f y i r t e T r a i ds ng ce v a r i i ism pre le or : n o g so son nd br itwys ike ski veosnf ely dio me ing Die in th nk tw t . ho es: din eps . Gir f gro som ab bab n pa ts a line, ng: Netw V orCosisnoe on a m Exe fer lib s, : iS . he ite . de Fa n’s ma e M:eDdie ing. thae s th hollm o t me Su sh ciali al ou ly ne him lfri up e Koe rci s h bu n re ork themon era pl da s n o h H e u v r h e d i g e I e z t n t t r e n n m s a u b e w b a o n a u o t fbee sh s, Sh tes th e, er ad -pfsic . P Fo if Sp C liv ing l. urb sb she ur 4 t ill ts s f s a bus nd h t s e c r p a c m i e n i o s e r e o g e e ( t do rn an bs lin o an ,h – ref od V me s ter n’t s t iri im do and friea oaginr tin xc ew nd bo s m knes, :S s. y s i th ows e T V o o s e p p g e i n w d d w an wn in yn tu a t a n t es ns aly ntou ers in to i e u o an est ha o e sta ept fem wh a e . g o ark s Th ngs : Re V Fa h AM re m mp as lues . of ns w a pr lue sw a v a ith a y Mo hetre dosp.p msm en ago alit he ople wn, ar h ce a s he ndin for o ale tno co ythin in b e to at: ut Colso eeinsg ch / e /FM ag tnio he : F / e ea m’s iln dr e Ba like ality tim vori th ctic : M ur Su tire gue y: A ’s co r ent she’ she r g, g f ein esde ne frie t. co Like r. az eend: r ki am lik siw am ch Na itnc v-lia ro o t c s t i h f n s t n n h a e g e h e i o s a s o h r s o t a i r e d t W s i ug g Gi Ar nd imne s a s ey t too ly e ns m pa da n e v oft nec e li kno ees o n oc iogm ow ains me om hea k, d any rls as l elor nny res shif TV hiss h f spi imp rts y s ily. a w nds are ing talk f lo ds sa posr, l to tdch age is c ca hts.o .or p rea tA Sp /fa al. a b lth es 9 we en in ted i fe. S wn ted ted Sh m ro ritu or an ike n a sio D rel ut p s oin libtyu pira atdell taisnte o ets , s riti of cho Inv ee chu t Th ne p Sh m n t h d D Gr nd 11, ek ati to gna o e sy iritu . k eiti e t. ns hin TV he cal sa hou is is d bu st fo Doe urrit y, w ite lace De TV, ow th be ality ant S en vitin to th e’s w A n l L s ge tleosts sy s tion o s ) H g s h , Ma ops , i s e c ol an olve ly b rch o a es ey’ Ame ll e is ag ve .l ns them inc sp: O tno gs find bbu lm h, a g sin od. n’t o gin , s thpir db gn m a l he he i t f i t e o d a pe s A ri : a e e o t c l h o o h d so e a ak op nolud iranl r or fo s u t y: et tim sth r ip g ba y’s Ko ur i nin eesiyningitu arb eig com ll u c ra d l y m a s riandgio r he s ctaha liev n or o be y w sses Pref eat 5- t ch runn n te is w pr mai te nato an I esm cinkged than oes Mec Sh e th ue w Ath g te ngag isali eq hbo m a etn obinjeg tiow th rgai – w hl’s, ob nly tr . rse rbt s er ch na c e w ers at h ho em he eis n po f ty s ing ach ith Ho m n c d op e n lem w lof. s h :i A ue. rs o unity he ongl ommsp Ca out,r Sc ctT,hse altcM en ain th icke ealth will here loc ba lof v–iel hinetod exis ’t h as: Suo etinre rogjueeam ing her us y, G ol, n v t/a Ol be . W here Targ s a D h v : o l C v s y a a t n O ap s o hen ar riv ew th .ite e nf d N st Tph nd d.fam cton y, ten itm t fohu d lso e thse t d f rtub he’ff ecc gn ea ill er y h B v l v i y e p i l s h t . y l e h e i e a o r t p h t F i m o m h A o s e or de sh r if ive es Lo t s he rs ,W er. oo ral ire ay for re, s, dict e as na y. ting ost e y n. en r ircch o airst M ay ds a a s i a e l u t t l P d o s y k i v v s a o l m a a a s , w : p m re na ibl oli he y, s. ic. ch to S e s oomsch . In alea In WLeos ke : If De vaol r ts s e cis re p ins ch If d a l Ga sal y, w l. F p m he r V e a i t o s e e h e r w W d 5 t t Re d . ica d c u it h r e f Ma ho to f this ool vol kly urc Liv wh bro rly t the stt–, the im Sh ildre anyt itho mi som sday Je wh p an es in hile or t ult can Mart pu ntoen idede.e the’s eam rotei iet, ein. wit out ho olk y g do e s an ve i p l r . n b t l n t a n l i e w h h e g i i t h s , p e t y h e b u L k p i d a n t d t T . las s: so aw sh e et st ot wh wa ’s s ing t s ute M toi re he: L m chou d ik le lic :L s. so mo ch to er to eri e whholereystw to ing in sis r G pl r m ,G t o Ju o ibe Ha eat ely /X at f iner cul re are ym aces e’ll kids pla a go she’ do and the m sh the G ho o ca nts ucce , sh ome s toall estho oynnlnuch rch. unn tea with ap M e t to sa sl a Va year st b r h b ha ex w ce in o p y is ing ch e s us t . Sa es . tak ing t s try once his f Out e’ll ran em ou al to lu irly scot ivate drin ing her pe ligh oree like ead ill s s fo d s eh n ru o be ss a wa one go tAotl hpeing a d e s o v t e d s N i o g c e k: njo s: ell inkon h, ng th ft es ari ns tly , na an r – to ett Mo nd nts bo he am ho r o e r h a o d t p l s t n t i h e B d o ive ou te r G o o d pUX design requires UX guidelines and h ta il s w wh le o ac y l a t th processes, Be de lo a a2 a . ha ac tes we een good at s co Ra i .S rat mi t th me nex o fig kids y. Sh nks for p her er e whe ves rtme he ich -b llmp fe w ing i dio cla t. e ur he coun : He ni e he n h is e g ed w n As or as a pine areingsample ne Leof lis ith n th m a n a gement. documents tan r h roo . ga ve nox t such. pi No mum kids’ sse Perh e ou o to ’s un ith ss e’s g de ads These h m u r r s n r e e m ea in at te co . S aps t w col sur fin up t a sba i d i s z o n k f r h e o s f i e n t l i & t co ite e ra :H d co on stu leg he w ha leg e Mo life. ef mal ow nd ly the a lo nd M gn al e de e is wa ork t sh e, m, o ca m d i Me ficien has , the ik in local r hu nts m e i nt pa ra lc to zed cod e ho sb s on but uerise lion cc t a sles ab u x aurchqteupai rte d e s i g n d i r e c t i o n c o te c t i o d e s i g n w r i t i n g page 066 of 070 i t r d f o e l a b t o a l s a so eg spi t w , b ilit ns for en or ea rt nd ec me ine an s b y : e . t is ork ein h s nt wi sur s th roth s s he q As an – h al. T Rick th g to e av . H s. H oth e g he the ose er, t ucce ual pires . a i vie e i er rew y m s in s e r. kn who o be ssfu ity o to m Ge e b ow f l org up i t on ark . help as s as h his e ia n D e a etin him avv is o wor pe un no g y a lde k, ac t w h b o h. ei s r od er de de de n y, sig sig sig

ac ts

cts

ac ts

PORTFOLIO 1.0

gomez-rosado.com

ne d

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

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

ask.zip

david@gomez-rosado.com

Log Out

50 30

Contact

Blog

Support

Help

@ San Diego, CA

Joshua Mann

About

@ San Francisco, CA

Project Ask People PM Ezequiel Vidra Date July 2, 2007

Version 03

u x a r q u i te c t u r e

design direction

code

Contact

Blog

r be

De ce m

No ve m

to b

be Support

t us

@ Boston, MA

Predro Hernandez

Profile Viewed Content Added Contacted

Help

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

Updates to profile: 8 Last: March 25, 2007

Sandra Mathews

LinkedIn Users About

Profile views: 5

Contacted 50 times in July 2007

pt em

Web 2.0

Assign yours here

Similar People Invite to Connect!

Israelis in San Francisco

Searches on Ezequiel Vidra: 8

nice smart agressive ask manager traveler dreamer techie

More Statistics:

70 60

Ask.com

Au g

Groups

american

Project Ask People PM Ezequiel Vidra Date July 2, 2007

100

cool tough drunk foolish confused

5 news

Subscribe to Ezequiel’s Trends

Line Graph

120

web

110

Stuff

Connections