Design da informao e contedo para dispositivos mveis: projeto de website

para Instituio de Ensino Superior, IES, adaptado para iPad.

Design information and content to mobile devices: website project for Higher
Education Institution, IES, adapted for iPad.
Tiago Zambuzi Sanches, Tomas Guner Sniker

design de interface, aplicativos mveis, tablets, web design

O acesso instantneo de informaes e o desenvolvimento de tecnologias de comunicao mveis ocasiona
uma potencializao dos modos de interatividade. A criao e a popularizao dos tablets apresentam a
necessidade de desenvolvimento de sistemas e websites adequados para estes dispositivos. Nestes termos,
o presente texto apresenta os resultados de uma pesquisa sobre o emprego do design de interface no
desenvolvimento de um projeto de website para a Faculdade de Administrao de Artes de Limeira, FAAL,
com adequaes para a visualizao em tablets, em especfico para o Ipad.
interface design, mobile applications, tablets, web design
The instant access to information and development of mobile communication technologies causes an
enhancement of the modes of interactivity. The creation and popularization of the tablets have the need to
develop adequate systems and websites for these devices. Accordingly, this article presents the results of a
survey on the use of interface design in the development of a website project for the Faculty of Administration
and Arts in Limeira, FAAL, with adjustments for viewing on tablets, in particular for the iPad.

1. Introduo
O design grfico tem como objetivo a criao de mecanismos de comunicao capazes de
solucionar as necessidades dos seres humanos. Para tanto, o profissional desta rea precisa
compreender o usurio, estudar suas necessidades e o ambiente onde ser efetivado o processo
de interao, tendo em vista o projeto de solues que transmitam o conjunto informacional de
modo eficiente.
Esse objetivo toma grande complexidade no mundo contemporneo, que conectado em rede,
possibilita o acesso instantneo de informaes aos seres humanos. Nestes termos, o projeto de
websites e sistemas de informao, vm se expandido e ganhando propores que exigem o
levantamento minucioso de dados, influenciando diretamente no crescimento e divulgao do
1
design de interface .
Quando o design de interface surgiu, sua influncia a priori no desenvolvimento de websites,
como mecanismos comunicacionais, no foi efetivamente significativa, mas seu alcance tem
aumentado, principalmente diante da necessidade de aperfeioamento dos projetos para o uso na
2
internet . Hoje os usurios tm exigncias em relao navegao, gerando demanda de criao
de projetos informacionais adequados. So necessrios construtos ergonmicos que minimizem o
3
estresse navegacional e o usurio nem mesmo perceba tal mecanismo .
1

Para Johnson (2001, p.17) interface refere-se ao tradutor e mediador da comunicao entre o usurio e o computador,
sendo que para que a mgica da revoluo digital ocorra, um computador deve tambm representar-se a si mesmo ao
usurio, numa linguagem que este compreenda.
2
Inicialmente os sites possuam o objetivo de transmitir mensagens e informaes (Weinman, 1996, p.29), passando com
o tempo a conotar num mecanismo de criatividade de identificao visual e funcional (Bairon, 1995, p.190-191).
3
KALBACH, 2009, p.21

InfoDesign | Revista Brasileira de Design da Informao / Brazilian Journal of Information Design

So Paulo | v. 9 | n. 2 [2012], p. 100 109 | ISSN 1808-5377

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

Assim, imprescindvel que esta navegao apresente uma seqncia que o usurio possa
4
compreender . Segundo Kalbach o projeto de um website deve compreender e suprir as
necessidades dos usurios, que podem ser classificadas hierarquicamente em: a) disponibilidade;
5
b) usabilidade; c) confiana; e d) desejo , de modo que o levantamento de dados para a
elaborao projeto atenda aos pontos principais que devem ser trabalhados, isto , na elaborao
deste prognostico informacional torna-se essencial o levantamento dos objetivos do sistema web
6
7
e de que modo o mesmo pretende relacionar-se com o usurio .
Alm disso, com crescente complexidade dos modos de interatividade e a criao de novas
tecnologias de acesso internet como mobiles, smartphones, tablets etc., torna-se necessrio
desenvolver sistemas que otimizem a navegao nestes aplicativos. Com base nestas
informaes, o presente texto apresenta os resultados de uma pesquisa sobre o levantamento de
dados e desenvolvimento de projeto de website para a Faculdade de Administrao de Artes de
8
9
Limeira, FAAL , com adequaes para a visualizao em tablets, em especfico para o Ipad ,
segundo os preceitos do design de interfaces.

