ESCOLA SUPERIOR DE EDUCAÇÃO E CIENCIAS SOCIAIS DE LEIRIA COMUNICAÇÃO SOCIAL E EDUCAÇÃO MULTIMÉDIA TÉCNOLOGIAS MULTIMÉDIA Docentes: Bruno Rego Discente: Carmo Cordeiro nº 1090405 Vanessa Vicente nº 1140431 Leiria, Dezembro de 2015 Proposta para restruturação do site “ Rede Expressos”: Para: Rede Expressos Data: 02 de Dezembro de 2015 Exmo Sr. Drº Bruno Rego: Na sequência da nossa negociação, formalizamos a proposta de prestação de serviços para o desenvolvimento do site da empresa “Rede Nacional de Expressos, Lda.” Apresentação Com o intuito de desenvolver websites, pretendemos participar ativamente no planeamento e execução de um novo site com o objetivo de satisfazer o cliente. A simplicidade será um dos vectores da nossa proposta, maximizando os recursos de ultima geração. No início do próximo ano poderá ser consultado o nosso portefólio no seguinte endereço: www.Designxxi.com. Projeto A presente proposta tem como objetivo o desenvolvimento do website para a empresa “Rede Nacional de Expresssos, Lda”, dentro dos padrões e normas atualmente vigentes, utilizando a mais sofisticada tecnologia. O site a ser desenvolvido terá um layout exclusivo, porém dando uma nova vida à identidade visual ( logotipo a cores). O site será dividido em página inicial, Horários e Preços,Compra de Bilhetes, Como Viajar, Transporte de Mercadorias,Vantagens e Descontos, Informação Útil e Contactos. Todo conteúdo do site será gerenciado pela própria empresa proprietária do mesmo através de um painel de controlo totalmente dinâmico, no qual o usuário poderá fazer o login e efetuar a gestão das páginas, imagens e as principais configurações pertinentes ao site. Na página inicial do site será implementado um campo de promoções em substituição do atual banner de promoções. Planificação da Proposta: A criação do site seguirá o cronograma a abaixo descrito: Etapa Ações Prazo 1.ª Criação do Esboço do Layout 1 dia útil 2ª Criação do Layout 5 dias úteis 3ª Desenvolvimento do site e do painel 15 das úteis s administrativo 4ª Testes e correções 2 dias úteis 5ª Publicação e entrega do processo concluido 1 dia útil 6ª Tempo de Formação a um utilizador da 1 dia útil empresa Valores e formas de pagamento: O valor total para o desenvolvimento e publicação do site é de 4.500,00€ que deverá ser pago da seguinte forma: 1.500,00€ no ato de assinatura do contrato de prestação de serviço como forma de compromisso entre as partes; 2.000,00€ passados 30 (trinta) dias da assinatura do contrato; 1.000,00€ quando o projeto for publicado. Estes valores poderão ser pagos em dinheiro, transferência ou via Cartão de Crédito. O custo para manutenção do site, que inclui o registo de um domínio (www.rede-expressos.pt), o alojamento deste serviço na internet é de €35,00 mensais. A primeira cobrança referente à manutenção será no dia em que o site for publicado e as seguintes sempre até ao quinto dia útil de cada mês subsequente. Este valor será cobrado através de fatura. Caso a empresa deseje fazer alterações (a nível estrutural) ou incluir recursos adicionais no site futuramente o valor deverá ser consultado previamente junto ao designer. Considerações gerais: 1. Sendo necessária a digitalização de imagens em alta resolução, produção de conteúdo da empresa, conversão de arquivos, digitalização de textos ou qualquer outro serviço não exposto nesta proposta comercial, serão cobrados valores à parte, mediante aprovação prévia do cliente como serviços complementares. 2. Não estão incluídos serviços de fotografia/filmagem ou compra de imagens para uso no layout caso haja necessidade. 3. O início de cada etapa está condicionado à aprovação por escrito da etapa anterior. DesignXXI __________________ Rede Expressos ___________________ 1.Objetivo do site e tipos de comunicação O site da “Rede Expressos” é essencialmente de carater informativo tendo como principal missão, assegurar o transporte de autocarro de pessoas e mercadorias. Em relação ao tipo de comunicação, ele expressa claramente a venda da marca, pois o seu enfoque, reflete-se na apresentação desse mesmo conceito abrangendo quer a venda de bilhetes, quer o cartão reflex e dando outras tantas informações necessárias ao consumidor, como horários, contatos e promoções. O seu público-alvo é muito abrangente, pois, o site está direccionado para todas as faixas etárias, desde estudantes, turistas, reformados, a pessoas que geralmente utilizam transportes públicos por opção ou por mera necessidade de deslocação. 2.Tipo de Comunicação versus Tipo de Solução A comunicação informativa deveria traduzir-se numa mais-valia para o utilizador, no entanto, este site contraria o estabelecido uma vez que, apresenta sobrecarga de informação originando no utilizador confusão ou perca do objetivo que o levou a consultar o site. Este, não traduz uma estratégia definida, não conseguindo encadear a informação de forma perceptível abordando o mesmo assunto em vários menús e até de forma a que um utilizador menos escolarizado não consiga assimilar o que é pretendido. Relativamente ao público-alvo deste site contém várias lacunas, nomeadamente, na escassez de informação que presta. Quando um turista consulta o site, no intuito de se deslocar a uma determinda região e de obter informações sobre esse mesmo local não é possível porque o site não as contém, assim, conclui-se que seria benéfico que existissem informações uteis tais como: localização de postos de turismo; hospitais; serviço de táxis; setores públicos; locais culturais; e eventos. Se falarmos de um público de uma faixa etária mais jovem, como o caso de estudantes a mensagem que gostariam de obter para além das informações relacionadas com horários e promoções, seriam: acesso a campanhas de verão para viajar sugerindo locais de visita. Por outro lado, se falarmos de clientes que viajam para se deslocarem para o seu local de trabalho, estes preferem além das promoções, informações úteis sobre notícias da Rede Expressos que possam ser consultadas ou em smartphones ou em tabletes de forma a saberem se durante a sua semana laboral irá haver algum problema com os transportes da própria empresa. A “Rede-Expressos” ao conter esse tipo de informação certamente traria mais passageiros a viajar nos seus autocarros sabendo de antemão exatamente onde irão chegar e o que visitar e não ficariam dececionados se algum serviço não fosse efetuado. É relevante referir que a sua identidade não está associada ao layout do site, ou seja, não se observa as cores da marca como ponto de referência. A cor predominante á apenas o azul conduzindo o usuário a não identificar a marca sem recorrer ao logotipo, por isso a estratégia de comunicação é reduzida. 3. Estrutura do site Ao nível da estrutura apresenta dois níveis no sistema de navegação, no entanto, utiliza sempre a homepage com página principal, alterando apenas o texto no seu centro. Desta forma o sistema de navegação funciona corretamente, pois, não necessita de clicar em qualquer parte da página para regressar ao início. No entanto e perante a estrutura, torna-se claro que os menus apresentados são repetidos tornando-se um erro crasso. 4.Tom da mensagem e redefinição dos conteúdos Além do tipo de comunicação que é do tipo informativo, a mensagem que a Rede Expressos pretende transmitir é a de promoção da marca. Desta forma o que deveria estar traduzido em termos de ir de encontro à mensagem seria uma estrutura bem organizada, informação objetiva e um tom persuasivo. Infelizmente, não é o que acontece. A informação no site repete-se várias, não é clara pois contém muita informação dispersa. A hierarquia em termos de informação é uma confusão pois repete-se várias vezes ao longo do site alterando até o angulo de abordagem porque se o utilizador não entende o que está exposto acaba desiludido e não adquirirá nenhum serviço posteriormente. 5. Análise do site Rede Expressos Contextualizando, o site da”Rede de Expressos” no que diz respeito às categorias de indicadores de avaliação, tratamento da informação, não cumpre com todos os parâmetros relativamente à clareza, à relevância e organização. Em suma, não está adequado ao perfil da instituição, não nos remete de imediato para a análise global e não apresenta informação a nível progressivo nem detalhado de forma a ir de acordo com as necessidades do utilizador. Ao nível da usabilidade, o site da “Rede Expressos”, não permite ao utilizador fazer tarefas intuitivamente ao vê-lo pela primeira vez. Por vezes, o utilizador clica em certos links e não consegue que eles respondam à sua pesquisa, por exemplo: se procurar saber a forma de pagamento mais viável, não lhe é possível saber, simplesmente porque a informação está dispersa pelo site. O PAYPAL tem um ícone, mas existe outro tipo de pagamentos como o Mbway ou o Multibanco e o site não apresenta no menu nenhum link para dar solução ao assunto. “Como pagar?” ou “pagamentos eletrónicos” seria algo que deveria estar priveligiado no site, mesmo existindo o menu dos horários e preços, este, não apresenta formas de pagamento, só apenas, o horário e o preço a que fica o bilhete. Em termos de eficiencia, o único local onde consegue responder às expetativas do utilizador é na parte de procurar horários para viajar nos autocarros, como exemplo: no entanto, sendo o mais procurado pelos utilizadores deste tipo de site o campo dos horários, preços e promoções, volta a não concretizar o pretendido não estando essa informação logo legível na pesquisa; é necessário procurar no 2º menú lateral a informação e voltar ao processo inicial de preenchimento de campos. Se o utilizador apenas pretender consultar, vai acabar por desanimar, porque se torna num transtorno enorme, além da perca de tempo que representa para o usuário, uma vez, que tem de preencher todos os campos até à compra de bilhetes ou ir ao 2º menú só para saber o preço. Acaba por deixar de ser intuitivo e a colocar a informação muito distante, porque tem de se preencher uma série de campos e utilizar muitos menús que deveriam estar visíveis na homepage. Em relação à compatibilidade do sistema com o contexto e linguagem do usuário, este site tem um bom uso das normas gramaticais da língua sendo claro e adequado ao perfil do seu utilizador. Relativamente ao reconhecimento e orientação no sistema, poderemos referir que a mesmo, não respeita todas as regras esquecendo-se de estrutura de organização hierárquica das informações, tornando-o pouco memorizável e de aprendizagem pouco fácil. Ressalva-se que este site ao ser aberto pela primeira vez, após 1,8 segundos causa no usuário decepção devido ao excesso de informação e à resposta não imediata face à pesquisa. Quanto à visibilidade do sistem,a no que refere à avaliação da transparência, ao uso de funcionalidades e ao gerenciamento de documentos em arquivo, poderemos afirmar que são apresentadas informações de versão e data de atualização tanto para as páginas do site como para os documentos e arquivos disponíveis, elas apresentam sempre a data de atualização no final das páginas. Os arquivos em formato não HTML e outros documentos disponíveis para download não apresentam qualquer problema na sua abertura quanto ao formato e tamanho em bytes. No que refere a vínculos para páginas ou aplicativos externos e para acionamento de plug-ins, este, aquando a abertura da página remete-nos para a página seguinte, no entanto, pode conduzir-nos para fora do site, originando ao utilizador já não voltar ao site da Rede Expressos. Sobre os vínculos e elementos de navegação não mostra qualquer atividade ao nível dos visitantes do site. No que respeita à consistência e padrões poderemos referir, que a apresentação de informações, dos estilos de fontes, cores entre outros, não é usada de forma consistente. Não é notório em todas as páginas, inclusive, na homepage a disposição e localização dos elementos do cabeçalho, rodapé e áreas de navegação. Pode-se afirmar, por isso, que não comunica a identidade da marca e não provoca ao utilizador uma sensação equilibrada em termos de consulta. No parâmetro de análise dos aspetos visuais, estética, legibilidade e design este site não confere um perfil adequado ao perfil da instituição, não é organizado, não existe uma boa distinção visual entre os elementos de navegação e dos conteúdos no seu interface e não são usadas variações de hierarquia tipográfica, por forma a distinguir as diferentes partes do texto, apresenta pouca clareza e desorganização. A flexibilidade e eficiência, obedece na íntegra ao nível dos três cliques, minimiza o tempo de download, permite fazer o bookmark” das páginas para consulta futura, permanece acessível independentemente das versões de hardtware ou software e ainda consente a impressão das páginas sem que elas percam a formatação. Em relação ao controle e liberdade do usuário conclui-se que este, consegue controlar o processo de navegação. As funcionalidades ou aplicações externas são executadas sempre a partir da iniciativa e do consentimento do utilizador. Na prevenção de erros e recuperação, o site não está preparado de forma a minimizar a sua ocorrência, uma vez, que não são percetíveis erros frequentes ao consulta-lo. No que diz respeito à qualidade do suporte ao usuário quanto à sua interação com o site, verifica-se, que não são fornecidas referências para contacto com a instituição ou com as equipes de manutenção do site, o que deixa o utilizador entregue a si próprio, no entanto, existe um link sobre “preguntas mais frequentes”, cujas respostas são circunscritas ao apresentado no site. Nos contactos fornece um número de telefone pago, assim, como um email para esclarecimentos de duvidas. Esse telefone pago e o e-mail que não é direto, demonstra pouca disponibilidade por parte da empresa para dar resposta ao utilizador. Desta forma, é essencial que seja alterado. Relativamente à conformidade do site com os padrões e diretrizes de acessibilidade, validação de código e métodos de manutenção, o formato HTML do site é definido pelo W3C, órgão que o regulamenta. Classificado no nível “AA”, esta página web fornece um leque diversificado de palavraschave. O bom uso do HTML é patente neste site uma vez, que dá preferência à marcação estrutural esquecendo-se um pouco da própria apresentação do site, assim, o código HTML é adequadamente documentado para melhor manutenção. 6. Hierarquia de informação A interação, ao nível da extrutura desempenha a sua funcionalidade básica e é razoavelmente satisfatória, embora tenha dois níveis . A persuasão que deveria conter a mensagem está muito aquém do pretendido, pois, é demasiado extensa, repetitiva e confusa não permitindo ao usuário utilizar a página voluntáriamente, apenas só mesmo por obrigação. No entanto, quem efetua a pesquisa porque necessita de utilizar algum serviço da “Rede de Expressos”, acaba por ficar confuso com o excesso de informação, levando-o a desistir do site. A insatisfação é imediata, a existencia de dois niveis leva o usuário a não conseguir interagir com o site porque o confunde, bastaria ter apenas um nivel para concentrar a informação. Se pensar pesquisar sobre o “cartão Reflex”, acaba por não chegar a nenhuma conclusão, mesmo que leve o assunto até ao final, pois este não é suficientemente esclarecedor, logo o seu grau de satisfação com o site não é positivo. 6.1 Links Acerca do que acontece quando a “Rede Expressos” coloca um link e nos remete para algum site como é o caso www.yellowbustours.com, ou quando nos abre uma janela pop-up, acaba por nos fazer sair do site para consultar essas páginas, de forma que muitos utilizadores acabam por já não regressar. Desta forma, apresentando um problema a nível da linkagem e falhando no objetivo do site que deveria ser manter o máximo de tempo possível os seus utilizadores. Para fazer face a isto, deveria conter todas as informações no mesmo site não se aventurando a remeter para outros lados pois torna-se uma desvantagem. 6.2 Funcionalidade No caso de os utilizadores dos autocarros da “Rede Expressos” necessitarem de realizar pesquisas, este, não confere nenhuma área de “pesquisa livre”. Em relação a questões de funcionamento que possam surgir aos clientes, também não há nenhuma forma de demonstração de resposta imediata para além das chamadas telefónicas pagas, por isso deveria conter um formulário para demonstrar disponíbilidade aos clientes de forma gratuita. 7.Responsive Design/ Adaptabilidade O layout do site da Rede Expressos está operacional para funcionar em todo o tipo de dispositivos, adaptando-se de forma a que o conteúdo do site fique perceptivel em todos os ecrãs. Estima-se, que num prazo de 2 anos o acesso à internet por disposivos móveis ultrapasse o desktop e sendo o site “Rede Expressos”, um site de viagens que irá ser consultado em todo e qualquer lugar, este, tem de estar preparado para esse tipo de situações. O site é consituído por responsive design utilizando HTML e media queries de CSS para estar disponível em qualquer dispositivo móvel pois, os utilizadores não têm paciência para desperdiçar tempo com sites não optimizados para mobile. No entanto, apesar de funcionar em termos de design, ao nível da comunicação traduz-se numa pagina web confusa. 8. Redes Socias Embora exista um campo de redes sociais no próprio site da Rede Expressos, este só contempla o Tweeter não sendo suficiente e nem é a forma mais eficiente de abranger o público-alvo porque o Tweeter é meramente instantâneo. O facebook já permanece a informação das promoções por mais tempo e os portugueses utilizam mais o facebook do que o tweeter. Desta forma, poderá se manter o Tweeter mas será criado um Facebook para dar resposta às necessidades da própria empresa. No facebook serão publicadas as promoções que são elaboradas pela Rede Expressos assim como aquando a criação de novos serviços também será publicada. Os utilizadores também poderão interagir, de forma a comentar e a dar opiniões. Haverão concursos de fotografias retiradas dentro do autocarro de forma a demonstrar como as viagens são cómodas. Projetando uma maior interatividade da Rede Expressos. 8. Resumo da análise da extrutura atual do site Pontes Fortes Pontes Fracos - Usabilidade: linguagem adequa-se ao perfil do utilizador; flexibilidade e eficiencia (3cliks); controlo e liberdade do usuário; Prevenção de erros e recuperação; - Usabilidade: clareza, relevância e organização; site pouco memorizável e de aprendizagem dificil (ultrapassa 1,8 segundos); visibilidade do sistema (plug – ins conduzem-nos para fora da página); Forma da apresentação das informações; aspetos visuais, estética, legibilidade e design; suporte ao usuário face à interação com o site; - Acessibilidade: HTML, CSS, W3C nível AA; - Adaptabilidade: Tablets, smartphones e desktops Identidade da marca: Não está explicita no layout as cores da marca. -Estrutura: repetição de informação nos dois níveis extruturais prejudicando o ângulo de abordagem; -Tom de mensagem: inadequado porque a forma de promoção que deveria estar explicita na mensgem não se traduz de forma clara para o utilizador pois a informação disposta no site não é organizada de forma coerente. - Hierarquização de Informação: interação, persuasão, satisfação; funcionalidade; Linkagem; 9. Proposta de Melhorias a Implementar Pontes Fracos - Usabilidade: clareza, relevância e organização; site pouco memorizável e de aprendizagem dificil (ultrapassa 1,8 segundos); visibilidade do sistema (plug – ins conduzem-nos para fora da página); Forma da apresentação das informações; aspetos visuais, estética, legibilidade e design; suporte ao usuário face à interação com o site; -Identidade da marca: Não está explicita no layout as cores da marca. -Estrutura: repetição de informação nos dois níveis extruturais prejudicando o ângulo de abordagem; -Tom de mensagem: inadequado porque a forma de promoção que deveria estar explicita na mensgem não se traduz de forma clara para o utilizador pois a informação disposta no site não é organizada de forma coerente. - Hierarquização de Informação: interação, persuasão, satisfação; funcionalidade; Linkagem; Melhorias a implementar Indicadores de avaliação: - Usabilidade: site intuitivo; terminar com os plug-ins e janelas pop-ups; alterar tipografia; seleccionar 20 keywords; - Acessibilidade- pretende-se conseguir alcançar o nível AAA; -Extrutura: Um único menu de extruturação principal e um submenú na homepage; -Tom da mensagem: Reduzir a informação, clareza, objetivida e organização, persuasivo; -Identidade da marca: Colocar as cores da marca no layout do site. -Hierarquia de Informação: Criar um formulário de resposta rápida aos utilizadores, colocar um motor de pesquisa livre; - Direcionar informações para o públicoalvo: implementar um submenú de taxis, hospitais, setores publicos, locais culturais… etc , colocar facebook na página com o intuito pubicar as promoções. Colocar em destaque a ligação “Horários e Preços”. 10. Proposta de solução para o site da Rede Expressos Em termos de usabilidade, o que pretendemos é que todas as páginas que nos remetiam anteriormente para janelas pop- up sejam abertas na própria página do site para manter o máximo tempo possível os útilizadores em contato com a Rede Expressos de forma a conhecerem melhor os nossos serviços. Criaremos 20 keywords para colocar o site em primeiro lugar nos motores de busca, de forma que, cada vez que alguém procure, por exemplo no Google, o site da Rede Expressos apareça instantaneamente com o máximo de hipoteses de palavras de pesquisa possíveis. Keywords: 1-Rede Expressos; 2-Rede Expresso; 3-Expresso; 4-Rede; 5Red; 6-Expressos; 7-Viagens; 8-Autocarros; 9-Rede Nacional de Expressos; 10- Camionetas; 11- Bus; 12 –E nvio de mercadorias; 13- cartas; 14 – Transportes; 15-Viagens diretas; 16- Rflex; 17- Transporte de mercadorias; 18 –Espressos; 19 – Rede Espressos; 20-Red Espressos Criaremos duas estruturas de ligações. Na primeira haverá apenas duas hipoteses de seleção “Institucional” e “Passageiros”. O primeiro menú principal será fixo em Passageiros tendo sempre estes menús disponíveis para seleção: Horários e Preços; Compra de Bilhetes; Como Viajar; Transporte de Mercadorias Vantagens e Descontos; Informação Útil; Contactos. Na seleção “Istitucional” existirá os menus da “Empresa”, “Missão”, “Valores”,” Contactos”. Estas duas estruturas foram criadas para facilitar a finalidade do site que é prestar um bom serviço aos clientes, e por isso, está sempre selecionado por regra o menú “Passageiros”. Haverão submenus não visíveis na homepage, mas que ao percorrer o 2º menú fixo, irão aparecer por baixo do menú principal de forma a reeunir o máximo de informação possível e organizada. A informação disposta no site será reescrita de forma, que o utilizador consiga compreender fácilmente e objetivamente toda a informação que a rede expressos pretende dar. A identidade da marca estará sempre presente ao longo do site, defenindo previamente a cor dos menús e todas as ligações com a cor roxo e vermelho. O fundo do site será branco porque além de ser a cor predominante dos autocarros, é também uma forma de trazer clareza ao site, evitando o ruído. No menú de contatos será colocado um formulário para que haja uma maior proximidade com a rede-expressos e demonstrem-se disponíveis para com o cliente. A colocação de uma zona de pesquisa livre também é necessária porque assim o utilizador chega a informação que pretende, com muito mais facilidade. No menú informação útil será criado um submenú que não existia anteriormente em que constará a informação acerca de taxis, hospitais, setores públicos, de forma que a pessoa se sinta apoiada enquanto viaja. Em relação à adaptabilidade o site será elaborado em HTML e CSS, de forma que todos os ficheiros abram em qualquer dispositivo móvel. A página principal terá em destaque a promoção atual em imagem estática e apelativa para que os utilizadores que entrarem no site ficarem a par da promoção mais atual. Na parte mais abaixo tem um local onde podem indicar a viagem que pretendem realizar e onde serão apresentados os horários e preços que funcionará de forma simplificada. Coloca a data e abrirá um calendário legível. Se colocar algo errado, ele apenas ficará a vermelho no campo, sugerindo que o altere, não culpando o utilizador. Será criada uma zona para o cartão reflex para conhecerem o cartão de fidelização e as suas vantagens, assim como, uma zona para os serviços diponíveis durante a viagens. Por último haverá um espaço onde estará disponível na homepage para os links de partilha nas redes sociais, contato telefónico e formas de pagamento para que partilhem a página com facilidade e conheçam as suas formas de pagamento O contato telefónico terá uma mensagem de “Vai viajar? Fale conosco!” demonstrando disponíbilidade ao utilizador. Este último espaço terá apenas icónes para gestão do espaço do site e será organizado. Grelha: Passageiros | Institucional Cartão RFlex Promoções em Vigor Redes Sociais, Telefone direto, Formas de pagamento.