Carregar apresentação
A apresentação está carregando. Por favor, espere
1
Desenvolvimento de Websites
2
SIMA 2011 http://www.wix.com/sima11/azoresocean http://www.wix.com/anapa200/biotechsea http://insideocean.pt.vu www.sinkdown.webs.com www.windsurfingnews.webs.com
3
Criação de Web sites http://www.wix.com/ http://www.webs.com/ http://www.google.com/sites/help/intl/en/ov erview.html http://www.google.com/sites/help/intl/en/ov erview.html http://wordpress.com/#!/my-blogs/
4
Desenvolvimento profissional Exemplo de ambiente de desenvolvimento: Adobe Dreamweaver http://www.adobe.com/products/dreamweaver.html http://www.adobe.com/products/dreamweaver.html Recursos envolvidos: Programadores + Designers + Gestão de conteúdos
5
Princípios básicos Definição de objectivos Estruturação da informação “Layout” do site
6
Definição de objectivos Criação de uma audiência para futura angariação de publicidade Venda de serviços ou produtos
7
Estruturação da informação 1. The principle of objects – Treat content as a living, breathing thing, with a lifecycle, behaviors and attributes. 2. The principle of choices – Create pages that offer meaningful choices to users, keeping the range of choices available focused on a particular task. 3. The principle of disclosure – Show only enough information to help people understand what kinds of information they’ll find as they dig deeper. 4. The principle of exemplars – Describe the contents of categories by showing examples of the contents. 5. The principle of front doors – Assume at least half of the website’s visitors will come through some page other than the home page. 6. The principle of multiple classification – Offer users several different classification schemes to browse the site’s content. 6 7. The principle of focused navigation – Don’t mix apples and oranges in your navigation scheme. 8. The principle of growth – Assume the content you have today is a small fraction of the content you will have tomorrow. In http://asis.org/Bulletin/Aug-10/AugSep10_Brown.pdfhttp://asis.org/Bulletin/Aug-10/AugSep10_Brown.pdf
8
Layouts http://designshack.net/articles/layouts/10-rock- solid-website-layout-examples
9
Desenho de interfaces Heuristicas de Nielsen: http://www.useit.com/papers/heuristic/heuristic _list.html http://www.useit.com/papers/heuristic/heuristic _list.html Exemplos concretos de heuristicas: http://designingwebinterfaces.com/6-tips-for-a- great-flex-ux-part-5 http://designingwebinterfaces.com/6-tips-for-a- great-flex-ux-part-5 Color contrast checker: http://snook.ca/technical/colour_contrast/colour. html http://snook.ca/technical/colour_contrast/colour. html
10
ReallySimpleSyndication http://www.w3schools.com/rss/ http://www.w3schools.com/rss/rss_intro.asp
11
Adicionar mapas http://maps.google.com/help/maps/getmaps/
12
Ligação às redes sociais Próxima aula
13
Analisar site http://www.woorank.com
Apresentações semelhantes
© 2024 SlidePlayer.com.br Inc.
All rights reserved.