2.Mtodo
A pesquisa foi subdividida em etapas tendo em vista o processo de conceituao e
fundamentao metodolgica. A etapa inicial tratou do levantamento de material bibliogrfico
relacionado rea do de design de interfaces. Na sequncia, analisou-se o site da FAAL, que
estava no ar, segundo os preceitos do design de interface. Em seguida, foi traado o perfil da
Instituio, bem como dos seus alunos, levantando dados capazes de influenciar direta ou
indiretamente na configurao do website como instrumento educacional, mecanismo de
comunicao e ferramenta de marketing. Para tanto, foram elaboradas entrevistas semiestruturadas em profundidade com alunos, professores e dirigentes da Instituio. Nestas
entrevistas, foram investigadas as principais demandas em relao ao site, bem como os
principais problemas de navegabilidade que deveriam ser sanados no novo projeto.
Na etapa seguinte, foram analisados sites de Instituies de ensino renomadas e de tradio
no ensino superior, bem como das principais concorrentes da FAAL na regio e outros materiais
imagticos e textuais pertinentes ao tema.
Neste projeto aborda-se a adaptao do site da plataforma PC (desktop) para tablets, em
especfico para o iPad da Apple. Para atingir este objetivo foi realizada uma anlise desta
plataforma, onde foram levantadas suas principais funes e caractersticas, tendo em vista o
desenvolvimento do projeto.

3. Anlise de Mercado e Similares

Para o desenvolvimento prtico do projeto, buscou-se compreender caractersticas essenciais
contidas em um site de ensino superior, delimitando os pontos fortes e fracos segundo o aspecto
informacional, estrutural e de adaptao tecnolgica.
Conhecendo mais sobre a Instituio e seus principais concorrentes na cidade de Limeira e
sua micro-regio, foram levantados pontos relacionados ao design dos websites por meio de uma
anlise de SWOT, e estabelecidas diretrizes para o desenvolvimento do projeto.
Para tanto, foram utilizados conceitos referentes ao design da informao e ergonomia,
garantindo que as anlises fossem realizadas segundo estes parmetros, a fim de estabelecer
4

KALBACH, 2009, p.29

CHAK, 2004, p.2
Sistema Web o termo utilizado para designar, de forma geral, sistemas de informtica projetados para utilizao atravs
de um navegador, na internet ou em redes privadas
7
Kalbach (2009, p.175) alerta para a importncia deste conceito onde a inteno e a funo da navegao devem ser
imediatamente claras, particularmente para sites ricos em informaes com objetivos de negcios.
8
www.faal.com.br
9
Apesar de recente, o iPad ganhou expresso global, sendo o produto mais vendido da Apple em 2010 e com cerca de 1
milho de unidades vendidas em 2011.
5
6

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 101

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

comparativos entre os sites analisados, destacando os aspectos positivos e negativos de cada um

deles.
10

A partir da anlise dos concorrentes e do uso da matriz SWOT , notou-se que os usurios
buscam uma visualizao clara da marca por meio da sua integralizao com o website, sendo
que a mesma, alm da possibilidade de acesso s redes sociais, deve possuir estrutura leve e
atualizada, tornando-se um canal direto de comunicao com os usurios (figura 1).

Figura 1: anlise SWOT do website da FAAL

A compreenso de tais aspectos permitiu a identificao de parmetros iniciais para o

desenvolvimento de uma estrutura interativa, com navegabilidade bem resolvida e adaptada para
o dispositivo tablet.

4. Levantamento de dados
A etapa do levantamento de dados iniciou-se com a elaborao de uma entrevista junto direo
da Instituio, onde foram delimitados os objetos iniciais e os principais problemas percebidos no
website que estava no ar naquele momento.
11

