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

Portais Corporativos - Mobile, PodCast, WebCast, Design

Published on: Mar 4, 2016
Published in: Economy & Finance      
Source: www.slideshare.net


Transcripts - Portais Corporativos - Mobile, PodCast, WebCast, Design

  • 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. apresentacao acesso cl: glel Horacio Soares Consultor / Designer de lnteracao fl= ‘Z_ horacio. soares@acessodigital. net I, " http: / / horaciosoares. blogspot. com ‘ l, l
  • 3. lnovacoes e & 1 A . I Tendencias
  • 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. O grande desafio?
  • 6. i l§t‘Q‘ . ‘vi : %‘vl. . 9;‘. ‘. §! 1». _ mssgfiexlg . .'. |.%; : £9? eel, ‘
  • 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. Site Wireframe Primary Navigation S econdary ldavig ation Cm-tam Foote- dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
  • 9. Mobile Wireframe lsavigntlo" dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
  • 10. havigatio" Secondary l'~Iavic_; ati: >n dotMobi Mobile Web Developers Guide - http: //pc. dev. mobi/
  • 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. Mobile Web Ful| nO1nda'nu Si "du lbuib Sin 'uv %'-nu‘ Hnuhnl: htt : //pc. dev. mobi /
  • 13. Web Standards Separacéio do conteudo da apresentacao. Roupa certa, para ocasiao certa! I!
  • 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. 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. 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. 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. 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. ’ 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. Portabilidade css para dispositivo mével MOTO Q Ace s s 0 Di<_{ita 1: hup : ./9'21 cc s s'()<ligi1a1.I1el
  • 21. ‘I-'F! aa. rtahil§ade d? i:prasiEiva: ;;ma6vét x'cess0 Digital site de testes: http: //acessodigitalnet
  • 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. Outras alternativasre . .e
  • 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. 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. 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. 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. n my: m, r', n :4 ~ '“"""'‘'«'‘. s ! ‘.L‘-"U. "1 __. . _I ~. * . ageig ~ , ;—‘ ‘Pl
  • 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. 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. Carole normalmente tem muito a dizer. .. entao ela criou um audio podcasts que sera distribuido por toda a companhia
  • 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. .. .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. 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. 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. 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. 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. WebCast Unisys UNiSYS imagine It. done I‘. . filfl A .4‘ . ,4 C‘ ' | . O E nmllnlzv
  • 39. WebCast Beneficios - Melhoria da comunicacao - Eliminacao da radio tamanco - Broadcast (todas as filiais) - “N” reprises — Diminuicao de custos — Treinamentos a distancia
  • 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. | 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. 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. IBM Lancamento SOA Resultado do filme Launch Aumentou 20% a taxa de aceitacao de e-mails Resultou em dezenas de milhares de vendas
  • 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. 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. 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. Acesso I3igitaI Acessibilicllacle na Web Custo ou Beneficlo? Creative Corn mom Usado e replicado em: Cursos, palestras, blogs, universidades, empresas, profissionais, estudantes,
  • 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. 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. 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. Antes ole listar as 1' novacgoes em design, vejamos o que é, e lo que nao é clesign.
  • 52. Aparéncia é 9 i mportante para I 0 design
  • 53. Sim, mas design nao é artei
  • 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. ‘i lo»: -3(14:v-w
  • 56. 2' l Design nao é maquiagem. ..
  • 57. Muito menos So rte Li. ’ W. ‘H ‘ 1 J . rd ‘ 3;“ I. Va 5 9 in A “+12!-'1-‘.
  • 58. .«» rl’= ".ao derive ser derrso, Herr: pefiaiclo
  • 59. Poluido!
  • 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. Lento. ..
  • 62. Ambiguo?
  • 63. . . . K. ¢, ... ... J.. H . Q. A . . . + _ A. _ . um _ . urn. _.
  • 64. Confuso
  • 65. Frustrante
  • 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. iieni ~ nosfazer W1 sentn' incapazes
  • 68. d [V MN TS ee SC a H Ou
  • 69. Nao requer habilidades especiais
  • 70. Querida iravou de novo! !! ‘ g . ‘ . ‘ h K . n pk’. , __ / Andem meninoslll V60 ajudar o popoi a dar- Control + Alt + Del.
  • 71. Ou é dificil cie usar
  • 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. Nao é apenas um rosto A bonito
  • 74. Afinal, 9 o que é design I
  • 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. : 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. 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. 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. 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. Como seria 0 Google se fosse Como 0 Yahoo!
  • 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. 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. Isso tudo para criar. ..
  • 84. Satisfacao, Tranqtlilidade, Bem-estar. ..
  • 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. lnovagées e novas tendéncias em design
  • 87. .nv, .§. x,. ... . . .. iii . . . ._ . . 1 . . . I I . I _ 41.. .’. n ‘V DIV I I ~f. 'i. ..T. m . _ . :
  • 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. ’ 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. ’ 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. tea . , } )s. .m. .n . Ix . |.. .‘. lW. .. ... a. . en. ._.
  • 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. “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. Os trés elementos fundamentais do design > Design balanceado > Contraste * Linhas invisiveis: 70% x 30%.
  • 95. V 4 ’ 9;‘ Estilo mais simples e equilibrado Facilidade de uso. .. Web 2.0
  • 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. globo. com Julho 2007
  • 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. globo. com Agosto 2007
  • 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. G1 setembro 2007
  • 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. G1 Outubro 2007
  • 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. 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

Related Documents