PodCast,  WebCast e
lnovacoes em Design

+ Mobile

 
   
  

Hora cio S 021 rcs,  

Acesso Digit

l1 up : //a Ce S s odigi...
apresentacao

acesso cl:  glel

Horacio Soares

Consultor /  Designer de lnteracao fl= ‘Z_

horacio. soares@acessodigital....
lnovacoes e & 1

A .  I
Tendencias
Forrester research (Junho 2007)
The most important emerging

technologies

#1 mobile devices. 

Forrester Research asked 1...
O grande desafio?
i
l§t‘Q‘

.  ‘vi

  
  

: %‘vl. .
  9;‘. 

‘. §!

  
   

  

1».  _

mssgfiexlg

.  .'. |.%; : £9?
 eel, ‘
~. . . , .  I __z ' 
“‘_"'3l‘- V‘ l _
Cr.  ,, ,—, ¢:'2 _‘ -'u ‘,  ‘.3.. -.‘
r,  H "m»:  .'. .. -,  F - F ' ” -. 
   l . ;~...
Site Wireframe

Primary Navigation

S econdary

ldavig ation Cm-tam

Foote-

dotMobi Mobile Web Developers Guide - http: /...
Mobile
Wireframe

lsavigntlo"

dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
havigatio"

Secondary
l'~Iavic_; ati: >n

dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
Maxima largura e altura recomendada

    

Recommended Max Sm: 
zoo x 250 ccxzls
320 pinls

320 owls

dotMobi Mobile Web D...
Mobile Web

Ful| nO1nda'nu Si "du lbuib Sin 'uv %'-nu‘ Hnuhnl: 

htt : //pc. dev. mobi /
Web Standards

Separacéio do
conteudo da

apresentacao. 

Roupa certa, 
para ocasiao certa!  I!
Roupa azul

“ Complicar c sirrples e facl.  Criatividade

http:  //  internativa. com.  br

e lUlll. :l|  u 4_Lll| _1|l_d'...
http:  //  internativa. com. br

Trocando de roupa

“ Complicar c sirrples e facl.  Criatividade

e lurrmr u 4_LIlI_1|l_d'...
Roupa laranja

 
  
  
     

INTERN TIVA

    

INTERNET
CRIATIVA

Imam
 

 
 
  

Partiriu do has In
aponuuiuou
Eanoveuo...
Sem roupa

S'. I.-I ln: crne: CIi.1n’x-3 - 'CompI‘: :Ir o simplv. -s Efaci Cr_~. :I'v. ~.d. adc é zom-r o c: I:; :L: .Ido ...
Roupa para impressao

pular pan II corlaindo :1 map:  do she RI

4 acesso digital >

Illklull UUCIIISOIIIOS 3Cf‘Ii§05 NISJ...
’ Portabilidade - css para impressao