A coleta de dados e sua interpretao de modo a criar uma estrutura bsica, reduzindo
assim os erros metodolgicos, estratgicos e processuais um processo fundamental. A
entrevista realizada com os diretores apontou exigncias relacionadas facilitao do acesso de
informaes aos usurios. Alm disso, notou-se preocupao com a criao de um visual que
representasse credibilidade. Nas respostas, destacou-se tambm a necessidade de manter as
mesmas reas de informao j existentes no atual website (figura 2), sendo elas: cursos,
vestibulares, institucional, vdeos, avaliao do MEC e fale conosco.
Tambm foram
10

SWOT a sigla inglesa para Foras (S), Fraquezas (W), Oportunidades (O) e Ameaas (T), sendo uma importante
ferramenta para anlise ambiental tanto interna quanto externa que atravs da dinmica das organizaes e do
mercado (VALUE BASED MANAGEMENT, 2007).
11
Segundo Munari (2008), a anlise de todos os dados recolhidos pode fornecer sugestes acerca do que no deve-se
fazer para projetar bem uma luminria, e pode orientar o projeto de outros materiais, outras tecnologias, outros custos

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 102

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

especificadas reas que deveriam ter especial destaque devido sua importncia parra o projeto
pedaggico da Instituio.
Figura 2: Home Page da Faculdade de Administrao e Artes de Limeira.
Disponvel em: http://www.faal.com.br

A segunda etapa da coleta de dados compreendeu o levantamento sobre o perfil dos alunos.
Dentro do processo do projeto essencial aps a definio do problema, ser realizada a coleta de
informaes, para que possa-se aprofundar o conhecimento sobre aquilo que ser trabalhado.
Neste momento deve-se procurar por referncias e solues desenvolvidas por outros designers,
pois antes de verificar qualquer soluo, melhor verificar se algum j trabalhou isto (MUNARI,
p.40).
A importncia de conhecer o perfil do pblico-alvo (usurio), reflete diretamente em questes
ergonomicas e visuais do layout, como cores, tamanho de fontes, uso de imagens e mecanismos
de comunicao, apropriados ao grupo em questo implicados na navegabilidade e usabilidade do
website.

5. Desenvolvimento
Com base no levantamento de dados, deu-se incio ao esboo do grid, que caracteriza-se como
uma estrutura que mapeia o espao das informaes, como guia para a elaborao do design de
12
interface , como as margens das telas e barra de ferramentas, barra de navegao ou a barra do
prprio browser, alm de reas de informao e estruturas complexas de ttulos, subttulos,
13
autores, listagens e link .
12
13

TONDREAU, 2009, p.08

TONDREAU, 2009, p.60

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 103

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

Portanto, no desenvolvimento do grid (figura 3), alm da organizao e harmonizao dos

blocos informacionais a serem utilizados, delimitou-se as dimenses que iro fazer parte de cada
elemento do website como um todo. Adotou-se a dimenso de 940 pixels, visto que tal dimenso
maximiza a aplicabilidade do website tanto em microcomputadores e notebooks, quanto nos
tablets.
Figura 3: Grid do website

Porm, esboar os blocos de informao no o ponto chave da construo de um website

voltado ao design de interface, antes preciso que sejam compreendidos os grupos
informacionais a serem utilizados, sendo necessrio, elaborar o mapa do site, isto , uma forma
14
estrutural de conjuntos de informaes que objetivem facilitar a navegao dos usurios .
Segundo Kalbach (2009, p.292) o mapa do site uma forma clssica de explorar estruturas
alternativas e comunicar a arquitetura para os outros, facilitando a navegao e estrutura das
informaes. Utilizando uma estrutura hierrquica pode-ser ver os nveis de disposio em um
relacionamento pai-filho, tambm denominado como estrutura em rvore, devido as suas
ramificaes. Com o uso das facetas, categorias que oferecem maior flexibilidade ao organizar a
informao, agrupou-se todo o contedo em sete reas principais, todas abaixo de uma pgina pai
(home). Cada uma dessas reas tem suas filhas, formando uma estrutura no muito complexa, de
fcil localizao, com fluidez no processo de assimilao do contedo informacional. Na prxima
etapa aplicaremos esta relao de informao em aplicao a um processo que culminar no
layout.

14

KALBACH, 2009, p.292

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 104

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

