David Gómez-Rosado Portfolio - Product

Page 1

漏 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


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

NO

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

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!

NO

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

NO

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

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:

To:

FORWARD MAIL

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

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:

NO

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)

(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

NO

NO

URL

Type

Login

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

555 334567 650 123446

PERSONAL Grandparents Mitv grandpa@netgem.com IMAGE

MiTV

(WI-FI)

Feugait hendrerit nisl ut esse quis dolor quis duis

NO

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:

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:

YES

Attach:

Keep a Copy:

SONG 2 of 25 PLAYING ALL

SONG 3 -Diesel Power - Johnny’s Band

YES

NO

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

NO

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

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)

(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

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:

To:

WRITE MAIL

GAME 5

GAME 4

GAME 3

GAME 2

ONLINE GAMES GAME 1

(MULTIPLAYER)

(MULTIPLAYER)

(MULTIPLAYER)

(MULTIPLAYER)

(MULTIPLAYER)

PREVIEW

ITEM

TEXT

PREVIEW

DESCRIPTION OF SELECTED PAGE WEB SITE

(www.url.com)

(www.url.com)

(www.url.com)

FAVORITE 4

FAVORITE 5

FAVORITE 3

FAVORITE 2

MY FAVORITES FAVORITE 1

SERVICE 3

GO

SERVICE 2 SERVICE 4

SERVICE 1

GUIDE

CNN

GO

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)

(www.url.com)

Favorite 3 http://www.cnn.com

NO

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:

<Media Type>

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

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

SEND

PREVIEW

Text describing the filter 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

Login

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

NO

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 filter and its content

&

MY <Source List> <Filter> FILTER TYPE

&

Text describing the filter and its content

MY <Source List> <Filter> FILTER TYPE

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

NO

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

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:

REPLY

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

NO

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:

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:

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)

(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

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

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

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

********

Email

POP3 Server SMTP Server

Login

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

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

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

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)

(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

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

ON

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

TV

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

NO

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

Login

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

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:

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:

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)

(verdi@netgem.com)

MAILBOX VERDI

MAILBOX VERDI 2

xxxxxx image Text describing the filter 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

NO

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

TEXT

PREVIEW

DESCRIPTION OF CHOSEN DESTINY PAGE AND ACQUIRED IMAGE

RECORDING

YES

NO

PREVIEW

Channel 4 of 64

MOVE DOWN MOVE TO LAST

<Media Type>

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

MY <Source List> <Media File>

MOVE UP

PREVIEW

MOVE TO FIRST

CHANGE ORDER

<Media Type>

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 filter 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 filter and its content

NO

<Media Type>

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

<Media Type>

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

NO

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)

CLOSE

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)

<Media Type>

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

NO

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 filter and its content

xxxxxx

image

Filter Text describing the filter and its content

Name

Description

Text describing the filter 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

NO

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

NO

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

(MP3)

(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 filter 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)

(ONE PLAYER)

(ONE PLAYER)

(ONE PLAYER)

TEXT

DESCRIPTION OF RULES PAGE ON SELECTED GAME

xxxxxx

CHANGE ORDER

MY CHANNELS CHANNEL 4

PLAYING

GAMES

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

GAMES

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

PREVIEW

Channel 4 of 64

Page 1 of 8

RECORDINGS

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

RECORDINGS

TV SERIES

RECORDINGS

RECORDINGS

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

CLOSE

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

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

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

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

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

© David Gómez-Rosado. 1994-2007

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

NO

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


漏 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

© NIKE Retail Services, Inc.. 1999-2001

david@gomez-rosado.com

2001

nike_id

NIKE.COM GUIDELINES WEB, ECOMMERCE & CREATIVE GROUP ORG

crashandlearn

nikegoddess

© NIKE Retail Services, Inc. 1999-2001

Nike.com • Home page

© NIKE Retail Services, Inc. 1999-2001

somefeature

Nike.com • Feature

© NIKE Retail Services, Inc. 1999-2001

somesection

somefeature

Nike.com • 2nd. level feature

© NIKE Retail Services, Inc. 1999-2001

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

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

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.

MORE

sample 1

ENTER

feature 1

ENTER

sample 1

store

ENTER

feature 2

ENTER