? 'd‘1(t 4n. 'l| aF1~ln1
7 Wt : D II Isch Tijjirn-In-é. r-h-. r  [g| h4:¢__5'Il’IIiu...
Portabilidade

css para dispositivo mével
MOTO Q

Ace s s 0 Di<_{ita 1:
hup : ./9'21 cc s s'()<ligi1a1.I1el
‘I-'F! aa. rtahil§ade
 d? i:prasiEiva: ;;ma6vét 

 

 

 

x'cess0 Digital site de testes:  http: //acessodigitalnet
O uso de CSS para cuiciar
da apresentagao e’ um
recurso poderoso,  mas nao
é indicado para um design
muito complexo,  pois...
Outras alternativasre .  .e
the Wireless Universal
Resource File

The WURFL is an XML configuration
file which contains information about
capabilities...
Wireless Application
Protocol (WAP 2.0)

XHTML-MP:  E um subset do
XHTML,  usado como
linguagem de marcacao para

aplicaco...
Forrester research (Junho 2oo7)

The most important emerging
technologies

Other top emerging technologies of the 30
menti...
Forrester research (Junho 2007)
The most important emerging

technologies

Less 2 years YouTube the 4th most
visited websi...
n my:  m, r', n

:4 ~ '“"""'‘'«'‘. 

s

! ‘.L‘-"U.  "1  __. . _I ~. *
 .  ageig ~ , ;—‘ ‘Pl
(‘tr Charlie

_. ..r

In}.  Enterprieelfl

Meet Charlie
What is Enterprise2.0?

iliifjg r.   »‘ '. m.w. u' . .1llc; l.: +1‘...
esta é Carole

  
   
 

colega de Charlie e sua mentora

Meet Charlie
What is Enterprise2.0?

 

http:  / / www. slidesha...
Carole normalmente tem muito a
dizer. ..

  
 
     

entao ela criou um

audio podcasts que

sera distribuido por
toda a ...
Quando um novo podcast esta
disponivel no blog da Carole. ..

Charlie sera notificado via

‘uli, :‘gp; s i“‘ v. ~.l-. v.»v...
.. .ele entao efetua 0 download,  ouve e
disponibiliza 0 podcast no seu proprio blog

‘uliiigg r.   »‘ v. m.~. »v. vl . ;l...
S lldeshare http:  / / www. slideshare. net/  horacio. soares

1 C‘  ‘l-40' -. vasu-: u:. —s"§:  EL‘ -l. ;w, _. :,n Search...
SlideCast

if .  100l-
"' ‘Ir
slldeshare podcast slidecast

-‘ ‘W:  ‘JRL3 1-".1 1e-: ‘r-‘; ‘ '- l‘l71~‘~l'll|2"l

. .~ l; ...
SlideCast

I 5  ‘rt l| UlA. U'M. l:l= ) ('L_J L. .( Ll. ; . -Lp. :s

ilomc llysluxczpa-2::  Ll:  oad Conrmnlty "v: lpl: :&...
UEIEEA

‘, .I_lI'AlIIIIll I. ltl‘-

Lwfesl lfldeay

‘fit

"r. l.«'. > C.4La; :)riul. 

l€Chn°l°flll3- lcub
ll‘ l4‘l

': l:‘....
WebCast Unisys

UNiSYS

imagine It.  done

I‘.  . filfl A .4‘ . 
,4 C‘ '
| . O
E nmllnlzv
WebCast Beneficios

- Melhoria da comunicacao

- Eliminacao da radio tamanco
- Broadcast (todas as filiais)

- “N” reprise...
ll | i», i,. ;,~l~, .;Q~[: _,—| -;~, ‘1,: _'. ;«|  HSM Management -

,   / A, .  Set/ Out 2007
  ” Pesquisa on-line da
'-"...
| B M AC‘ _ Service 2/”

0. I
. , _. ' nenled  1
-Lancamento Architecture F . 
SOA - Service “ll 
Otiented 1 F ‘i
Architec...
You In Hm _l_L‘l.1.. ‘l. L". ’.2l.1 :2 ml ‘.1 -. .-. m.I lj. -L~. : o | ;:L; .' Lr. ».: ul  1~
l l

u loo.  (. .lll. g:»lm...
IBM
Lancamento SOA
Resultado do filme Launch

Aumentou 20% a taxa de

aceitacao de e-mails

Resultou em dezenas de
milhare...
IBM
Divisao de Mainframe
Criacao de videos humoristicos para
a reuniao anual de vendas em 2005.

Publicaram por diversao n...
IBM
Divisao de Mainframe

Aumentou em 10x 0 trafego do
blog do mainframe

Jan 2007 — o primeiro video da série
tinha sido ...
Molatrl-iv. ‘-r. lr¢‘1n: : I 1| I.   r“ l—‘ "‘r, Q| I-: I‘-I -Q Ir  Ll
-I I I I - I ‘

M1905 l. ;'.5‘~I». <..  l. ’l_l ma ...
Acesso I3igitaI
Acessibilicllacle na Web
Custo ou Beneficlo? 
Creative Corn mom

Usado e replicado em: 

Cursos,  palestra...
Lu »-» '

    

3:
 *1
. ,.
.1 . 
-__ AL‘
l| n‘r: < >11 '“m'n . 
,. ,. - . . ,  , ‘
. _ U I

I‘I‘ID‘r‘A'. ‘ ‘run ‘A
H" ,  ...
Q Planting
I _
. . Tamra 0” Nap:  dc Sue |  Ccntalo |  Careers I Logh

]  MGSSIIIEG SICOQSS
I ‘I '

 

About Us
Team

5
D
...
Web 2.0 para sua empresa

Lista basica para explorar o poder do software 2.0 gratuito e

funcional na sua empresa (fonte)....
Antes ole listar as
1' novacgoes em design, 
vejamos o que é,  e lo
que nao é clesign.
Aparéncia é 9

i mportante para I

0 design
Sim,  mas design nao é artei
Aaneéum
expressao pessoal, 
um ponto de vista.   i
Esobre avida,  as  V5’   i
emogoes,  os it   , 
pensamentose ‘  I
I, 
l...
‘i lo»: -3(14:v-w
2'
l

Design nao é maquiagem. ..
Muito menos
So rte 

Li. ’
W. 
‘H
‘ 1
J . 
rd  ‘
3;“
I.  Va
5
9
in
A

“+12!-'1-‘.
.«»

 

rl’= ".ao derive ser derrso,  Herr:  pefiaiclo
Poluido!
Wally? 

       

. ...  .. ..m. ./. ... ... m.. .., .._
.  Tn.  . B , 

  

;  .q  1.4 3 0
I) 5
s . /u .  II . 
. ;   ¢. ...
Lento. ..
Ambiguo?
.  . .
K.  ¢, ... ... J.. H
.  Q. 

A

. . . +
_ A. 
_ .  um _
.  urn.  _.
Confuso
Frustrante
i! éio deve ciiscriminar

‘s
V‘, 
_, . . 
‘I
.  .
‘A’ .  ',  I
.  , ,3’ - ‘
:5 ‘ r-. 
.' » '—
.  1“
l»
‘. 
g‘ V;  
r . _ 3...
iieni

~ nosfazer
W1 sentn'
incapazes
d
[V
MN
TS
ee
SC
a
H

Ou
Nao
requer

habilidades

 especiais
Querida

iravou de novo! !!

‘
g . 
‘ . ‘ h K . 
n pk’.  ,
__ / 

 

Andem meninoslll
V60 ajudar o popoi a dar-
Control + ...
Ou é dificil cie usar
HMnM, ..Aeo2A A ‘  UM Fmo. um Fmo, 
BcllA‘lA MA_ND»°-N90 uwskoso um FIMO, 
LER OS "C0016? UM FIMMI-lO, UM Fwo, 

BRANCO.
Nao
é apenas

um rosto
A bonito
Afinal,  9
o que é design I
O que é design? 

Uma disciplina que
explora o dialogo entre
produtos,  pessoas e

COl"lt€XtOS. 

Fonte:  http: //www. usa...
: sue a no 1 true:  Irxrv;  Dvunioacx suwm

 

   

_ ‘o; D:--Ia: 
‘o. -.'m; c-. 
.
  I‘H: W”-
.  . .  4.. 
Irrm:  u.  T _...
V‘. 

‘on .  l“. rvs .  »» ‘I’ @313

--  ‘ 
V!  3-‘.  5 «lb.  . ‘V. ,..  f ",  3‘-‘ 1' ta’-i_"‘ ‘  : n '.  5 V_
T_-- .  W ...
O que é design? 

Um processo que cria
solu<;6es para ajudar as
pessoas a alcangar seus
objetivos. 

Processes for interac...
Qual é o seu objetivo ao
entrar no Google? 

Personallrar esta ggunzu Efeluar 'ogig

”*  

Web lmagens Grupos Noticias mal...
Como seria 0 Google se
fosse Como 0 Yahoo!
y 1

     I"'. .'nwugn'¢¢r".   gVl‘? D‘D‘:15Il: -did‘/ .‘ . " 

       

. OGr-n; |v-‘- uh"-17'" 4;
'. ‘G ‘E (.0290 HON!  ...
O que é design? 

Um artefato produzido
como resultado de
pesquisas e testes. 

Design artifacts include various system mo...
Isso tudo para criar. ..
Satisfacao, 
Tranqtlilidade, 
Bem-estar.  ..
Companies large and small are
turning to design as a way to
create better products and
improve consumer loyalty. 

Innovat...
lnovagées e novas
tendéncias em design
.nv, .§. x,. ... . .  .. 
iii . .
.  ._
.  .
1
. 
.
. 
I I .  I
_ 41.. .’.  n
‘V DIV
I I ~f. 'i. ..T. m
.  _ .  :
Portabilidade

css para dispositivo movel
MOTO Q

Ace s s 0 Dir_{il.1 1:
hltp zf/21 ce 5' s'(irligi1a1.I1el
’ Portabilidade - design liquido ( resolucao 640x480)

pubrpara o eorlteirdor;  mapa do 5:12 2|

'( acessodigital >

Irm m...
’ Portabilidade - design liquido (resolucao 1024x768)

pulav pm I uooloorlo rr Inna do mu m

4 aoessodigital >
um .3 1,.  ...
tea . ,
} )s. .m. .n 
.  Ix

. |.. .‘. lW. 
.. ... a. . 
en.  ._.
__’, ’1
-J

i fl‘?    ' K

.  “§, _‘ , . . ,
. .; ~

 

“qu_e abrange ou encerra ‘ ”
muitos elementos ou «--. ~
partes.  C...
“Os melhores designs sao
simples,  isto porque eles nao
contém nenhum elemento
desnecessario ao contexto”. 

Par Almqvist ...
Os trés elementos
fundamentais do design

> Design balanceado
> Contraste
* Linhas invisiveis:  70% x 30%.
V 4
’ 9;‘


Estilo mais
simples e
equilibrado

Facilidade de
uso.  .. 

Web 2.0
-.  Business—Paper. net

“ M1 online applicar ion for companies to manage and order
brisirrcss with culling llrc adrrririi...
globo. com
Julho 2007
u . .._q. -on —- nun

nor“

aw.  fl

. .  , 

u. .I«»~. ..»-a

. .,—,  ,

M 0-1»: 
f-1‘D—

LI 1:40

LI Ivlknélu
in avian: 
...
globo. com
Agosto 2007
JC3

lit!  in tsullt:  1| “ax Ilvr 7 _n___ _"__. _
W" yawn-. -» ybvuuuu «. -

y~ |  'Al| 'I. "fl" TI L]

 

HM 0 De pénalti...
G1
setembro 2007
em 4.
". — ~14.: I
r. ‘-J . '
m ~ A

5. 4 rim

. ,.
‘v", ',, -

 

. ‘.-5;;  . 471 W
I-'-4-. m--o-

v* -<“ mo -"urn. -:4

...
G1
Outubro 2007
dobomm

rum. .. -. .. . .
Inn

u-wan

crnnhcu

I ---_ ~ - -:2-a

( '9 ‘U

r-n-m. sq - u -u-.9.-o
(nnnnu o H;  tr.  :4
u. ....
4 acessodigital r

Lqulpe Acesso Dlgnal

 

Foto da equipe da Acesso Digital - Horécio,  Léda,  MAQ e Bruno Torres

http: ...
Portais Corporativos - Mobile, PodCast, WebCast, Design
Portais Corporativos - Mobile, PodCast, WebCast, Design
Portais Corporativos - Mobile, PodCast, WebCast, Design
Portais Corporativos - Mobile, PodCast, WebCast, Design
Upcoming SlideShare
Loading in …5
×

Portais Corporativos - Mobile, PodCast, WebCast, Design

4,449 views
4,363 views

Published on

Published in: Economy & Finance
2 Comments
11 Likes
Statistics
Notes
  • www.corptv.com.br<br /><br/>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Como Funciona e o que é Webcast?

    Webcast é a transmissão ao vivo utilizando a internet por meio da tecnologia streaming para distribuir o sinal de áudio e vídeo em fluxo constinuo de informação!

    As primeiras transmissões ao vivo streaming ocorreram no ano de 1988 utilizando a tecnologia Shoutcast com base no MP3 comprimido a 128kbps porém, como a Internet ainda não era capaz de suportar transmissões de elevada velocidade, o projeto foi engavetado.

    Hoje com novas tecnologias, codecs, servidores e redes dedicadas para streaming media abre-se um grande leque de possibilidades e a tecnologia vem para integrar as possibilidades da Internet, TV e Telefone em ferramentas poderosas e versáteis.

    Imagine-se podendo interagir em áudio e vídeo com pessoas de outros Estados e Países, sem delay e em alta qualidade e resolução de imagem, podendo também apresentar e compartilhar arquivos, promover enquetes, compartilhar seu desktop!

    Com a grande ascensão e a melhora da qualidade da banda larga, quase não existem limites para todas as possibilidades multimídia que este tipo de solução oferece.

    A CorpTV Soluções Streaming Media é a empresa Brasileira que mais cresce no setor e pode tornar possível qualquer necessidade em comunicação de sua empresa!

    www.corptv.com.br<br /><br/>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
4,449
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
616
Comments
2
Likes
11
Embeds 0
No embeds

No notes for slide

Portais Corporativos - Mobile, PodCast, WebCast, Design

  1. 1. PodCast, WebCast e lnovacoes em Design + Mobile Hora cio S 021 rcs, Acesso Digit l1 up : //a Ce S s odigita l. ne
  2. 2. apresentacao acesso cl: glel Horacio Soares Consultor / Designer de lnteracao fl= ‘Z_ horacio. soares@acessodigital. net I, " http: / / horaciosoares. blogspot. com ‘ l, l
  3. 3. lnovacoes e & 1 A . I Tendencias
  4. 4. Forrester research (Junho 2007) The most important emerging technologies #1 mobile devices. Forrester Research asked 15 of the largest interactive marketing agencies http: / / blog. ragan. com/ contentmattersl 2007/ 06/ the_most_important_emerging http: //www. forrester. com/ Research/ Document/ Excerpt/0,7211,42561,00.html
  5. 5. O grande desafio?
  6. 6. i l§t‘Q‘ . ‘vi : %‘vl. . 9;‘. ‘. §! 1». _ mssgfiexlg . .'. |.%; : £9? eel, ‘
  7. 7. ~. . . , . I __z ' “‘_"'3l‘- V‘ l _ Cr. ,, ,—, ¢:'2 _‘ -'u ‘, ‘.3.. -.‘ r, H "m»: .'. .. -, F - F ' ” -. l . ;~. -_. 1. ‘° to ; n . —o" In r . u__ - . ..l. ¢ r_ I All , “' ' I I'l ‘ I ‘ . . J - ' v 4 I -—. .A. —¢'. ' "r l 1 _ " 1,, , . .I , ._. A L - , l- ‘. 4 I . —- l ‘ I
  8. 8. Site Wireframe Primary Navigation S econdary ldavig ation Cm-tam Foote- dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
  9. 9. Mobile Wireframe lsavigntlo" dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
  10. 10. havigatio" Secondary l'~Iavic_; ati: >n dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
  11. 11. Maxima largura e altura recomendada Recommended Max Sm: zoo x 250 ccxzls 320 pinls 320 owls dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
  12. 12. Mobile Web Ful| nO1nda'nu Si "du lbuib Sin 'uv %'-nu‘ Hnuhnl: htt : //pc. dev. mobi /
  13. 13. Web Standards Separacéio do conteudo da apresentacao. Roupa certa, para ocasiao certa! I!
  14. 14. Roupa azul “ Complicar c sirrples e facl. Criatividade http: // internativa. com. br e lUlll. :l| u 4_Lll| _1|l_d'. U an sinule: -s. Contrcbnixiszc worm; Mlngas Artizcs ARTTGOS UQZGTIDFO 1 JUt 5 Rozursoc Humans: A: Unlverstdadss Co'p: >ra'. h1as, H-). lef‘llJr0 ZIIOE > Romrsos Human): A Corsgun Awstaté o: :. A Modems Sestlo do RH e 2 Pos-Mtdemid: -do Ulfl JD! 0 . ’ JIJI: > Hoaursos Humans: Bra»/ a Reloxio Sobro as Escmorlas :13 in Taylor 31;. > Rezursos Humanas A 'ErtreI/ ate de Des i; arnentc' Setennro 2 JOE Few-retro 2007 ' Haws para parar c pcrlzar. ..‘ '0 unit in rrnu-In qm-. rain H: a 0-’! equal; qJo flLl1t'3 I01 nsda‘ I-rarltlln Uclano Rooscvctt '05 «:5-as ls-urn’: ran; in qr re niiix camareencem ‘ ‘Dude nflo ma l. lZ do and 1:-odcmasvo‘ cc cclrclaz ' Herdclito 'Pnrcipio; Ia Efciérci: n'3o Icrrcr o lU‘. lH0 ncm rxlaliar o passado I) insucessa e" apenas u'n'. «i rqvml Ii-bl Ir! II-9 HIIIII-eg: -I ll-I. nan ccm mas ntelgincra 0 . ..-.4n an as: .. ;-u— has-A ~. .na. . Dmll ii» In lixla alr- cportulidados F npi-: _;~ Suzinl
  15. 15. http: // internativa. com. br Trocando de roupa “ Complicar c sirrples e facl. Criatividade e lurrmr u 4_LIlI_1|l_d'. U en siuules. Conrrcbaixisxc mono; Mlngxs ARTTGOS I)-)Z6T1Dl‘O 1 J‘Jt 5 Rozursos Humane: A: Urwerstdadss Co'p: >ra'. l-/ as Pl-). Ief'1'. 'JrD ZJOE > Romrsos Humans: A Corsgni Awstaté 0:2. A Modern: Sesilo do RH e 2 Po: -Mtdemidede a UlflJl‘. IlO . ’ JIJI: 5 Rowrsos Humans: Brave Reloxio Sobro os Escmorias :13 in Taylor :13. > Rezursos Humanas A 'ErtreI/ ate dc De3i; ementc' Setenbro 3)-OE Few-relro 2007 ‘ Hascs para purer c pcrlzar. .-‘ '0 unitu IIIII-Ill qm-. I: -"In H1 3 0-’! aqusla qJo ntnca fez nsda‘ I-rarlklln Uclano Rooscvctt '05 (:5-as lama’: ran; in qr re niiii camareentom ‘ ‘Dnae nao ma l. lZ do cal | :-odcmas -/0‘ :3 cclrclnz ' Herdclito 'Pnrcipio; :13 Efciérci: n'3o Icrrcv 0 future ncm ixlaliar o passado Z) msucessa e" epenas Irna quill Ii-bl I-! cl-. rrllln-er: -I lr-I. nan ccm mas ntclgéwcla 0 . ..--.4; no its: 4». .. ocean ~. .n. a.. Paul: in» In lixla alr- cponulidades F npi-r_; ~ Stcinl 3.9.9816 env BIN 7 ‘ISIIG C GILQO , aecriuu: W. " J
  16. 16. Roupa laranja INTERN TIVA INTERNET CRIATIVA Imam Partiriu do has In aponuuiuou Eanoveuo Sozic G9.93I. e ‘I2 1' '‘ ‘»cg; i-. '. . I ‘ , » . ‘ - filutaaohlurcno. Eiunpuulrvualbus-¢¢u: uIIrru¢'. llJ(S Iii I I. "J ARTfiOS L DElel‘M0 21200 > Retursos Ilurnmos As Uivorsilados Caporisas. llcxerbro 2(0€ - Recuraos Iturumos A Co'a; arnArstctélica. A Maderra Castle :1: ‘(H 9 a P69-Modern dude. Clulubro 2(06 > Returns lunmos Brew Reiexéo Solre as Esciérios ca Era Tl‘/ Olistl. 7 ; -Iocuruouumrroc K‘ A"Emre~is: adoDeslgar| err. o' SOIOFDIO X05 l H I . §'I"I‘€ “"'lFV‘1 http: I I internativa. com. br : -Ellfllliro 9007 ' FIN! Dill Dlfll 0 IOI| OIl. ..' '0 uneo rorrcrr ant n; ‘.o era 6 new we 1urufczneda' Fronnh Dobro Roosevelt ‘Os tie; Izdram pa“: 0 we 15: zarnoroaroomf ‘onus nio ni ILZ at :01 poornaevor a nuclei. ‘ I-Icraclio ‘Piririrrrnee da Fliiéuza I711 lwnor I ‘nun mm iulzolal-in u zmssauln .1 nsuresso é aaenas Lmz aptnunaaao on comocar co nc. c : arn rra: nmslg6n: a. .4 cannot at rel
  17. 17. Sem roupa S'. I.-I ln: crne: CIi.1n’x-3 - 'CompI‘: :Ir o simplv. -s Efaci Cr_~. :I'v. ~.d. adc é zom-r o c: I:; :L: .Ido em ; :np! :s. " C harks Mhgtzs ‘H2235 * 67:20; o Ff~(‘-I -’-’lC'3S 9 Deziembto 213-T6 ‘ l{(‘CllI'$O5 HUIIIEIIOS A: L'u: e1:i. i-de; Cotpcxztrns. 0 Ncrcmbra . .’tI0E> ° : |> RQCIIPSOS HIIIIIFIIIOS A Cu: -. x,~: w . -. Ii. .I. -.r. '-Li. -2:, A . Iud: u.a G-:5l3- L‘-I: RH C 2: Pt'vs-. ‘IfuJr. uj. lzdr: v Oumbto IOC6 ' (‘l R"""‘"“ n""'“"°“ http: //internativa. com. br
  18. 18. Roupa para impressao pular pan II corlaindo :1 map: do she RI 4 acesso digital > Illklull UUCIIISOIIIOS 3Cf‘Ii§05 NISJOS UIKS LOIIIIIOS Acessibilidade Web Standards Usabilidade Arr-Isslbldade do ueraade i '= . . <.'-'n. =. -*. .= Acesshllldade —IIIeh standards — Iusabllldade Ptn-*. s:= .'r. '-s 611 um; mm ndclcogm : u: v. II . :I| '.Ir Izla .1:'. '.'. I|: ulu: I:IcI: _ ! JI'. - I-r. -:. on : : ‘ta : cu: -rlzxtnn 5:: cl -. --. ... ... ... ... .-. c-. ... ... .u. ..-. --n. ... ... ..nu. ..u-. ... ... .-ac-. .-nu. no. ..-. ---. ..u. ..no Iunnrw. Irgnl Ii um girqm rh rnsqitrra '. '.1rI-10 [IN prwur : .nIr uivnmr ezoaéruas dc macaw) : as «-13. I. -5: I'. =.calaIr: >s pea Ir: I': :'a' c azessc é T6000 33.! dd. ‘‘C'f'D-:30 DOl’CJ¢ otzrnos ‘. ‘|¢'I(9! C6 tun IOOPZPIC I. )(: ;A. irI In Irtm. Iv: lr. Iv. ": 0-_IiL Li. ‘ . u.I.1J'v. I qu. vui I. ‘III «II. mm. .u. -wi.6IJu-.6. . C“. ‘Il". ’J. ': '.~is lvm . ’1l '. '.'III. | I; aw . c/. l!. ' '. ~'n. ~I. all.
  19. 19. ’ Portabilidade - css para impressao ? 'd‘1(t 4n. 'l| aF1~ln1 7 Wt : D II Isch Tijjirn-In-é. r-h-. r [g| h4:¢__5'Il’IIiul; |-I’ I [9113 | 1 acesso digital > Acessibllldade, web Standards, Usabilldade. Jkufiilidi In tndndn 1" I K r. :n cc uouibidcdo I Ink Itutluis I unfiiitlado . De= en'. ::-Lvemc: uanrnez: -:| ol<>g': 1:5 1:3" 916:1 : h lzexztidade. pcis lava an coumo comazo soci: -1 Accssibihdadc dc ‘v'crdadc! . '-. -_-: ::-. - Digital 2‘ JILI pq, -.- J-: e: ;u. J;> 2 1.-e»q.1.i: .uI~. u1mla. par '. -ou. :.'z. ..u«: ; LUHJ d; .u: *.; us . r,~eri€0c. :: cc. r.1er: .:: l:; . f: u'. ua¢5c e -:9 ‘ah b-65 b'abal1nm: ;s gm‘: n'. elha: .'ar a asvesso 5: Teux-lcgua du 211'-)nuav. _:i': o pcvqu: 2-5.‘. .m. L-s Cl'! Il. e$ Je an uLwr1a"ncu Pa‘: cum‘ s: ;lI. ‘.; .'; -as de ar. colér. c.a «:1 fa: Ll. :|a$a e ll-ezmnlidaudve .1: use. ~ar. :'a| :1nr.1:a. s o <: :A1I. $:; can‘. a reali-‘. a;e 0 (. -.1:. -; as pesscas u-. ‘u. :l: _‘-i'a; u. 1:: -.-gran 0 aeu ale" 0 .3: quv wauxa L nu uh: I‘: e:1b1:b :2. wl. .l4Iu‘. ].: 'dulo1.: s : 1.-. ¢.-. m:'. -,4’ o A Ewmem uiinia e : lu'A sen urk'uui«hr| e'a‘ 0 A hfievmncsvs csté «, qcd: :.: 'a pm it! Fmfincuc c.1:o. '.r. 'r. h'. ‘ http: / / acessodigital. net
  20. 20. Portabilidade css para dispositivo mével MOTO Q Ace s s 0 Di<_{ita 1: hup : ./9'21 cc s s'()<ligi1a1.I1el
  21. 21. ‘I-'F! aa. rtahil§ade d? i:prasiEiva: ;;ma6vét x'cess0 Digital site de testes: http: //acessodigitalnet
  22. 22. O uso de CSS para cuiciar da apresentagao e’ um recurso poderoso, mas nao é indicado para um design muito complexo, pois nao consegue remover grandes imagensc
  23. 23. Outras alternativasre . .e
  24. 24. the Wireless Universal Resource File The WURFL is an XML configuration file which contains information about capabilities and features of many mobile devices. http: / / wurfl. sou rceforge. net Em testes pelo Henrique do Revolucao Etc. http: //revolucao. etc. br/ archives/ quer-nos-ajudar-a-fazer-um-teste-com-dispositivos-moveis/
  25. 25. Wireless Application Protocol (WAP 2.0) XHTML-MP: E um subset do XHTML, usado como linguagem de marcacao para aplicacoes wireless. dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
  26. 26. Forrester research (Junho 2oo7) The most important emerging technologies Other top emerging technologies of the 30 mentioned: - Online video - Ajax - Social networks http: / / blog. ragan. com/ contentmattersl 2007/ 06/ the_most_i mportant_emerging http: I/www. forrester. com/ Research/ Document/ Excerpt/0,7211,42561,00.html
  27. 27. Forrester research (Junho 2007) The most important emerging technologies Less 2 years YouTube the 4th most visited website on the planet (right behind Google) - people love video (especially on-demand video). http: //www. forrester. com/ Research/ Document/ Excerpt/0,7211,42561,00.html
  28. 28. n my: m, r', n :4 ~ '“"""'‘'«'‘. s ! ‘.L‘-"U. "1 __. . _I ~. * . ageig ~ , ;—‘ ‘Pl
  29. 29. (‘tr Charlie _. ..r In}. Enterprieelfl Meet Charlie What is Enterprise2.0? iliifjg r. »‘ '. m.w. u' . .1llc; l.: +1‘n= .lr; l . 'ml§llf. .~"§l§3'g'. l‘1Iu. "‘I'Il§l§lf4:! hg| i‘ rug». -~. .-1‘: raIi‘. ~-1w4g. lzg; ~; m, «;; ;.(g: l
  30. 30. esta é Carole colega de Charlie e sua mentora Meet Charlie What is Enterprise2.0? http: / / www. slideshare. net/ slgavin/ meet-charlie-what-is-enterprise2O
  31. 31. Carole normalmente tem muito a dizer. .. entao ela criou um audio podcasts que sera distribuido por toda a companhia
  32. 32. Quando um novo podcast esta disponivel no blog da Carole. .. Charlie sera notificado via ‘uli, :‘gp; s i“‘ v. ~.l-. v.»v. u' sillilt-L131?! val. ll; at; .-~*; ll32xx-“Inll‘nlsaaitwgziraurlta»-! .~liraIl‘. ~-Ivsallksargnmellil
  33. 33. .. .ele entao efetua 0 download, ouve e disponibiliza 0 podcast no seu proprio blog ‘uliiigg r. »‘ v. m.~. »v. vl . ;lltu; l’: +1‘m. l re . m;: i:. .--*; ll;4=. ~. Ili us‘ in i; a;: ir»«; :‘u tall’Ila»-! -‘llrali‘. ~'1;+4;lIli(; li*'¢li"7l;1;1¢; (!3'
  34. 34. S lldeshare http: / / www. slideshare. net/ horacio. soares 1 C‘ ‘l-40' -. vasu-: u:. —s"§: EL‘ -l. ;w, _. :,n Search -ml [4~nrI'l'~. :_ III Sngnup nglvcfl damn ‘I, '. hd¢up- o lpkcrl ‘olrnunlfs Tl-pot: A Tnql ' _ _ 3 ans: . | JLIIa. ev. l "§'5Sl. £5 F: '.-v. IQ) : .‘IUl: lll§ ’I . 's Cu lo. 5 c guy: :‘. IlP. 'l: My $II&| p|(O ‘ll; “lI"J s dosharo n>‘'h0l)' : core: I. _l_I‘_ V L. .‘. lLlL J. r. .. . .‘. . 1 )l | l'm- -m. '9 an-r. ‘ | lHI‘i . _____. _ . JI‘<1i. ouI: D0' A . . I ihsslltl. -.5 5»L1.v*. —_ls ' Lltl -.5" 7? ~s nnooay 12,‘-paaggnu‘-vg I ,7 , l.. ..u-. .. v.'. ilx; , l r ». l . , 9% ’. l:; ;-. ;ll. ..x. ..-. .1lv; _ r ’ — ». .-ca -ll‘; :C£FflI'. "_ 9.4.1 ‘Jr. {A ; :|C dI! :m_.
  35. 35. SlideCast if . 100l- "' ‘Ir slldeshare podcast slidecast -‘ ‘W: ‘JRL3 1-".1 1e-: ‘r-‘; ‘ '- l‘l71~‘~l'll|2"l . .~ l; ':; ~l Conference talks, musical slideshows, slideloons, audio stories and ? ?
  36. 36. SlideCast I 5 ‘rt l| UlA. U'M. l:l= ) ('L_J L. .( Ll. ; . -Lp. :s ilomc llysluxczpa-2:: Ll: oad Conrmnlty "v: lpl: :&Ta¢s III’-'. 'l‘ . ‘.1l', ‘.'. .l'r ~l‘r'ur. '1 L'*. ‘‘l. n'rr'1h" L'r. '-‘hr-. vn'r‘. t"'I: I. .rII'n"r -n‘: 'r-In‘! 9 no v F: -.5 . . - A. .4 . _. ulna. .. | ..u. . W. .. u. .. l . l'. l. ..L . I- i-. .l . . . .. su. ., 3.-. ... r'. .El 1-- sit. . .107.. . L. rvuorvtatcrs AI arc: -tsuon “I87 ‘III I cur vdnnc today from '/ oh’-'0 the : an t: Iuv zml re us-«tuna lma: £1 0' L63 -nM. -¢ur¢'K. IIg -ouuuhngu: . U‘-: ' -n cairn-enacting -O: -n. .L, a.. «.. ... .. . ... .7.. . . .i. -. u. ... ,.. ... ""*GW. ll¢ - SFO Severn ‘or Oninc Reholevs Webinar ‘w ‘nu. ~ alas l.2‘r' llll1c. ".’ . .. M-nn: norm; lama up vrlsrnt ramp-vir. -s vwqt-u l - 7 ‘V 3018-. 'nval0vwnIvIkI7hvvIilIu ‘14.vwInu¢l1v1d¢ T’ -l. ' , V_ _. __ _ rI'n-5."-er. n'srI| ! —q; ~ . -«auger. -g -5 ‘_'z/ 5ll| DOJ| 'H‘C'll3I -. :': : _~: e- : .;: |i: .e: ; EII. v.ww ; lIr. '.: *:v. a I-‘flfi: &‘ll. PN“Plf. .‘ "NC RX VGGCEOVI L'39'D3 52¢ : ll| ‘l'1I Tl I Furl nu: 5n—£-. ~x. .w v mam connnluc blog b all : _1eslioI: . BIN a PR: ill‘ lot $1P. r tan nwrinw-«mu-nu: |'| l1It: o,va3c, yo. ,vn. 'ln5-rélbcuclorl yrarnskluivlge vw'UI: r. 93.3311 fim'L. : She as I Dlle 5 I0 0 low Valuing . .., -,-A 9 --. A. , , . r-. A , ll. Nlnzvlna zuw vu vo 1.1.. --nu CICCQVVP1 -
  37. 37. UEIEEA ‘, .I_lI'AlIIIIll I. ltl‘- Lwfesl lfldeay ‘fit "r. l.«'. > C.4La; :)riul. l€Chn°l°flll3- lcub ll‘ l4‘l ': l:‘. t.n1)| * H 0-H" “V lt| fVl' lily! Ll J . l lIliL“. .'1l r -4 1 . ,. Uolcad Videos V ‘. ..D- l; ... ‘ ,1 »4.(. , l 4 lg‘ “ t ‘V ‘ r‘ H‘ 3- . _. A ; , . ~ . ,, > -1 K 'rq.1 . n 'l'l'l1l. F.T -in flu'. n:r . . ‘:1 . Lingo‘). -‘t. .' *2 - . ". Pczular ‘/ iduu Tags El‘C'‘J: hCE : '! l13". ll']l' en‘ rs: -. -- . l.. l ~i- ___; "' *2 aJln‘= r:. f~_' ll rrlrr-. . ll. _-~r[; —;-3 , ... l. :1l_ (-. .. m ‘M
  38. 38. WebCast Unisys UNiSYS imagine It. done I‘. . filfl A .4‘ . ,4 C‘ ' | . O E nmllnlzv
  39. 39. WebCast Beneficios - Melhoria da comunicacao - Eliminacao da radio tamanco - Broadcast (todas as filiais) - “N” reprises — Diminuicao de custos — Treinamentos a distancia
  40. 40. ll | i», i,. ;,~l~, .;Q~[: _,—| -;~, ‘1,: _'. ;«| HSM Management - , / A, . Set/ Out 2007 ” Pesquisa on-line da '-"-" ‘ KnowledgeStorm ” , 5,3 mil profissionais de Tl (Georgia , EUA) 76% compartilham video Desse grupo, 45% tém perfil em pelo menos um site de relacionamentos
  41. 41. | B M AC‘ _ Service 2/” 0. I . , _. ' nenled 1 -Lancamento Architecture F . SOA - Service “ll Otiented 1 F ‘i Architecture . , ‘_'l- '1‘ '‘V/ _ A ‘. '.'h~lr. SDA7 Launch - filme de 30 minutos - video viral Trailer de 2m Youtube, Yahool, etc. Sandy Carter Vice-presidente de marketing da SOA e da WebSphere
  42. 42. You In Hm _l_L‘l.1.. ‘l. L". ’.2l.1 :2 ml ‘.1 -. .-. m.I lj. -L~. : o | ;:L; .' Lr. ».: ul 1~ l l u loo. (. .lll. g:»lm. '. U. l 10!! (. lJ'lIlI‘lL ! 1') “(ll ‘"9 l scatcn ‘ What l$ service Oriented Architecture SOA? Tn on U e llC’. ’ bell; l xerslow oi the oauet I/ “F £. r1rInl1 I. IIglIe"IS, ’V0Fl I to rdnzcxycgl ' _ Fu: «w cliw: -(.1; . _ : Oriented ' ' Architecture ‘ V . T5” . -— . . (F . ~,~. r :3 . -, , l I 6*. URL ‘: : . -:-: .'2 -‘~r1~:1r:1“. -:_yl “RICE: -.4‘ . 7 Ll| IJ: Ll‘. '.I: L1l| .'| l' vi’: :| fl"1~ : :J "L: :" r: = ‘t W U Re alcd ‘. l:>r-: from trio us: ' Clay iota l" r 9» win! " 1-2nr':8 -1 '»‘r. . ‘ / ’ l . ' , 1; ’ _ - , *1 - 7’ . -.n. -l « scru . . ‘ ~‘ ¥ : _ : _ rt‘. ‘Lu . . ll. — EEHBE -? “J ‘’'-= ‘ ”” ” " ‘. 'n_an; S;r~Ic """"““-""“ , ... .; _ . . l. , ‘ : (,, _ _ / r<: |‘lr: l«u‘. '5.‘ 7'1‘ TIC 7'. ’ ‘ ~11‘ Cvli. .3 ' l":3i vi my lu. a:: l’~: urr T‘: A 0'37 M , .,. .. .,, “ ‘‘l'‘’‘ l A , ism “. |,‘i1 22.230 Corwiurls 4 7.: .J'il: <: 1I)ln‘1v. .~-J l r. I p . . . w-1
  43. 43. IBM Lancamento SOA Resultado do filme Launch Aumentou 20% a taxa de aceitacao de e-mails Resultou em dezenas de milhares de vendas
  44. 44. IBM Divisao de Mainframe Criacao de videos humoristicos para a reuniao anual de vendas em 2005. Publicaram por diversao no Youtube Durante o més postado — duplicou as visitas aos grupos do site
  45. 45. IBM Divisao de Mainframe Aumentou em 10x 0 trafego do blog do mainframe Jan 2007 — o primeiro video da série tinha sido visto 85mil vezes, outubro ja chegou a 140mil.
  46. 46. Molatrl-iv. ‘-r. lr¢‘1n: : I 1| I. r“ l—‘ "‘r, Q| I-: I‘-I -Q Ir Ll -I I I I - I ‘ M1905 l. ;'.5‘~I». <.. l. ’l_l ma L: ":nJ'l ', @ U. ..l. .ll ‘ Mainframe - The Art of the Sale. Lesson Ono *~ I-. :.; l:= . ‘ta. -o I ~'[<. .i‘n3‘_Cl. <_rv‘I1:' Acdc : l. Aaqusl ll). 2006 S 'l . ~ . row: .l-. ._': _‘ :4 _ to 3E0con-:6 li-flflnl-'rII--lsliu ~. .¢Iov| I.4uu Y H: . : llN_: or) I. lJvn. v:. Tags: E"Z"'“"' L‘. '>' iilfi Y”. '‘. ‘'J'. ’ ‘ . JFZL I. .. Cv'. .'. ..u‘.2e . ..v'I"-sand! ‘--'. l3‘. '.‘»V. L-3: N 02'-27 . . : ’1|D? C -': :.ccx A Jr: -115 Mug-r: '35!) 3-‘pa-V-1 not-u “smell In Rcmcd '. '.«)r*. :'-: r' :11: 06- Pm, i; ‘3 3hov. u10‘-Z00". -‘3 "" ‘ "' _fl_flJ£1 11:14] fig HIM [VII VIII) V. tiff 35‘. rlimgt mu V . . W4‘ Views 140.150 Comment 29 | ’a'on'lsd‘ 393llmes. “r ‘H» L ‘'~_ -1: l , . I‘; ..
  47. 47. Acesso I3igitaI Acessibilicllacle na Web Custo ou Beneficlo? Creative Corn mom Usado e replicado em: Cursos, palestras, blogs, universidades, empresas, profissionais, estudantes,
  48. 48. Lu »-» ' 3: *1 . ,. .1 . -__ AL‘ l| n‘r: < >11 '“m'n . ,. ,. - . . , , ‘ . _ U I I‘I‘ID‘r‘A'. ‘ ‘run ‘A H" , .. J”? '31‘: I EETE‘-Iii; ‘III 1' '-‘IE3 If ‘3 NI (. l_. ‘. ‘LA " — -r . ‘ -« . ... ,.. ‘--I-= ' ('; -L-«. . . »-r ~-. --»n- Y —». » w-n ‘ . '1". " T [F fin ' . r*".1II-'. rm rvv 'r'. w ruin ' mm ”r"' v1r.4' m -- ~ -A: -w-hm " ' - — "" s: rm. -". e: ~ (‘. —n . _;_ iliip-L n"lT| ]=4I“I1§. ![IlL.0(! li| l..5lr". ‘i‘7€f= lI¥fl3(| ZA("7' A In-'rf21°: '-‘ .4-it Tcdrr
  49. 49. Q Planting I _ . . Tamra 0” Nap: dc Sue | Ccntalo | Careers I Logh ] MGSSIIIEG SICOQSS I ‘I ' About Us Team 5 D , Contact Us 5 V D Pégina In cia > ~lbcu1L| s > Corpotatb Vidoo Privacy Poficv corporate Video E, 3 Coapolate Vldeo ni_tion of IEOCDIII , Feodtnck -'G)€-- Watch Ptoscienfs vidtol Dcwnload Vfcndows Neda Player. http: //www. prescientdigital. com/ about-us/ corporate-video
  50. 50. Web 2.0 para sua empresa Lista basica para explorar o poder do software 2.0 gratuito e funcional na sua empresa (fonte). sabros. us - Copia do Del. icio. us que pode ser instalada na intranet da sua empresa ajudando organizar e compartilhar links externos ou internos. Danbooru - Galeria de imagens tipo flickr para organizar fotos. Activecollab - Ferramenta de gestao de projetos. RoundCube - Webmail. Zimbra - Plataforma colaborativa email, calendarios, tarefas, etc. Wordpress - Gestor de contefldos (blog). Drupal - Gestor de conteL'1dos (portal). Mediawiki - Software livre que sustenta a Wikipedia. Uma plataforma colaborativa para ser colocada dentro da sua intranet. Moodle: Software livre para e-learning. EyeOS: Sistema operacional baseado em web. Ajuda gerir aplicagoes web. http: //www. bIogcorporativo. net/2007/09/27/agora-vai-web-20-para-sua-em presal
  51. 51. Antes ole listar as 1' novacgoes em design, vejamos o que é, e lo que nao é clesign.
  52. 52. Aparéncia é 9 i mportante para I 0 design
  53. 53. Sim, mas design nao é artei
  54. 54. Aaneéum expressao pessoal, um ponto de vista. i Esobre avida, as V5’ i emogoes, os it , pensamentose ‘ I I, l idéias de um determinado artista.
  55. 55. ‘i lo»: -3(14:v-w
  56. 56. 2' l Design nao é maquiagem. ..
  57. 57. Muito menos So rte Li. ’ W. ‘H ‘ 1 J . rd ‘ 3;“ I. Va 5 9 in A “+12!-'1-‘.
  58. 58. .«» rl’= ".ao derive ser derrso, Herr: pefiaiclo
  59. 59. Poluido!
  60. 60. Wally? . ... .. ..m. ./. ... ... m.. .., .._ . Tn. . B , ; .q 1.4 3 0 I) 5 s . /u . II . . ; ¢. ..: . 7 I o3. q q. .- . <vl J. A. . cg . O r Jha - , T . »~ css ‘ . .n 0 w. .. . . ¢v , . I. Q . . 4:4.. . . on. . . . ... ... $t u. r 3. of. J . .. ~n. . . I In! . fad. . 1 E Desorganizado. .. Onde esta o
  61. 61. Lento. ..
  62. 62. Ambiguo?
  63. 63. . . . K. ¢, ... ... J.. H . Q. A . . . + _ A. _ . um _ . urn. _.
  64. 64. Confuso
  65. 65. Frustrante
  66. 66. i! éio deve ciiscriminar ‘s V‘, _, . . ‘I . . ‘A’ . ', I . , ,3’ - ‘ :5 ‘ r-. .' » '— . 1“ l» ‘. g‘ V; r . _ 3 . . _', V I I‘ ‘P i 21. ‘ i l’~. ’ . _‘ I
  67. 67. iieni ~ nosfazer W1 sentn' incapazes
  68. 68. d [V MN TS ee SC a H Ou
  69. 69. Nao requer habilidades especiais
  70. 70. Querida iravou de novo! !! ‘ g . ‘ . ‘ h K . n pk’. , __ / Andem meninoslll V60 ajudar o popoi a dar- Control + Alt + Del.
  71. 71. Ou é dificil cie usar
  72. 72. HMnM, ..Aeo2A A ‘ UM Fmo. um Fmo, BcllA‘lA MA_ND»°-N90 uwskoso um FIMO, LER OS "C0016? UM FIMMI-lO, UM Fwo, BRANCO.
  73. 73. Nao é apenas um rosto A bonito
  74. 74. Afinal, 9 o que é design I
  75. 75. O que é design? Uma disciplina que explora o dialogo entre produtos, pessoas e COl"lt€XtOS. Fonte: http: //www. usabi| itybok. org/ design/ p286
  76. 76. : sue a no 1 true: Irxrv; Dvunioacx suwm _ ‘o; D:--Ia: ‘o. -.'m; c-. . I‘H: W”- . . . 4.. Irrm: u. T _ “ . J . I ‘ : ‘ i . .. .. . j _, , Kr , i_, u.. . an. ‘ . .. I‘h“O‘rA '“l"lU¢tl - L U. .l: ‘ - ‘ D ‘ Oulcklimc 1 Required. . '. .-nun. " “I . m-“on Q 'uo " ' "' ‘ I I. ,'_Vr_ , ,. .x. .' V. Ir . ‘r‘ H. .. luv A"
  77. 77. V‘. ‘on . l“. rvs . »» ‘I’ @313 -- ‘ V! 3-‘. 5 «lb. . ‘V. ,.. f ", 3‘-‘ 1' ta’-i_"‘ ‘ : n '. 5 V_ T_-- . W _ , __, L . - , ~ in» r-. -.- -- “Kin - . -L-— *- rm , , . _* E‘: -" - , 711 mi. 92- ‘Va. ’ . _ vwl ‘Lu r ' V *5‘ ( ‘ - . ’/ -_~‘-I’: . "W9!" - QM “ '- 3 '6‘ ‘ . _" J. 2- 7” * ~ ~ -, t._ If it's on iTunes, it's on your widescreen TV. 7 0' . .~-, ... . . m. .-. .u v. .. llu u. L. yup 1,, " N’ Mac 9 PC . n. --~-mu. u. -.9: - 4' .14 -. ~.. u.r--. ~-u "17 . m. -- . ... . . a 4.. :. .. .. . .ir . . . . . .. . .. . . . . .. . .. . . , ~u. i . .4.-_: .. uu. . 1J. l<u. I- . ..m_ . 5.): .x. .~ um I ,5 J iII'I| l u». nu», ._ nu. ‘VI: <'~. -.1Arrr vl nr "l: .'. !=:1 | '| I'l|1. 'JJV -win ___, _,_ , ‘, mu . ,,, ,,. ,_ ’ - -'I. . ' . ’« '. '.'u: 3 2' * ‘1"Ia-ecu -u . .-r L Hm 1'M: ~I$ a ‘Q Ihcru . I ’ . .. . . I" u ‘ . .. 3 “~ . .;
  78. 78. O que é design? Um processo que cria solu<;6es para ajudar as pessoas a alcangar seus objetivos. Processes for interaction design in the context of a User-Centered Design (UCD) methodology. Fonte: http: //www. usabi| itybok. org/ design/ p286
  79. 79. Qual é o seu objetivo ao entrar no Google? Personallrar esta ggunzu Efeluar 'ogig ”* Web lmagens Grupos Noticias mals» 3': -Lqul : : av: *; .cla Pinup . : I5 -irlv | Fin n mm . --u - -1- : " '--‘ ~ :4" Sui! " . -D Pesqgisrz :5‘ a web : ': pég'nas am purtugués péginrrs do Brasil Solugdc--'. do publicidade — Tudo sobre 0 Google - Goog| e.com in Eng ish Us: 0 Googhs cumo pzigina incml! 2:200? G. .; 7
  80. 80. Como seria 0 Google se fosse Como 0 Yahoo!
  81. 81. y 1 I"'. .'nwugn'¢¢r". gVl‘? D‘D‘:15Il: -did‘/ .‘ . " . OGr-n; |v-‘- uh"-17'" 4; '. ‘G ‘E (.0290 HON! 5'DlC #34! HO «INC ""1 0 iliflfll hbfl ’‘ urn -y'tpa"o rnfl, rvr Ac: INDQ '/ It I-¥¢ VQI l'V‘°". ' 0O8l€ 5“"= "'L Q ' '. 'o. ~ulv Inn: NJ» 0.: Inc Awlv ‘W-uni w; ;:o; I: ‘V1 1| I -a r‘-:1 ‘no-mrmrn: f"-p: rv- Ink 4' sh“ _‘ 1 M K. Docs Pnliilmanuum Imam T I-_~‘ gin‘. In Pandas Mum , ‘,‘', .~. 7-” . “H. ” titii ; ' loolloun : . inc . |a'n rruao rm " : -u «I i--~ .1 filing: ( Inn 0 av: Vculuhe ser New mmrnenl an A 01 p. III. ’ aka. ‘ 35,, .p, «, v_. _-; ,_-g clnmonfi syn uooqua tp‘o'o¢u. . um pm. ‘ nnwnlnfld b_ Allumu Svflolns Anuazouu Sovvn . . Jul. M 9 ha‘. Voulube Se! New comment cn Jun. 05 6 am. 2.2.-—. m-.1.-w 3| ‘ Pennant! - 0‘? turn- Q9 I--9e: II I V ; '_ , ,__, , M. “ W, mo ? )r)w c"eate GLF nex: 6;! O unggcr . IIlu: :ns[un. rmrg lJ'HI: In. ':ll! .1n Harry: 3 Local warm: Han an ‘n up-Ie. .nI-suern-am‘ ‘ 1 yup Pusuullrnhuns l’: nrro| P*om F i >«- - « 1-~‘ Q neg. SAP’; uoalsu: :ossbr «Mme huts u: - ; , ~ : . , - 1 -: 1. W mrn QM paw Nap! ‘ ham: 7' 1 3' ‘run; m Um Oaporalhin mutt Bliiomr Syn! 715 ' ' 1 ~' -. , Sgmlllbz will wind I ran! v If Vita II: .al1V . - I {)0-mngmv Jun on: In Pncrw . ' 1 1 sm; .| 3.5.3.; 5-attain llniom aboullhe mubnlo Web browse’ ‘ ‘ ‘ 1-‘ - wan mum. IND ct-Ilnulnsocuum damn 1 ‘ ‘ ‘ i . I ' r“$D EEOC
  82. 82. O que é design? Um artefato produzido como resultado de pesquisas e testes. Design artifacts include various system models, design specifications, style guides, and prototypes, including low-fidelity prototypes, such as sketches and wireframes, and high-fidelity prototypes, such as mockups and system demos. Fonte: http: //www. usabilitybok. org/ design/ p286
  83. 83. Isso tudo para criar. ..
  84. 84. Satisfacao, Tranqtlilidade, Bem-estar. ..
  85. 85. Companies large and small are turning to design as a way to create better products and improve consumer loyalty. Innovation Through Design Thinking http: / / poynter. org/ column. asp? id=47&aid=98543
  86. 86. lnovagées e novas tendéncias em design
  87. 87. .nv, .§. x,. ... . . .. iii . . . ._ . . 1 . . . I I . I _ 41.. .’. n ‘V DIV I I ~f. 'i. ..T. m . _ . :
  88. 88. Portabilidade css para dispositivo movel MOTO Q Ace s s 0 Dir_{il.1 1: hltp zf/21 ce 5' s'(irligi1a1.I1el
  89. 89. ’ Portabilidade - design liquido ( resolucao 640x480) pubrpara o eorlteirdor; mapa do 5:12 2| '( acessodigital > Irm mg Que-an Snrnm so-umigu-. AIIir_4n Ilrrk-. fulrlalun Acessibilidade Web Standards Usabilidade nrrssibilidndr-. do vr~1'dndr~. ":: i F| ‘lT~1 do arr-sdmilidadc I 1nrr~h standards + usabldade. Ac-oszams en -rra nertdologla que val além da acesslt-Illcazi-3, pcls eva -2-rr cc-rrtao-: (-"it-'-. -<1:> scclal Acessibilidade de Verdade! messy Er gzal at u1 '_ll. |’. ‘0 co I peaziursa ‘mam por pessoas can , d verses 5'/ .r: e'1énr: tas dc rre'r: ar: h : - ’ a. ‘. «Id: NM l'1'1.'>lIL'. n‘-‘rt! rwn rnrshrrnr :1 r. -'. ';= =o Fl T. ':rn'-o<; I.'. c: . Inf-arm. '.-15.’) pr-‘cm: -*= r:irncs (‘. |(‘. fl. ':‘t
  90. 90. ’ Portabilidade - design liquido (resolucao 1024x768) pulav pm I uooloorlo rr Inna do mu m 4 aoessodigital > um .3 1,. uucm borne: 5-3l‘n-;05 Ntigos Links LDIIIIIOS Acessibilidade Web Standards Usabilidade Ara-zslhllriada do vardadr A : <. '--ns -‘.9 anssslhllldadp -wah standards - usahllrhdn "r>r= r:'r'-z an Irma mu Jclclc-r_. ra : u-: var ali-n" do a: '.'. -.= rI: - I -: |:Ir: -:_ : Jrs I-r; -:. cr1 : : ‘ta : c-znzxto scc : .|. Acessibilidade de Verdade! Msevsc. Ixgli d mi glqm fh fnxqrx ‘rrrvln pnr pwmv . '.NI‘ t‘IIv: 'vI'. £.' e: =:>-art-rzlu -1: mer~: a:$: > e co vda. I. -5: rasnllmros pa’: rreIl': 'a' : seen: A Teena can dz 1‘<:1'a-:3) p-mg ec. =.1+: -s class :5 sua 'n| :><-r. £1< a . »‘-4.-v. '.il. lI us ll. I‘IL r1r: lrx: ';n. -_p'a. ‘Jr: .rz. L-J10 rpu vii £. ':1‘I rJa. . rvzrz. .r. :.--. nui>ilrJa. du .1’. -'.1I". '.r. ‘; '.Iis Inn: on r. '.'u. n u to: .o'. lr. ‘ aw. ul.
  91. 91. tea . , } )s. .m. .n . Ix . |.. .‘. lW. .. ... a. . en. ._.
  92. 92. __’, ’1 -J i fl‘? ' K . “§, _‘ , . . , . .; ~ “qu_e abrange ou encerra ‘ ” muitos elementos ou «--. ~ partes. Confuso, complicado, intrigado”. ”'"“°'"°'"°°'“ '"°°'° _ _ “formado die poucos _ _, elementos, ,e, . portanto, de facil utrlrzacao e "' H Um homem feliz Cornpreensao '
  93. 93. “Os melhores designs sao simples, isto porque eles nao contém nenhum elemento desnecessario ao contexto”. Par Almqvist in KISS - Keep it simples, stupid! http: l/www. digitaI-web. comIarticlesIkeep_it simp| e_stupidI
  94. 94. Os trés elementos fundamentais do design > Design balanceado > Contraste * Linhas invisiveis: 70% x 30%.
  95. 95. V 4 ’ 9;‘ Estilo mais simples e equilibrado Facilidade de uso. .. Web 2.0
  96. 96. -. Business—Paper. net “ M1 online applicar ion for companies to manage and order brisirrcss with culling llrc adrrririislruliw: ow. 'rlir: .rd and making qlralrw control easier than ever before Designers Businesses 7 7I’. el. s go. Lets go. rAw’Il r'[T'I (Mfr ii ni. IflI'~ | 'irrii4i'rr. i nu Ii- wr-. ' ; i- in‘; .i in are 3.I. “ . Ai_, rh- r T. ‘ y. JV iill l'liVl'y ' i, i . i: mi riu. |ri. . in mi iiizrrini l''l- ‘ ii. = 4 Id)‘. H lI_- u. J:l'-r. Sign up for our rreu. sIettei' Existing risers log in here Name: [ Account: Email: Email: I: : Sign up now H "“”‘“"d' T Log in REIIIBIIIIIEI rrre. 3 ""“"""""
  97. 97. globo. com Julho 2007
  98. 98. u . .._q. -on —- nun nor“ aw. fl . . , u. .I«»~. ..»-a . .,—, , M 0-1»: f-1‘D— LI 1:40 LI Ivlknélu in avian: | w r. ..-n c. 4 . n. nu. -m. A0913’? Mani-tn 1.1 n. uo. uo. p no um - fll IUOCH (-1 Paneulanc u vuulrflv m l quill: unn- D-wanna-u lbeiun-I LKSI “. vs '4» to--n . I MU s. -«vm “. - Ads 1 ~. -.. -. I’; funk LG‘: un- u-or mu uyv u. .. L‘n. u . » -nun: worn | I. A. .. | - cu «in an '7. mam v~. u.- and l at-AM cau- VD-I"lQo nu. 3.‘. Inna-. 1,-. .—vr-r lhOAA~' nu: Isluas gm»-. . COVSI H‘ ‘IUD 5 “Lu: I uncan- P'l. .v Iu. ~u: r~u - nun rn-u - -rm 4n- 1- unn- HA! -undo: —a1n ‘nit: Jcanlnmuu. I ' 1‘‘Iu' ') "two Ct-cu): 3. (C 9.4 v~. -:sIuct< no. u. .- | .. . 1;; '- Lynn . . . . ‘. -.am‘ ma 4. . 'nr1"I‘b -nun -. ax r-. :u . ~~ wt-vwrifiuvtu an n. n -In» ~. .- 1.11:]: -. ... . ..u. ..4.. .. .u. .«-. . um‘. ,» 5*; % . .; «J Han . u.~. . runoyunu-mu; u Jo-ipvqmouuuiui Qfjtjfifl | au': I:: n:: c<r. x<r': c. uu , u.. .. m. 1‘. .. -nu. .. luounuauunhlv-In no-fiouwa-fiun J14 Iwumus 60 Jon do Duh M -u: u . ‘lI. vlL‘l r no Irl1En< nn M w: . '- nu-u-I w. )1 an. .. . .- r-. . u. -1 . unlu . .. . 1 urn: the : .;ul 1.4 n . u--. u 4. .1Ixu nu :2 L Acacia In; A. In para-wag 1:19 ¢ . T ‘K H: .¢nn asp an hnuuuuo fibbflh runs: 1 >51: nuur -:4 . .., ‘. A . n~n Yrllun -.1 wt --J: .uv0~-olrib-van‘! so . . nu . . um. -nu fl’ ‘aunnu-nu §Ir'. yIaI' asthma» umpn-duuulsnnpu uutocuttwl - nub ~ . n. . . . .4. . ... A. u. . A! .. ... ... . U051: suinatn QVIIIS! hqsuahltllgapaun vtwoluhvurjnlfi nrwli I . .: o~uu. « ‘If : '. u nun «wt. - Pflluvuqunlsquehmn Zupvodcltvpbhaqa r . . 5.. ... .» -. n_—. - 1.. .’. an. Ann. I. .. .0.. . I-. .». ... ... . . .»p. . . u.. ... L L4»; «run-a-an-fin -sac-any-an mono- &I: & IP11 Fwutuu KW‘ ncf: :I. )uuv1.Li: u -.4 : Iu. n.-um u‘. ».. .‘A-- .4 . . . .‘o . -um van u n—. ~,~. - . - .7 . -.. r.. u., .., wu- . .. .u- . nu mu. .. IIIUQC woman Nj manna-mranlto fvndlh-hltfii . ... n . . . ... . A . J{O‘L4|. A.. Z¢I: s:uu; $ 321, 5‘, Pmue vz . -. J , ;.v . .»u_u. u-r 1.4 Oliluuu‘ Unnatu- nqu -N-uso-anus
  99. 99. globo. com Agosto 2007
  100. 100. JC3 lit! in tsullt: 1| “ax Ilvr 7 _n___ _"__. _ W" yawn-. -» ybvuuuu «. - y~ | 'Al| 'I. "fl" TI L] HM 0 De pénalti, Flu due 0 -= v'n-~- placar conn 0 S30 , ,,, ,,_¢ , Panb no Maraca; siga I 'I| -IJI ‘tau. Ian: '1 Iv-rou; :;. n ‘n "I I rr p I - t. -.h: rn - ‘r r Ir‘-Pr -: n-» as N9l'l! ICE! 0'! ‘ UP ‘. l'QJ! "b( I C011‘. k'E4')'J£ n Mt-pan? -: bunt-. do obfimv. a Mr . '. .._. . r. ... ..- . fl. ..“ an . . unu- - fun: -an Ffions-an luau Ian! - Null I twin 3 rank 00 nu -R Mitch pain I C: 12- 12))? Ilvli no - nu 'o! NflHI"3l«*I V‘. $ Ill-'1 nr~. ~w but is u on Ilnuh . -on-was ‘D30 av 1-mu . ... mgt--», p 4.4.: tiinflli DUIICHJI Ullfll 'lIIII2'llll| lI1fIl ‘'0 M13!! ! Pclldslhqm Cdallauvlbracun Dvusbhuln no ""‘”"""“ “mm. Jomchuhsen aunmaattlannflo wmuimm ‘_ haunt, ch Jami III niacin fin . ,¢. ,.‘ . '. _|. .n. .- 1.. ... a.. u . t. ... ... .._-. .. .x—. _.. s. . r. ... —.og . ‘ . ... ' ‘. . -A. IJ n1" -4.. ‘ ‘snmluro . ..n. , ‘ . ... -ya. .. ‘_; o'a a. mug: tn <o~C: ulI-«Is . . ~A. ». ._. u Znu ‘uI, ‘ "M-v woclmun ""5"" u-waoEUkc4rnhMeo Aubtuondukuvuh -u mus pogcliopnonh-Irl (A00O0l'. DfBIl& . w. . um —u—nl , V . . . . -uuuunuwao um: ‘I’! "UP-N» -. .2.-. ,. '. ma. ua. . I mmuan: Lncunolau IN‘ ‘-U= _«| s!‘-= -III" gm 7.". :—-. ..-o nu -. -. ... q. '= -‘ N '. '* '1"-~'--I - 39 _n': ,‘. m" . . an" n“ "M. . . -: -.1~n-r. N ‘in tact! ‘ Almnu ll‘ Inca L, F L . ., . .4.. . . _ . ‘_, aw we a nu-la urn nu ‘rdllbvwrvlnvf r. -um '”"""i . ... ,,. .. Q g. .,. . n----ua~-ms'u-uua-u- u Qitnclnnvwoh . . fia-‘ - t. s-. .n~-n-n-. uzn. - . ..-ma . .u. .m. .,. .a. I ma. u». ..a. .. . ..n ; -:u. -w-wu. v u -_, ,., ._‘, ,.g, N, ” - 3-an-aunm mun-I1 . Ma-u quno~mhp- nrh 'dI. ".l I"$f93 KID“ Ll 0- I. Qu no _Mw as-mm - mp. -u—. .A. .. . mm. .. «a. - nan-nun. .. _ 3.1-1:: . . _,m, ,,, . n: hnparao In tenant ‘*3’ ’‘U* '''’‘‘‘'I’ '" ~- up-» » '- -u 9 «A- krI: atIH<1:: AzrvbIfl~ , . . ... . n. ... _.. .. . H- mm an .2. ma. ow. .. . v. .g. . huuatv. Mun! zuueuouuzuuzbs u -nu--endow ra ‘--mu VIIMI In I‘ am an ,1” ‘°__‘‘. * In u-ummu -can urn -mum: haunts 0: GI r I! rut: war 1- r u
  101. 101. G1 setembro 2007
  102. 102. em 4. ". — ~14.: I r. ‘-J . ' m ~ A 5. 4 rim . ,. ‘v", ',, - . ‘.-5;; . 471 W I-'-4-. m--o- v* -<“ mo -"urn. -:4 ‘II D1;l*'! ' fit . n[I . . ‘r. , . m-‘ . .- a -s ML‘ min n . .uo- .7: V. . ..x . .13, my . . . . , .‘| , g , , , Cumbica: ministro manda demitlr responséveis por falha : ar -a+:1 'r'9n' : 1-1: I11 : nalwr: ': m[“: "‘ s. -.v~ . -1 , r‘, vI‘v‘, rI’ . . 9 v rr - _ “ 1- "‘ “ ‘: :I: :1'-‘. ".‘ ‘_‘ ‘. <-. .—n'. Pyofcssor lT0t'l'¢ mm: do bala pv. -rdida no Rio * .11». '; Ergo -: 10 : :nt: co-o I. ... . . .n. ~.; -. 5.14. me ‘P " , ‘-'. -'v. 'v fl ‘-r‘: Nv I - 3. , 9.. .4».3.l a. n. » 1. 5:»: . .- mu . . ‘ ‘ ‘. q- op'v»w-; - . _._. ,,, __, N ' ll! -' . amo: rk'. -. e.: 7.. -.. .m. .'¢. 5,9» mans un e ds-in H", ' ‘ 170 feridos no Javoéo ' '. '!£C1 An: -ruanhe o cléssiuo Vasco x Flamenao : 1|-Ir ': .'| 'u»: ¢ yen 1: '. | marl rn . --peers! -I tr ncrrr-: 9)! 3.: :;: inc‘. 3 rquvo G1 nu. muvu. .4.. .» _, , pl] Prdro Blal lnva paosia aos par: --dons do B33’ 4 , In : .'7mI: : :2 rt: 33': :»: r:zc' Icsqun _ - ‘ ~ v-:3‘: -111 *1 r 1.: en-n1». 7' . ..-. .. . _‘ . . _. ""' ' : ‘jl; _‘ ‘ u . .. « “,3: , I'l| -Duwnl . - . /r-‘{ V ‘ Lnlt0'“’- do 61 n. «nd. sm fctos d-zkoryr Waters _/ -1'-‘_ _ _ ’-"’3’+: .. . . ..*. ..: ... ... ... ... ... n.. on ‘-13,. .- . .:. ..‘. ..: ..r. a -.1.-— I ’ «. . mm». .. L‘ -J ' H r: .. nu'. .2 “A ~a'r~«. I>u-1;; .. nu. D~clmr, c'>o d-‘- B-rllm - -r: < : |v. -. : ‘rh : -:1 d1‘v1I-50 TB Ur rrIIn‘- rflan ' ‘ffl-F , WbJLi. .J ' . ... ... |.u V V lmw, . . u., __. y__ . V_n, |uA, «“-_ Dlvr 1» n‘ | -1.1!‘ flu-4 1"‘. u. . - P: K<a}: I‘*' "r: ‘ 1: hr ' “. W‘ “HS”. :11 u«-- hfi‘ . : ‘n. 'l'DL’€ O 1.‘. Escola pfbhca din oul-as dc estroromla em SP " ‘ ‘_ I, W1 4 . _ . .vu y. .. u. g’, ... .u. ... _ I, .. J. : , _ __ L] . r.:5 mundo
  103. 103. G1 Outubro 2007
  104. 104. dobomm rum. .. -. .. . . Inn u-wan crnnhcu I ---_ ~ - -:2-a ( '9 ‘U r-n-m. sq - u -u-.9.-o (nnnnu o H; tr. :4 u. .~. so- D0003 nan-. » rlweu law: av-In-. a an a: nu 0.uaIr: I I-. 1. Annu- Ilene: >125!‘ 371-: vuuur 0 iotula mi nem ‘: lIO 31 (J a Cfiuu ‘.2 ‘J! Entire! S’ Inutaurn ’<II: nlrcntu 'a. .s . ... . . ... .. . ... .. yawn. vacuum was luaatar ‘-‘'l' I I . ' pruo D '4'. -J‘ I AI. Abatia mantinha aquivo de crimes no Brasil T"2‘! l1I 2'. 'C¢"l'. ‘1O1|C-? OI5|| "UUDI 3 MI! MVCIOIC OI‘ d¢»€| l'OPb1 O ffl'UU| ldC'OI CF 3 T0! ¢£¢0"d| ” T0 DIL 00317023030 J55 70 IP00‘: XV “IP. 569.020 I NIGII Ttdfll 0 M, M. " 16: . — vnh - uw i -1 w - om. ..1u. -.. *. o-. .-.1-1 u. an» Cléssico padbta an brig: fiputn entn lwcidn I anual‘: II zluu. vul : t.': wI ': L': :gu; eu. fI‘3l‘St'1fl'| lNIP"l lllanfl‘ ("into MMIK -- at I uu. I.1hcu un‘i. )u. 'lI. -M Mr. nu luau’; MM, " M -QM-K 31-HIIOI. KY‘ NIIII ‘ (DECK! Nvllu, ‘llM‘I u c : c IISDZSAMZIIM F| 'Ul%flAVI I C310 69 D0|)Q&I‘v H0 Hm Iii-Juiulnr lulu: .. .. . .‘ vu . .. r; -.1. . « Iohnnmtnu 3" I CG'il'1'§I'I arm: Ideriiofhoh Glfiflalllfl am. mu‘ m o In-Iauouuuvranuv-uuM'Ino»u . . “"' II »- . Pollen bust: momnsta que 9” _ : __ __, ___'_, __M_ ' ' Ll cmanu Ire: man: no OF 11!’! I‘IAlIl'9 Marauona oi «two '30 drop! u auopono na Annenfna no: man -L »u in. » Chiwz uncut Iiwmyu pun monumnto em Cwaca I-10’ ha» 1.. .>. ‘IL I'. .1I '. .- "II 1:13: pm run nu. IA3ILI| H.3llaMlKIfl 8&0 : oJd. lP. .1- 19 II. )1 si 9 "‘ Iii Holt] an Portugal and: monina Sllhlu OS“ V3110 I. ::u. n- ‘ma 1u| .a. .n. 3: u. nix. up on x n'rr. 11'. rInli‘ t'Ii‘1fl. 'I‘! rr Irah Ilia corn-n u rl : cnto: u»? 'n «rt Ilka Imam! -n; n cu-I mu 1 m u u Linda oollohnnrfln nation: 'I
  105. 105. 4 acessodigital r Lqulpe Acesso Dlgnal Foto da equipe da Acesso Digital - Horécio, Léda, MAQ e Bruno Torres http: / / acessodigital. net blog: horaciosoares. b|ogspot. com e—mai| : horacio. soares@acessodigita| .net

×