|
Serviço de Mensagens do Collegiate Sports
Creative Design Brief
Versão 1.0
Histórico da Revisão
|
Data |
Versão |
Descrição |
Autor |
| 6 de outubro de 1999 |
1.0 |
Versão inicial |
Integração do Contexto |
Índice Analítico
Creative Design Brief
Introdução
Finalidade
Este documento apresenta padrões a serem usados durante o design da Interface do Usuário (UI) para o Sistema de Mensagens do Collegiate Sports.
Escopo
Esse documento abrange os todos os elementos de IU que são usados no site da web.
Definições, Acrônimos e Abreviações
Consulte o Glossário.
Referências
- CSPS Vision Document 1.0
Visão Geral
Os elementos visuais do site do Serviço de Mensagens do Collegiate Sports na web se adaptam à presença do site atual do WebNewsOnLine. Esse site adicionará a personalização necessária através do serviço de mensagens. Geralmente, ele manterá a aparência do site atual do WebNewsOnLine. Algumas das adições necessárias a esse serviço são tela de login, edição de perfil de usuário, lista de links personalizados e manutenção de um histórico de páginas visitadas.
Suporte Visual da Função do Site (o tom)
O tom desse site seguirá a introdução do site atual de notícias. Os destaques do serviço de mensagens são notícias esportivas e resultados de jogos, para que seja modelado um site de notícias on-line na web. A prioridade é o conteúdo com um design visual que chame a atenção. Uma aparência conservadora consistirá em um plano de fundo, um texto preto com serifa, colunas com artigos de notícias e fotos e tabelas com informações de perfil de usuário e uma lista vinculada do histórico de mensagens.
Determinação do Esquema de Cores
Uma cor deve ser adicionada à mensagem transmitida pelo site da web. Um site profissional e conservador deve usar cores neutras e frias. As cores claras e quentes devem ser usadas para destaque. O site de mensagens usará a mesma paleta de cores do site principal da web.
Figura 1 - Paleta de cores do site da web
As cores também serão usadas para destacar itens importantes na home page do assinante do serviço de mensagens. Os links permanecerão na cor azul padrão usada em todo o site. O texto do corpo será preto, já os títulos de tabelas serão brancos com várias cores de plano de fundo.
Fontes e Mecanismo de Rolagem
O comportamento do mecanismo de rolagem e das fontes do site de serviço de mensagens na web imitará o site do WebNewsOnLine na web. As fontes com serifa são usadas na maioria dos textos para facilitar a leitura. A largura da página está limitada a uma tela de 640x480 sem mecanismo de rolagem horizontal. O usuário percorre o conteúdo para cima e para baixo para visualizá-lo. Geralmente, os novos artigos de notícias são exibidos em uma tela ocupando o espaço vertical conforme necessário.
Navegação no Site e Layout de Página
A largura da página está limitada a 600 pixels com aproximadamente 20% do espaço horizontal alocado para a barra lateral à esquerda. A área do corpo ocupa os 80% restantes. A seção de faixas inclui o logotipo, os anúncios e os links para as principais seções do site de notícias na web.
Figura 2 - Padrão de Layout Página
A barra lateral contém sublinks para o site de serviço de mensagens na web. Esses links permitirão que o usuário retornem à home page e consultem artigos recentes e resultados de jogos. O rodapé da seção do corpo incluirá mais anúncios em faixas.
Padrões Gráficos
Os visitantes do site de mensagens estarão se conectando a velocidades de linhas T1 até modems de 28.8. O site foi projetado para carregamento rápido, usando um mínimo de fotos e imagens gráficas. Fora do logotipo principal, ou seja, em anúncios e cabeçalhos de páginas, serão usadas poucas imagens gráficas em cada página. Pode haver apenas uma ou duas fotos relacionadas a um artigo de notícias.
Esse site não usará nenhuma animação ou JavaScript rollover (fora de qualquer animação incluída nos anúncios em faixas). Isso garantirá que as velocidades de download sejam rápidas e que o site seja compatível com navegadores novos e antigos.
Navegadores, Quadros e Outros Padrões
Os visitantes do site poderão usar o Netscape Navigator, o Internet Explorer e outros navegadores populares. As versões dos navegadores variam, mas a maioria estará usando as versões 3.0 ou posteriores. As técnicas de layout e o código HTML usados no site suportarão a maioria dos navegadores que suportam HTML 3.0 ou posterior.
Os quadros não serão usados no site de mensagens sobre esportes na web. A tela inteira é carregada a partir do zero quando um novo link é escolhido. Esse comportamento corresponde ao site da web.
Uma paleta de cores segura para a web foi escolhida para garantir que a aparência do site seja igual em várias plataformas, navegadores e configurações de cor da tela.
Elementos de Personalização
A seção superior da página do assinante consiste em uma frase de boas-vindas incluindo seu nome. Isso garante ao usuário que ele faça login adequadamente e que as informações na tela sejam personalizadas para ele.
O segundo elemento é um cabeçalho que indica a data e a hora da última página. Esse é um indicador de que o conteúdo da tela inicial está relacionado à página recebida naquela data e hora.
Os dois principais elementos do serviço de mensagens são artigos de notícias e resultados de jogos. Esses dois são agrupados em tabelas na home page do usuário. Essas tabelas incluem relatórios de resultados de jogos e títulos com links para o relatório completo de jogos e o histórico de notícias.
No botão da sua home page, o assinante encontrará uma tabela de links para páginas recentes para acessar informações do histórico de páginas. Se essa lista ficar muito grande, um link será adicionado a "view all pages" que enviará as páginas para outra página com a lista completa dos links de páginas.
Conclusão
O design visual do serviço de mensagens sobre esportes será o mesmo do site da web. A aparência pode ser caracterizada como um site concentrado em conteúdo e notícias que é criado para ser legível, fácil de navegar e de rápido download. Os visitantes estarão se conectando a velocidades que variam de linhas T1 muito rápidas até modems lentos, portanto os gráficos são poucos. O HTML usado é compatível com todos os navegadores comuns até as versões 3.0.
A home page do assinante consistirá em unidades ou elementos personalizados na tela. Esses elementos contêm uma mensagem de boas-vindas, os links dos resultados de jogos e títulos de notícias e os links das últimas páginas. Os anúncios em faixas nessas telas também podem ser personalizados de acordo com as preferências do assinante.
Copyright © 1987 - 2001 Rational Software Corporation
|