sample 2

BUY

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

MORE

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.

MORE

BUY

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

MENU

david@gomez-rosado.com

2001

CLOSE

MENU

CLOSE

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 Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003

EMOBLA MARKET RESEARCH, BRAND & UX

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

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

Emobla Web – Árbol de Contenidos 02

xx.xx

xx.xx

xx.xx

xx.xx

ENGLISH SITE

E1.01 - Ergonomía y Salud:

xx.xx

xx.xx

ENGLISH SITE

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

X1

ENLACES EXTERNOS

X2

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

X2

C1.05.02.01 G1.01 .XX.XX

C1.05.02.02

X3

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

X3

X3

G1.01

C1.05.01.03 .XX

X3

X2

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

X1

G1.01 C1.04.05.XX

X2

C1.05.01.02

VARIOS PRODUCTOS

X1

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

C1.05.01.01

X3

BIOMBO

G1.01 C1.04.05.XX

VARIAS SERIES

X3

C1.04.04.XX G1.01 .XX

SALA DE ESPERA

VARIOS PRODUCTOS

VARIOS PRODUCTOS

C1.04.05 G1.01

X1

C1.04.04.XX

VARIAS SERIES

C1.04.03.02 G1.01 .XX.XX

X3

X2

VARIOS PRODUCTOS

VARIAS SERIES

X1

C1.04.05.XX G1.01 .XX

VARIOS PRODUCTOS

X2

X3

X2

C1.04.04.XX G1.01 .XX

X3

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

X3

X2

X1

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

X2

X1

VARIOS PRODUCTOS

X2

X3

X1

ERGONÓMICA

X3

X2

X2

X1

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

X1

VARIOS PRODUCTOS

VARIAS SERIES

X2

C1.03.03.XX G1.01 .XX

VARIOS PRODUCTOS

X3

X2

X1 X3

G1.01 C1.04.03

C1.04.03 G1.01

VARIOS PRODUCTOS

CENICEROS

INFORMATICA

X1

C1.04.02.XX G1.01

VARIAS SERIES

X3

X1

X3 VARIOS PRODUCTOS

X2

X1

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

X2

C1.03.02.XX G1.01 .XX

X3

MÁMPARA

VARIAS SERIES

X3

VARIAS SERIES

X1

X2

X1

X2

X1

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

X3

X2

X1

VARIAS SERIES

X1

C1.03.02 G1.01

INSTALACIÓN

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

X2

C1.03.01.XX G1.01

VARIAS SERIES

X1

PAPELERAS

DIVISORIAS

X1

G1.01 C1.05.01

DIRECCIÓN

X1

X1

C1.04.01 G1.01

X1

X2

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

X1

X1

C1.05

MOBILIARIO

X1

C1.04

X1

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

X2

G1.01

ENLACES EXTERNOS

B1.05.01

X2

OFIMÁTICA

X1 REFERENCIAS Lista de Clientes

G1

G1.01

X1 REFERENCIAS Lista de Clientes

OFERTAS DE TRABAJO

(VENTAS,TÉCNICO)

G1

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

X1

AVISOS

CONSULTORÍA

G1.03 G1.01

NÚMEROS DE ATENCIÖN

(VENTAS,TÉCNICO)

X1

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

X1

G1.02 G1.01

NÚMEROS DE ATENCIÖN

AVISOS

X1

G1.01

X1

F2.04

EMOBLA OPINA

AVISOS

F1.04

X1

G1

DECORACIÓN Y ESTÉTICA

X1

X1

FORMULARIO DE CONTACTO

F3.03

X1

X1

PREGUNTAS Y RESPUESTAS

X1

ASOCIADOS

X1

F3.02

LEGALIDAD Y NORMATIVA

X1

PREGUNTAS Y RESPUESTAS

X1

F2.03

X1

PREGUNTAS Y RESPUESTAS

X1

F3.01

ERGONOMÍA Y SALUD

X1

CONTACTO

X1

F2.02

LEGALIDAD, PLAZOS, PAGOS

X1

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

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

xx.xx

ENGLISH SITE

ENGLISH SITE

xx.xx

xx.xx

ENGLISH SITE

xx.xx

xx.xx

ENGLISH SITE

xx.xx

xx.xx

