Baixe o app para aproveitar ainda mais
Prévia do material em texto
PÓS GRADUAÇÃO – ENGENHARIA DE SOFTWARE TRABALHO DE ARQUITETURA DA INFORMAÇÃO E USER EXPERIENCE Prof. ROGÉRIO LEITÃO NOGUEIRA Wiliam Sales Alves 201802032002 Você aluno(a) coordenará uma equipe de desenvolvimento de um projeto web que representará a confecção de um site para uma determinada empresa. O projeto deverá contemplar as características do ramo de negócios da empresa assim como do público-alvo e para tal as seguintes ações devem ser adotadas: Definição do ramo de negócios da empresa Empresa do ramo de Artesanato e afins. Perfil de Usuários Grande parte são Mulheres 92% onde o maior grupo tem idades entre 25-44, porém pode se abranger de 18-64 numa escala menor (dados da página do Facebook). Ticket médio de R$ 78,00. Mercado de atuação da empresa Loja virtual para o público que gosta de artigos de artesanato e afins. Profissionais envolvidos no projeto Arquiteto da Informação, Programador Web, Web Designer, Analista Funcional, User Experience e Testadores. Definição dos layouts das páginas Os layouts terão os menus horizontais, campo de pesquisa no canto superior direito com o nome Buscar, fundo bege em todas as páginas semelhante a uma madeira de cor clara. No topo a imagem grande referente ao nome do site, logo abaixo algumas páginas importantes como: - Página Inicial ou botão home para voltar ao início - Como comprar – com o passo-a-passo de como fazer uma compra no site - A empresa – com o descritivo e a história da empresa - Receba Novidades – onde o cliente efetua um cadastro de e-mail para receber novidades - Contato – para enviar mensagem via formulário do site Na página inicial logo abaixo do menu terá um “carrossel” onde as imagens de alguns produtos irão ficar passando uma a uma . Alguns produtos são previamente selecionados para destaque na página inicial. Os preços estarão expostos abaixo do produto, juntamente com uma breve descrição e possivelmente identificado com desconto. Ainda na página inicial, nas categorias do lado esquerdo e possível clicar e ver um grupo de itens/produtos, como canecas, chinelos, tábuas etc. Na parte inferior da página possuem informações sobre forma de pagamento e as principais bandeiras de cartões de crédito, contatos via formulário do site, e-mail, Skype e Facebook, além de links úteis do site com páginas com conteúdos internos. No rodapé, informações sobre políticas de privacidade, termos de serviço, institucional e redes sociais. No canto direito da tela, informa a quantidade de acessos, banner para cadastro, banner com certificado de segurança, com as bordas das imagens combinando com os links das páginas que estão abaixo da imagem do topo. Determinação de dois dos componentes da Arquitetura da Informação 6.1 Navegação: especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual. 6.2 Organização: determina o agrupamento e a categorização do conteúdo informacional. O agrupamento e a categorização do conteúdo informacional encontram se na nas extremidades superiores e inferiores. 6.3 Rotulação: ajudam no reconhecimento de controles e influenciam a seqüência das atividades. Estabelece formas de representação e apresentação da informação, definindo signos para cada elemento informativo. 6.4 Busca: determina as perguntas que o usuário pode fazer e o conjunto de respostas que irá obter. A busca é um serviços secundário de navegação. Ficará disponível no canto superior direito e poderá ser utilizado para encontrar produtos. No rodapé também deverá ter um FAQ, campo com dúvidas frequentes. O cliente também poderá encontrar outros conteúdos através do mapa do site. OBS: Imagens retiradas de um projeto pessoal ainda não concluído e com alterações importantes feitas após o conhecimento da figura do arquiteto da informação através dessa matéria. Fonte: https://irlabr.wordpress.com/apostila-de-ihc/parte-1-ihc-na-pratica/5-paradigmas-de-interacao/8-arquitetura-de-informacao/ PROTÓTIPO
Compartilhar