Figura 4: Mapa do Site

Este conjunto informacional aplicado estrutura pr-definida do site proporciona e embasa a

15
criao do wireframe , isto , permite o desenvolvimento de um esboo do layout final do site com
o objetivo de corrigir possveis falhas na estrutura de forma a evitar correes, alteraes e
reparos no layout.
Concluda esta etapa, o wireframe (figura 4) foi apresentado a um grupo composto por
funcionrios, professores, alunos e dirigentes da Instituio com objetivo de adequ-lo. Na
sequencia, iniciou-se o desenvolvimento do layout considerando todos os seus elementos
tipografia, imagens, paleta de cores, desempenho etc.
No desenvolvimento do layout deve-se projetar uma identidade nica e hierarquizada das
informaes, de forma que os usurios possam compreender a identidade visual sem que haja
perda navegacional como pode-se notar na figura 6.
Figura 4: Estrutura do pr-site
15

Conforme Freitas (2010) o wireframe guia visual utilizado no design de interface que ir sugerir a estrutura visual do
site, podendo ser feito de forma simples semelhante ao pr-site ou de forma mais avanada como uma ilustrao
semelhante ao layout.

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 105

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

Figura 5: Estrutura do wirefrime (completo)

Dessa forma, elementos como paleta de cores e tipografia fazem-se fundamentais para a
16
compreenso dos nveis hierrquicos e organizacionais do site , alm de agregarem maior
qualidade a interface grfica.
Com o grid definido e o pr-site j estabelecido em mdulos, iniciou-se a criao do layout do
site propriamente dito, contudo, deve-se atentar ao fato de que este projeto concebe a adaptao
para a plataforma iPad. Conforme pode-se ver (Figura 5) as principais reas de informaes ficam
a disposio do usurio. Devido ao tamanho da rea de informaes, ainda resta uma boa rea
para o background, que mantm perfeitamente a uniformidade visual entre o site acessado em um
computador, quanto pelo iPad, trabalhando o mximo de compatibilidade e garantindo a mesma
interface grfica entre as duas plataformas.
O iPad no faz uso do mouse, pois o sistema touch screen permite ao usurio navegar pelo
aparelho por meio do toque. Todavia, os dedos de uma pessoa so maiores que as setas de um
mouse, portanto, deve-se ter em mente que links, elementos de navegao e botes precisam ser
claros e grandes facilitando o toque e acesso as informaes. Alm disso, no caso da tipografia
utilizada em websites, recomenda-se o uso famlias tipogrficas sem serifa, garantindo maior
legibilidade ao usurio, pelo corpo, peso e facilidade de visualizao das mesmas no monitor
(FARIAS, 2001, p.72). fundamental que seja desenvolvida a diferenciao visual por meio de
fontes no serifadas e do uso de diferentes corpos e pesos da famlia tipogrfica regular, bold,
itlico, sublinhado.
Por este motivo, adotou-se para este projeto a famlia tipogrfica Myriad, uma fonte sem serifa,
desenvolvida por Robert Slimbach e Carol Twombly por meio da Adobe Systems, sendo similar a
fonte Frutiger. Em 1988, a Adobe criou a Myriad Pro, uma extenso desta famlia, que inclui
variaes como a verso condensed, extended, light e bold, tornando-a uma fonte verstil. Alm
disto, uma fonte padro de vrias plataformas, funcionando perfeitamente tanto em PCs como
em MACs, alm de dispositivos como o iPod e o iPad facilitando a adaptao do layout. Para
facilitar o processo de programao do website, fez-se necessrio a padronizao do tamanho e
pesos das fontes sendo utilizado a Myriad Pro Bold 30 para todos os ttulos, Myriad Pro Semibold
18 para subttulos e Myriad Pro Regular 13 para o corpo do texto, o que garantia boa legibilidade
em ambas as plataformas, principalmente pelo fato de que o iPad pode sofrer redues no
tamanho da tela caso ela esteja em seu modo de visualizao vertical (960x1024). Desta forma,
os tamanhos e pesos variam determinando as informaes em destaque e facilitando o processo
de identificao do usurio, impactando significativamente na navegabilidade.
O design de interface deve tambm considerar as influencias das cores e suas aplicaes nas
relaes cognitivas dos usurios. No caso das aplicaes no site proposto FAAL, o emprego da
cor azul deve-se a sua a predominncia na identidade visual da empresa.
16