A3.04

A3.03

X1 RESULTADOS DE BÚSQUEDA

ENGLISH SITE

ENGLISH SITE

ENGLISH SITE

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

ENGLISH SITE

xx.xx

ENGLISH SITE

xx.xx

TEXTO LEGAL

xx.xx

X1

xx.xx

X1 RESULTADOS DE BÚSQUEDA

A1.05

A1.04

A1.03

X1

OFERTAS

X1

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

X1

X1

F1.03

FILOSOFÍA

CATÁLOGO (Tienda)

X1

F1.02

X1

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

X1

E1.03

Formulario para petición de información

Accesible con un solo clic

X3

MAPA

X1

E1.02

Sección de apoyo al cliente

Clics Necesarios: X2

X1

A2.06

X1

Gestor de contenidos con acceso por Web privado

X1

A1.01

EMPRESA (Info sobre Emobla)

X1

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

X1

B1.04.01

Alternativa a Página

BÚSQUEDA

X1

F1

X1

E1.01

Enlace a Página

X1 ANUNCIOS (3 ENLACES EXTERNOS)

E1

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

X1

A1.01

X1 ANUNCIOS (3 ENLACES EXTERNOS)

B1.03

Página de Texto

SITIO MAPA

X1

DELEGACIONES (Mapa y Dirección)

Herramientas de Navegación

CATALÁ

X1

Colaborador: Clientes de Emobla, consultores, comerciales, proveedores

Características Notables

Símbolos:

X1

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

4

CONTACTO

X1

X1

C1.01

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

LOGIN

ENGLISH SITE

C1

3

INICIO Bienvenida CLIENTE

B1.02

Páginas de acceso Cliente (Con diversos grados)

X1

B1.01

2

ENGLISH SITE

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

B1

1

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

ENGLISH

X1

A1.06

Niveles de Acceso

El nivel superior incluye siempre los de nivel inferior.

INICIO Bienvenida COLABORADOR

A1

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:

A2

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.

A3

Á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 Gómez-Rosado. 1994-2007

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

1

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.

3

A1

INICIO Bienvenida PÚBLICO

2

4

5

6

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

1

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

12

7

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.

8

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

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

VER

VER

CORREO

MAPA SITIO

5

3

Llámanos al 902 100 065

2

9

4

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.

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.

Castellano

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

7

RECOMENDAMOS NUESTROS SOCIOS:

8

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

10

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.

11

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.

12

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.

13

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.

14

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 Gómez-Rosado. 1994-2007

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

1

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.

3

4

A1

INICIO Bienvenida PÚBLICO

2

C1

X1 CATÁLOGO (Tienda)

5 C1.01

X1 OFERTAS

LEGALIDAD, PLAZOS, PAGOS

C1.02

X1

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:

1

C1.04

SILLERÍA

2

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

3

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

VER

VER

MAPA SITIO

AVISO LEGAL

Usuario

Imprimir

La silla más cómoda

Subtotal:

€1.400 COMPRAR

5

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

Lobortis in vel 400 €

3

Tincidunt volutpat 175 €

4

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

2

VER

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

VER

MAPA SITIO

3

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 €

2

CORREO

p a g e 0 5 4 o f 070

7

Tincidunt volutpat 150 €

1

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

1

7

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

6

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

3

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

Castellano

1 Mesa Blair € 125

VARIOS PRODUCTOS

2

Búsqueda

4 Cajones € 245

Productos

2

CORREO

Compra

X3

1

VER

ASOCIADOS

C1.03.04.XX G1.01 .XX

COMPLEMENTOS

C1.04

X1

5

1

2 particiones €300

CONTACTO

G1.01 C1.04.01.XX

VARIAS SERIES

6

Imprimir

La silla más cómoda 4

PROMOCIÓN ASESORAMIENTO

Language:

3

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 Gómez-Rosado. 1994-2007

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

1

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.

3

4

A1

INICIO Bienvenida PÚBLICO

2

C1

X1 CATÁLOGO (Tienda)

5 C1.01

X1 OFERTAS

LEGALIDAD, PLAZOS, PAGOS

C1.02

X1

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

X1

G1.01 C1.04.01.XX

X2

7

EMOBLA MARKET RESEARCH, BRAND & UX

