design

16
DESIGN DIDÁTICO Elizabeth Carvalho Pires

Upload: elizabeth-pires

Post on 23-Dec-2014

321 views

Category:

Education


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Design

DESIGN DIDÁTICO

Elizabeth Carvalho Pires

Page 2: Design

USABILIDADE

Possui componentes múltiplos e é radicionalmente associada com estes cinco atributos:

• Ser fácil de aprender;• Ser eficiente na utilização;• Ser fácil de ser recordado;

• Ter poucos erros;• Ser subjetivamente agradável.

(Nilsen, 1993)

Page 3: Design

Portanto um web site...

Deve ser fácil de usar; Com simplicidade,

OBJETIVIDADE e foco na experiência do usuário.

Page 4: Design

Web design:

É uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da Web.

Page 5: Design

Web design: O nascimento…

Ele surgiu de estudos, voltados ao visual da Internet, feitos por designers gráficos que descobriram e aperfeiçoaram o uso de ferramentas avançadas de criação gráfica. (Damasceno ,

2003)

Page 6: Design

Web design: Seu objetivo

É planejar e criar a organização funcional de todo conteúdo que será transmitido(apresentado), permitindo que o usuário

compreenda rapidamente a mensagem.

Page 7: Design

A missão do design

Segundo Norman (2006), o design tem a missão de colaborar na criação de produtos cada vez mais

ÚTEIS, bons, bonitos,

baratos e eficazes.

Page 8: Design

Aparência

não éImportante!

Page 9: Design

A prática da simplicidade!

Page 10: Design

Web design : Interface/Layout

Informação visual criada para comunicar, utilizando influências, sentimentos e experiência de quem a observa.

Estrutura que organiza informações dentro de um determinado contexto, promovendo interação entre o usuário e a informação.

(Cavichioli, 2008)

Page 11: Design

Web design: Os três elementos fundamentais de uma interface Design balanceado: equilíbrio e composição entre imagens, gráficos e fontes tipográficas.

Contraste: integração entre os elementos do design.

Linhas invisíveis: são áreas criadas entre diferentes partes de um design. Proporção de 70% para conteúdo e 30% para espaços em branco.

Page 12: Design

Web design: Convenções de desenho de Interface

A padronização das interfaces é um dos conceitos mais importantes para se projetar web sites.

Elas estão relacionadas a conceitos de psicologia cognitiva, como facilidade de aprendizado e memorização, diminuindo as chances de dúvidas e erros por parte dos usuários.

(Memória, 2005)

Page 13: Design

Web design: Tipografia

É a arte, o processo de criação e a classificação do desenho de letras do alfabeto e de caracteres usados para formar palavras. (CAVICHIOLI, 2008)

Page 14: Design

Webdesign: Tipografia

As fontes tipográficas

(ou apenas fontes) são classificadas em 4 grupos básicos: as com serifas, as sem serifas, as cursivas e as fontes dingbats.

Page 15: Design

Nome da Fonte Característica

Arial Moderna, limpa, básica.

Georgia

Fonte com serifa projetada para leitura on-line.Aparência Tradicional, visual mais moderno que Times News Roman.

Trebuchet MS Moderna, simples.

Verdana Fonte on-line mais legivel, mesmo em texto pequeno

Web design: Fontes legíveis para web

Todas com 10 pontos ou acima. (Nielsen e Loranger, 2007)

Page 16: Design

REFERÊNCIAS BIBLIOGRÁFICAS

CAVICHIOLI, O. Tipografia, Teoria das Cores. Disponível em: <http://cavichioli.blogspot.com/>. Acesso em em: 26/05/2008.DAMASCENO, A. Webdesign: Teoria e Prática. Florianópolis: Visual Books, 2003. FERREIRA, E. Produtividade Web 2.0. São Paulo: Visie, 2005.MEMÓRIA, F. Design para Internet: projetando a experiência perfeita. Rio de Janeiro: Elsevier, 2005. NIELSEN, J. Usabiliy Engineering. San Francisco: Academic Press, 1993. 361 p.NIELSEN, J.; LORANGER, H. Usabilidade na web. Rio de Janeiro: Elsevier, 2007.NORMAN, D. A. O Design do dia-a-dia. Rio de Janeiro: Rocco, 2006.RODRIGUES, B. Webwriting: Redação & Informação na Web. Rio de Janeiro: Brasport, 2006.ROSENFELD, L.; MORVILLE, P. Information Architecture for the Word Wide Web. 2ed. Sebastopol: O'Reilly, 2006.