LUPTON, 2006, p.99

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 106

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

Finalizada esta etapa, o layout foi novamente submetido a um teste com alunos, professores,
funcionrios e diretoria da Instituio. Feitos os ajustes necessrios, iniciou-se o desdobramento
do layout, aplicando-o nas pginas internas. Observa-se abaixo o resultado final desta etapa
(Figura 6).

Figura 6: Layout da pgina Institucional

Para cada uma das pginas internas (institucional, cursos, vestibular e etc.) utilizou-se cores
diferentes, a fim de distinguir as reas uma das outras, facilitando a localizao e o acesso, assim
como a orientao de navegao, proporcionando uma mudana visual que alerta a troca de rea
e contedo.
Outro item fundamental na estruturao dos desdobramentos refere-se necessidade de
menus laterais situados direita que facilitam na busca de informaes sobre cada grupo e
rea de saber do sistema web, de forma que seis reas foram desenvolvidas derivadas da Home
Page: institucional, rea de cursos, vestibular, blog, avaliao do MEC e fale conosco.
O iPad tem seu uso baseado em diferentes tipos de toque para diversos comandos (toque
duplo, toque com 4 ou 5 dedos, manter pressionado). Destacam-se tambm os movimentos de
deslizar e arrastar (swipe), importante em aplicativos (apps) de revistas e jornais. Alm do
movimento de pina, aonde se juntam e afastam os dedos para o zoom in e zoom out.
Este projeto preocupa-se em atender tais possibilidades postas pela plataforma e orientar a
navegao, bem como indicar ao usurio onde ele deve tocar, contedo multimda (udio e vdeo)
e interatividade. Contudo, como este layout atende tanto a demanda Desktop quanto ao iPad,
levou-se em conta que, acima de tudo, este projeto de um website e deve atender as
orientaes e estruturas pr-determinadas a web, alm de garantir facilidade de navegao aos
tablets.

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 107

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

Entretanto, a criao dos grupos e a aplicao da ergonomia na estruturao de seus layouts

no corresponde a mxima da proposta apresentada: a interatividade com o iPad. Para tanto, no
desenvolvimento dos layouts foram considerados os aspectos navegacionais do tablet, desde as
dimenses da pgina at os seus recursos cones, botes, entre outros.
Aps o teste de funcionalidade com o uso do aplicativo Adobe Device Central CS5.5, que
possui um simulador da interface deste produto da Apple, observou-se que o layout e suas
visualizaes satisfizeram as necessidades desta interface tanto com o equipamento na posio
17
vertical, como horizontal (Figura 7).
Figura 7: Visualizao do Layout no iPad 1024x768 pixels (horizontal) e 768x1024 pixels (vertical)

Resultados
Com intuito de quantificar a qualidade do projeto desenvolvido faz-se necessrio mensurar
o grau de satisfao e melhorias obtidas no ponto de vista dos usurios beneficiados pelo trabalho
realizado, a saber: alunos, funcionrios, professores e comunidade local. Desta forma, foi utilizada
como fonte de coleta de dados, uma pesquisa quantitativa para mensurar de forma numrica e
estatstica os resultados, garantindo por meio de uma amostragem a opinio do pblico-alvo sobre
o projeto. Assim, aplicou-se um questionrio com 10 questes referentes ao design da interface
como: layout, diagramao, usabilidade, interatividade e inovao. Esta pesquisa foi aplicada a um
grupo 285, composto por membros da comunidade, alunos e ex-alunos da Instituio.
18

Aps a aplicao desta pesquisa utilizando o mtodo de Gale que por meio de
perguntas fechadas considera o perfil de qualidade percebida observou-se que cerca de 90%
dos usurios se adaptaram ao layout com relao tipografia, imagens e navegabilidade, e
afirmaram encontrar com facilidade as informaes. Os participantes tambm consideraram o
novo layout mais atraente que o anterior, principalmente por sua interao com as redes sociais e
suas aplicaes aos tablets, alm de agregarem credibilidade Instituio.