En todo momento, el usuario sabrá su posición dentro del sitio de emobla.com a través de un “hilo navegacional” con cada nivel señalizado en secuencia jerárquica y con enlaces “de regreso” a cada paso.

Language:

Silla Genérix Cantidad

PROMOCIÓN ASESORAMIENTO CLIENTES

2

Enviar

4

4

Cuero

ASOCIADOS VER CARRITO Compra

Precio: 200 € Euros

1 Mesa Blair € 125

Añadir al Carrito

4 Cajones € 245

Referencia:

3

2

6

7

Tamaño:

Subtotal:

€1.400

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

COMPRAR

1

2

3

4

CORREO

Language:

9

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

3

2

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

10

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 €

11

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

12

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.

13

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

2

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

1

9

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

4

COMPLEMENTARIOS

VER

11

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

MAPA SITIO

Búsqueda

13

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

3

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

5

Color

8

Clave

Favorito

1

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

1

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 Gómez-Rosado. 1994-2007

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

1

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.

3

4

5

A1

INICIO Bienvenida PÚBLICO

2

CATÁLOGO (Tienda) BÚSQUEDA X1

C1.01 A1.04

X1 RESULTADOS OFERTAS DE BÚSQUEDA

EMOBLA MARKET RESEARCH, BRAND & UX

En todo momento, el usuario sabrá su posición dentro del sitio de emobla.com a través de un “hilo navegacional” con cada nivel señalizado en secuencia jerárquica y con enlaces “de regreso” a cada paso.

Language:

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

2

Silla de oficina Búsqueda

Estás en: Inicio > Búsqueda

Registrate gratiis

3

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

4

Imprimir

(25 coincidencias)

Descripción

Colección

01

Tincidunt volutpat 150 €

ostrud dolore diam tation facilisi in duis minim amet

torx

02

Crisare nulla 320 €

augue ut veniam, aliquip molestie delenit nulla at

torx

03

Lobortis in vel 400 €

dolore ullamcorper aliquip duis iriuredolor autem duis

ultraden

04

Tincidunt volutpat 175 €

lorem praesent, feugait accumsan facilisis. Odio eu

generix

05

Crisare nulla 150 €

volutpat, molestie blandit commodo facilisi nulla

generix

07

Lobortis in vel 225€

tation, sciurus consequat veniam? Dolore, iriure nisl

generix

08

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

09

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:

10

Lobortis in vel 758€

luptatum consequat praesent sit, diam dolore ex

noblemira

COMPRAR

11

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.

7

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

5

6

Clave

6

AVISO LEGAL

RECOMENDADOS

7

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 Gómez-Rosado. 1994-2007

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.

1

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.

3

4

5

6

7

página 01 de 04

8

9

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

8

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

1

Usuario

PRODUCTOS

11

Clave PROMOCIONES

CLIENTES

2 NOTICIAS

CONTACTO

Mensaje Promocional

9

Destacados

10

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

10

Búsqueda

6

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.

11

AVISO LEGAL

7

12

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.

A1

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

2

GESAB Internacional GESAB, (GB) Ltd.

3 DIRECCiÓN

4

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

5

COMO LLEGAR

DIRECCÏON

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

design direction

code

P

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

P

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

P

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

GESAB, S.A

DE LA HIED RA

CONTACTOS

FO

DIRECCÏON

DE

4

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

6

5

6

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

1

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

ST

B1

EMPRESA (Info sobre Gesab)

EMPRESA

GU

3

gesab.es

EA

2

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

1

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

© David Gómez-Rosado. 1994-2007

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 Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003 Projecto Cliente Documento Fecha Diseño Info

Gesab Gesab Web – Arquitectura 01 – Nivel 4

PRODUCTOS

1

Actual: http://www.gesab.es/contenedor.asp?idi oma=EN&opc=160&IDProducto=26&IDFa milia=8

2

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.

3

C1

4

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

5

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

C1

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

6

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

1

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

4

5

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 Gómez-Rosado. 1994-2007

david@gomez-rosado.com

2003 Projecto Cliente Documento Fecha Diseño Info

Gesab Gesab Web – Arquitectura 01 – Nivel 2

PRESS RELEASES

1

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

2

F1