17

O iPad possu um dispositivo conhecido como acelermetro, um sensor gravitacional que detecta o movimento da tela,
onde o contedo ser adaptado para o verso vertical e horizontal.
18
BRANDALISE, p. 10

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 108

Sanches, Tiago Zambuzi; Sniker, Tomas Guner | Design da informao e contedo para dispositivos mveis: projeto de
website para Instituio de Ensino Superior, IES, adaptado para iPad.

Referncias
2011, o ano dos tablets. Disponvel em: http://mundomovil.3gamericalatina.com/ptbr/content/2011-o-ano-dos-tablets. Acesso em: 23/03/2011.
BRANDALISE, Loreni Teresinha. Modelos de Medio de Percepo e Comportamento.
Disponvel em: <http://www.lgti.ufsc.br/brandalise.pdf> Acesso em: 18 nov. 2011.
CHAK, Andrew. Como criar sites persuasivos. So Paulo: Makron Books, 2004.
CHURCHILL, Gilbert A. Marketing: criando valor para os clientes. So Paulo: Saraiva, 2000.
DRANE, Robert E. apud CHURCHILL, Gilbert A. Marketing: criando valor para os clientes. So
Paulo: Saraiva, 2000.
FARINA, Modesto. Psicodinmica das cores em comunicao. So Paulo: Edgar Blucher, 1986.
FREITAS, Daniel Leal. Guia completo de Wireframing. Disponvel em:
http://www.novaz.com.br/blog/2010/11/guia-completo-de-wireframing. Acesso em 10/10/2011.
HOLLIS, Richard. Design grfico: uma histria concisa. So Paulo: Martins Fontes, 2000.
JOHNSON, Steven. Cultura da Interface: como o computador transforma nossa maneira de criar e
comunicar. Rio de Janeiro. Jorge Zahar Ed, 2001.
KALBACH, James. Design de navegao web. Porto Alegre: Bookman, 2009.
LUPTON, Ellen. Pensar com tipos: Guia para designers, escritores, editores e estudantes.
Traduo: Andr Stolarski. So Paulo: Cosac Naify, 2006.
LYNCH, Patrick e Sarah Horton. Web Style Guide: Basic Design Principles for Creating Web Sites.
New Haven: Yale University Press, 2001.
MUNARI, Bruno. Das coisas nascem coisas. So Paulo: Martins Fontes, 2008.
NIELSEN, Jakob. Designing web usability. California: New Riders, 2000.
STRUNCK, Gilberto. Viver de design. Rio de Janeiro: 2AB, 2007.
TONDREAU, Beth. Criar grids: 100 fundamentos de layout. So Paulo: Editora Blucher, 2009.
Webmastering ergonomia de um site web. Disponvel em: http://pt.kioskea.net/
contents/web/ergonomie.php3. Acesso em: 16/05/2011
WEINMAN, Lynda. Designing WEB Graphics 2. California: New Rider, 1996.
VALUE BASED MANAGEMENT. Management Methods. Disponvel em:
http://www.valuebasedmanagement.net. Acesso em: 04/11/2007
Tiago Zambuzi Sanches, Possui graduao em Design Grfico: Comunicao Visual pela
Faculdade de Administrao e Artes de Limeira (2011). Atualmente diretor de arte - Plenna,sim.
Tem experincia na rea de Desenho Industrial, com nfase em Desenho Industrial
< tiago@tiagosanches.com.br >
Tomas Guner Sniker, Doutorando em Design e Arquitetura pela Faculdade de Arquitetura e
Urbanismo da Universidade de So Paulo, Fau-Usp. Mestre no programa de ps-graduao em
Artes Visuais da Escola, Eca-Usp. Atualmente professor e coordenador do curso de Design da
Faculdade de Administrao e Artes de Limeira, Faal. Na mesma instituio, coordena tambm o
curso de ps-graduao em Desenvolvimento Grfico de Embalagens.
< designcoordena@faal.com.br >

[Artigo recebido em dezembro de 2012, aprovado em dezembro de 2012]

InfoDesign | So Paulo | v. 9 | n. 2 [2012], p. 100 109

| 109