3

NOTICIAS

F1.01

PRESS RELEASES

F1.01.XX

PDFs

4

F1.03

KIT DE PRENSA

F1.02

CALENDARIO DE EVENTOS

5

6

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

1

6

Clave

English

PROMOCIONES

CLIENTES

NOTICIAS

CONTACTO

General

Compañía Expos

3

2

4

AVISOS

EVENTOS

Ofertas Lanzamientos Prensa

6

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

4

AVISOS

EVENTOS

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

5

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

5

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

10

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

r be

De ce m

No ve m

r

to b

be Support

Oc

t us

@ Boston, MA

er

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

20

Sandra Mathews

LinkedIn Users About

Profile views: 5

Contacted 50 times in July 2007

40

pt em

Web 2.0

Assign yours here

Similar People Invite to Connect!

Se

Israelis in San Francisco

Searches on Ezequiel Vidra: 8

ly

nice smart agressive ask manager traveler dreamer techie

More Statistics:

70 60

More

Ask.com

80

Au g

Groups

american

Project Ask People PM Ezequiel Vidra Date July 2, 2007

90

100

Ju

cool tough drunk foolish confused

5 news

Subscribe to Ezequiel’s Trends

Line Graph

120

Ja

web

110

Stuff

Connections

Tags

12

2006

e

Trends

130

Ju n

Profile Viewed Content Added Contacted

254 photos videos

Web 2.0 New York, NY

Logged as AJeeves Manage your Profile Manage your Contacts

What is this?

What is this?

ay

San Francisco, CA Present

— Trends

M

Israel Entrepreneurs Tel Aviv, Israel Ask.com San Francisco, CA

@ San Francisco, CA

Confidence Meter

Back to Profile

il

2006

Ezequiel Vidra

Confidence Meter

Ap r

Write your own

ry

“When I met Eze...”

ua

SusieSue

@ San Francisco, CA

Write

ar y

Ezequiel Vidra — Profile

“This guy is the bomb”

Ezequiel Vidra Add as Contact

Logged as AJeeves Manage your Profile Manage your Contacts

Fe br

Dharma321

More

nu

Comments

Write

Log Out

Beta

Ezequiel Vidra Add as Contact

ASK.COM DESIGN MANAGEMENT, PRODUCT & UX

ar ch

Beta

Sightings

2007

M

© David Gómez-Rosado. 1994-2008

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

ask.zip


© David Gómez-Rosado. 1994-2008

david@gomez-rosado.com

2007

Log Out

Beta

Write

Ezequiel Vidra @ San Francisco, CA

Confidence Meter

Back to Profile

— Sightings

Ezequiel Vidra Add as Contact

Logged as AJeeves Manage your Profile Manage your Contacts

What is this?

Log Out

Beta

Ezequiel Vidra Add as Contact

ASK.COM DESIGN MANAGEMENT, PRODUCT & UX

Write

Ezequiel Vidra @ San Francisco, CA

Back to Profile

— Connections

Subscribe to Ezequiel’s Sightings San Francisco, CA Present New York, NY

Tel Aviv. Israel 1989-1995

2004-2007

4

3

Photos

Videos

Networks you have in common Invite to connect!

Will Read San Francisco, CA

Sources for geo-tagged media See the original!

Ezequiel Vidra San Francisco, CA

David Gómez-Rosado San Francisco, CA

Ask.com San Francisco, CA

1

Web 2.0 New York, NY

Zoom In

Zoom In

More

Zoom Out

Zoom Out About

Contact

Blog

Support

Help

About

Project Ask People PM Ezequiel Vidra Date July 2, 2007

Version 03

Contact

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

design direction

code

Blog

Support

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 069 of 070

Logged as AJeeves Manage your Profile Manage your Contacts

Subscribe to Ezequiel’s Connections

Vlad Sachenko San Francisco, CA

News

Buenos Aires. Argentina 1978-1982

Project Ask People PM Ezequiel Vidra Date July 2, 2007

What is this?

Sacha Pearson San Francisco, CA

Israel Entrepreneurs Tel Aviv, Israel

2

Confidence Meter

PORTFOLIO 1.0 i n te ra c t i o n

design

writing

gomez-rosado.com

ask.zip


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.