2015/2016

UNIDADE CURRICULAR: WEB DESIGN

DOCENTE: BRUNO NOBRE

TRABALHO REALIZADO POR:

ALEXANDRE MONIZ N20130284

DIOGO NUNES N20130201


NDICE DE CONTEDOS
INTRODUO............................................................................................................................................................................................................................PG.2
IDEAO...................................................................................................................................................................................................................................PG.3
PORQU FAZER UM SITE?.............................................................................................................................................................................................PG.4
QUAL O OBJECTIVO?... ........................................................................ ................................... ................................... .............................................PG.4
MOODBOARD & CONCEPTBOARD... ................................... ................................... ................................... ................................... .............................PG.5
UTILIZADOR................... ................................... ................................... ....................................................................................................................................PG.6
TIPOLOGIA E DISTRIBUIO DOS SEGMENTOS-ALVO POR MERCADOS.................................................... ....................................................................PG.8
DESTINATRIOS POR SEGMENTOS-ALVO..................................................... ..................................................... ..........................................................PG.9
CRIAO DE PERSONAS..................................................... ..................................................... .................................................. ..............................PG.13
ARQUITECTURA DE INFORMAO........................................................................................................................................................................................PG.17
MAPA DE NAVEGAO... .................................................. .................................................. ......................................... ...........................................PG.17
WIREFRAME...............................................................................................................................................................................................................PG.18
INTERFACES FRFICAS....................................................... .................................................. .................................................. ..............................................PG.19
HOMEPAGE.... .................................................. .................................................. .....................................................................................................PG.19
MENUS E SUB-MENUS... .................................................. .................................................. .................................................. ..................................PG.20
PGINA DE CONTEDO...... .................................................. .................................................. .................................................. ..............................PG.21
TESTES DE USABILIDADE.... .................................................. .................................................. .................................................. ...........................................PG.22
NAVIGATION TEST.................................................... .................................................. .................................................. ...........................................PG.22
CLICK TEST..................................................... .................................................. .................................................. ....................................................PG.23
QUESTION TEST... .................................................. .................................................. .................................................. ............................................PG.24
PROTTIPO DO SITE............................................ .................................................. .................................................. ............................................................PG.26
CONCLUSO................................................................................................................... .................................................. ...................................................PG.27
BIBLIOGRAFIA...... .................................................. ................................................................................................................................................................PG.28

INTRODUO

No mbito da Unidade Curricular Web-Design foi proposto turma a concepo de um web-site, como tal optmosi por fazer um update do site da
associao RCDI. Devido ao objetivo principal desta parte do trabalho ser explicar a ideia do web-site, iremos apresentar a ideia/problemtica e de seguida
iremos fazer uma investigao sobre o utilizador que vai consultar o nosso web-site para saber o que o pblico-alvo gosta nos web-sites. No final iremos fazer
a estratgia de informao terminando com o Wireframe do web-site para ficarem com uma ideia bem definida em relao a ideia do web-site. Para a realizao
deste trabalho iremos realizar uma reunio com a associao RCDI para saber qual o caminho que a associao quer fazer com o web-site e levarmos o projeto
ao encontro desse caminho.

IDEAO

ASSOCIAO RCDI (REDE DE COMPETNCIAS PARA O DESENVOLVIMENTO E A INOVAO)

A RCDI (Rede de competncias para o desenvolvimento e a inovao) uma associao sem fins lucrativos que visa a promoo e gesto de atividades e
iniciativas conducentes ao desenvolvimento sustentvel, promoo da inovao e ao reforo da coeso territorial. Esta associao est ao dispor dos cidados,
das instituies e dos territrios, visando o desenvolvimento de uma sociedade mais inovadora, sustentvel e inclusiva.

As competncias da RCDI cobrem uma vasta gama de especialidades profissionais, nomeadamente:

Economia e inovao;
Empreendedorismo e internacionalizao de PME;
Desenvolvimento regional;
Gesto territorial e desenvolvimento urbano;
Ambiente, gesto de recursos naturais e biodiversidade;
Coeso social e apoio ativo a polticas de no discriminao.

Os associados da RCDI so profissionais qualificados com relevante experincia nas suas reas especficas de interveno e na coordenao de projetos
interdisciplinares. Com isto, a RCDI contribui para a valorizao dos recursos locais, para a dinamizao econmica e social e para a sustentabilidade ambiental.
Atualmente a RCDI j dispe de uma rede de contatos internacionais, quer ao nvel de estruturas associativas locais e entidades pblicas, quer no meio
acadmico e empresarial, que facilitam a organizao de parcerias, o dilogo inter-institucional e a cooperao transnacional.

PORQUE FAZER UM UPGRADE AO SITE?

Decidimos escolher fazer um upgrade ao site da associao RCDI devido a consideramos que um projeto essencial neste momento de crise que Portugal
est a passar e que a nica forma de apresentao da associao o site que est um pouco desatualizando com a nossa poca, ou seja, que no
acompanhou a evoluo tecnologia, mas que estagnou a certa altura dessa evoluo.

QUAL O OBJECTIVO?

inerente a qualquer marca, desenvolver a sua identidade com a ajuda de um site. Conseguimos perceber com a entrevista realizada a Alexandra Mendona
dona da RCDI que nos indicou que o site a nica imagem da associao e que por l que as pessoas entram em contato com a associao. Como tal o
objetivo do site esse mesmo mostrar a organizao, o que a organizao, o que faz e em quais projetos est envolvida e que j esteve envolvida de maneira
a angariar mais parceiros para no futuro, existir ainda mais projectos.

MOODBOARD CONCEPTBOARD

UTILIZADOR
A comunicao um ponto fulcral no sucesso de uma empresa, a ferramenta na qual se trabalha na proximidade com o cliente e com ela que o discurso
e a linguagem so desenvolvidas. A partir de certas tendncias e estilos de vida de diversas tribos urbanas, possvel escolher diversos tipos de linguagens
sendo que estas podem divergir consoante o pblico-alvo da empresa em questo. No caso da RCDI, o pblico-alvo, ou seja, o publico para quem se dirige,
na sua maior parte empresas sendo assim considerado um negcio B2B. Essas empresas so relativamente diferentes, podendo ser PMEs ou mesmo
microempresas, Instituies pblicas, Administraes locais, entre outras que tenham a mesma natureza de negcio. Tambm podero ser, dependendo do
projeto, universidades de diversas reas. Apesar da RCDI ser na sua maior parte um negcio B2B, esta tambm acaba por chegar a consumidores, sendo
estes os benificirios finais dos projetos como o caso do projeto Smartfamer. Estes consumidores podem ser tambm de diversos meios com diversos estilos
de vida tendo idades compreendidas entre os 25 e os 60 anos. . Ns sabemos que este o nosso utilizador devido a termos realizado uma entrevista com a
Alexandra Mendona que a dona desta organizao a qual ns diz que as pessoas que iam ao site era as que queremos que vo sabendo ela que as
pessoas que vo ao site so essas devido a ela dar-se pessoalmente com essas pessoas, devido a este facto no termos realizado nenhum questionrio para
saber qual o nosso utilizador.

INTERVENES NO MERCADO NACIONAL: PRESTAO DE SERVIOS DE VALOR ACRESCENTADO (CONSULTORIA E ASSISTNCIA TCNICA),
PODENDO REFERIR-SE A TTULO ILUSTRATIVO OS SEGUINTES DOMNIOS DE INTERVENO:

1. Economia, inovao, empreendedorismo e internacionalizao de PME (e.g. estudos de viabilidade, estudos de mercado, preparao e
acompanhamento de candidaturas a sistemas de incentivos);
2. Desenvolvimento regional, gesto territorial e desenvolvimento urbano (e.g. estudos de planeamento regional, planos de desenvolvimento turstico).

INTERVENES NO MERCADO INTERNACIONAL (UNIO EUROPEIA): Colaborao com parceiros para a preparao e desenvolvimento de projectos de
cooperao transnacional, co-financiados directamente pela Unio Europeia, em domnios relativos ao desenvolvimento sustentvel (e.g. conciliao do
desenvolvimento econmico com a proteco dos recursos naturais, promoo da inovao e do empreendedorismo, transferncia de conhecimento) e
incluso social (e.g. promoo da igualdade de gnero, promoo da qualificao de trabalhadores activos ou desempregados).

TIPOLOGIA E DISTRIBUIO DOS SEGMENTOS-ALVO POR MERCADOS

MERCADO
SEGMENTOS-ALVO MERCADO NACIONAL INTERNACIONAL (UNIO
EUROPEIA)

Entidades pblicas de mbito regional ou local (municpios),

empresas e institutos pblicas x x

Universidades e centros de investigao x

Associaes de desenvolvimento local/regional, ONGs
(Organizaes No Governamentais) x x

Cmaras de Comrcio, Associaes Empresariais (mbito

regional ou sectorial) x x

PME (Pequenas e Mdias Empresas) x

Beneficirios individuais dos projectos de cooperao
transnacional x

DESTINATRIOS POR SEGMENTOS-ALVO

ENTIDADES PBLICAS DE MBITO REGIONAL OU LOCAL (MUNICPIOS), EMPRESAS PBLICOS E INSTITUTOS

PBLICOS.

TIPOLOGIA DOS DESTINATRIOS/INTERLOCUTORES

Gestores de topo de instituies pblicas de mbito regional (e.g. Presidentes das Comisses de Coordenao e Desenvolvimento Regional, Directores
Regionais de Servios da Administrao Central);
Vereadores e/ou directores de servios de Cmaras Municipais;
Presidentes e/ou directores de departamentos de empresas pblicas ou de institutos pblicos;

PERFIL SCIO-DEMOGRFICO DOS DESTINATRIOS/INTERLOCUTORES

Homens ou mulheres, em regra com idade superior a 35 anos;
Formao superior;
Familiaridade com tecnologias de informao;
Bom domnio e viso estratgica das reas profissionais em que operam.

ASSOCIAES DE DESENVOLVIMENTO LOCAL/REGIONAL, ONGS (ORGANIZAES NO GOVERNAMENTAIS),

CMARAS DE COMRCIO, ASSOCIAES EMPRESARIAIS (MBITO REGIONAL OU SECTORIAL)

TIPOLOGIA DOS DESTINATRIOS/INTERLOCUTORES

Presidentes ou directores de Associaes de Desenvolvimento, ONGs e Cmaras de Comrcio;
Secretrios(as)-Gerais de Associaes Empresariais;
Tcnicos superiores de Associaes, ONGs Cmaras de Comrcio, etc.

PERFIL SCIO-DEMOGRFICO DOS DESTINATRIOS/INTERLOCUTORES

Homens ou mulheres, em regra com idade superior a 35 anos;
Formao superior;
Familiaridade com tecnologias de informao;
Especializao em reas especficas de interveno e viso estratgica sobre as reas temticas em que operam.

10


PME (PEQUENAS E MDIAS EMPRESAS)

TIPOLOGIA DOS DESTINATRIOS/INTERLOCUTORES

Scios-gerentes ou administradores;
Directores de departamentos (e.g. directores de produo, directores comerciais, directores dos servios financeiros).

PERFIL SCIO-DEMOGRFICO DOS DESTINATRIOS/INTERLOCUTORES

Homens ou mulheres, em regra com idade superior a 30 anos; maior predominncia de homens do que nos segmentos anteriores;
Formao mdia ou superior;
Familiaridade varivel com tecnologias de informao;
Bom conhecimento e viso estratgica sobre o seu prprio negcio e sobre o sector de actividade econmica em que operam.

11


BENEFICIRIOS INDIVIDUAIS DOS PROJECTOS DE COOPERAO TRANSNACIONAL

TIPOLOGIA DOS DESTINATRIOS

Os beneficirios dos projectos transnacionais enquadram-se, em regra, nos segmentos-alvo que tm vindo a ser descritos. H, no entanto, alguns projectos
que tm como beneficirios indivduos e no instituies (e.g. projecto Smartfarmer). Este um grupo difcil de tipificar, dado que os beneficirios/destinatrios
individuais dos projectos transnacionais variam sensivelmente, em funo das temticas especficas abordadas em cada caso.

O website da RCDI usado, sobretudo, como veculo intermdio, para encaminhamento destes destinatrios individuais para os websites de cada projecto
especfico.

PERFIL SCIO-DEMOGRFICO DOS DESTINATRIOS

Tendem a ser:

Homens ou mulheres, em regra com idade inferior a 30 anos;

Formao bsica ou mdia;
Familiaridade varivel com tecnologias de informao;
Frequentemente em situao desfavorecida (e.g. desempregados).

12


CRIAO DE PERSONAS

13

Quero viver num sitio
mais acolhedor,
dinmico e com mais
vida
DESCRIO PESSOAL
Joo Paulo estudou em Coimbra
onde tirou Relaes Internacionais.
Ele preocupasse muitas com as
pessoas e acha que as pessoas se
deviam entreajudar para conseguir um
futuro melhor para Portugal.
DADOS DEMOGRFICOS
Idade: 43
Estudos: licenciado em
Relaes Internacionais
Localizao: Interior de Portugal
Gnero: Masculino
TECNOLOGIA
Joo Paulo tem um computador
porttil que utiliza para o seu
trabalho no departamento de
relaes internacionais numa
empresa de marketing
Para alm do computador porttil
utilizado por Joo Paulo para
razes profissionais, Joo Paulo
tambm utiliza um smartphone,
este para alm de ser usado para
razes profissionais tambm
utilizado para a sua vida privada.
FUNES/CARGOS
Joo Paulo ocupa o cargo de relaes
internacionais numa empresa de
marketing, mas para alm disso ele
tambm Vereador da cmara
municipal de onde vive.
DESEJOS
O grande desejo de Joo Paulo viver
num mundo de paz, onde as pessoas
se entreajudam e resolver os
problemas juntos como uma grande
famlia, sem guerras e sem maldade.
PROPSITO
O Joo Paulo preocupa-se com a vida da
populao do local onde vive e para tal pretende
encontrar algum que o ajude a dinamizar esse
mesmo local. Ao dirigir-se a ao site da RCDI, ele
poder encontrar essa mesmo ajuda que
necessita.
14

Os humanos deviam de pensar
duas vezes antes de destrurem o
planeta terra
DESCRIO
Francisco Sacramento estudou em
Lisboa onde tirou Engenharia da
energia e de seguida um mestrado
em Engenharia do Ambiente.
Ele acha que os humanos deviam de
cuidar mais do planeta em vez de o
irem destruindo ao pouco e pouco.
DADOS DEMOGRFICOS
Idade: 32
Estudos: licenciado em Engenharia da
energia; Mestrado em Engenharia do
Ambiente.
Localizao: Litoral de Portugal
Gnero: Masculino
TECNOLOGIA
Francisco tem um Macbook Pro que
maioritariamente utilizado para assuntos
relacionado com a empresa que recentemente
criou. Para alm do Macbook Pro ele tem em
casa um desktop que utilizado
maioritariamente para lazer.
Ele tambm tem um tablet que utilizado
maioritariamente em situaes que est com
falta de tempo.
Como a maioria da populao Francisco
tambm utiliza um telemvel neste caso um
iPhone, tanto para a sua vida profissional como
para a sua vida privada.
FUNES/CARGOS
Francisco tem o cargo de administrador numa
empresa que se encontra na rea das energias
renovveis que lhe ocupa muito tempo devido a
ter sido recentemente criada e que est em
crescimento.
DESEJOS
Francisco sonha em viver num
planeta perfeito, onde possa
apreciar a natureza no seu estado
mais puro e que os humanos
cuidem desse planeta perfeito.
PROPSITO
Devido ao cargo que o francisco tem
na empresa onde administrador, a
procura por novas parcerias inerente
identidade da empresa em questo.
neste sentido que o francisco
poder vir a dirigir-se ao site da RCDI,
para fazer uma nova parceria num
futuro projeto que esteja relacionado
com o desenvolvimento de energias
numa dada regio
15

Na vida faz o que se pode
para sobreviver
DESCRIO
Jos Carlos depois de fazer o 12
ano decidiu abdicar dos estudos
para ir para a aldeia dos pais
trabalhar na agricultura biolgica.
Ele acha que na vida as pessoas
so sempre obrigadas a fazer
coisas que no gostam.
DADOS DEMOGRFICOS
Idade: 21
Estudos: 12 ano
Localizao: Interior de Portugal
Gnero: Masculino
TECNOLOGIA
Jos Carlos tem um computador
porttil que utiliza tanto para
assuntos realizados com a
agricultura como assuntos da sua
vida privada.
Ele tambm um telemvel que PROPSITO
utilizado quase sempre para
assuntos meramente pessoais.
FUNES/CARGOS
Jos Carlos agricultor na terra
dos pais, e tenta ajudar sempre
a sua famlia no que pode.
DESEJOS
Jos Carlos queria ter um melhor nvel de
vida do que tem atualmente, ajudando os
pais a desenvolver o negocia da
agricultura biolgica.
O Jos Carlos devido pouca
formao acadmica que tem e por
trabalhar na agricultura, poder
sempre dirigir-se ao site da RCDI para
fazer um minicurso de e-learning de
marketing de produtos agrobiolgicos,
no mbito do projecto smarfarmer.
16


ARQUITECTURA DE INFORMAO
A concorrncia a este nvel, ou seja, ao nvel das associaes de apoio a inovao, desenvolvimento e cooperao tem muita informao na pgina inicial do
web-site o que se torna confuso, como por exemplo a Associao 2000 de apoio ao desenvolvimento (http://www.a2000.pt/ ). Atualmente os projetos mais
simples so os mais eficazes, pois a informao est mais direta e a pessoa no precisa de pensar tanto. Com base nisso decidimos fazer um web-site simples
e eficaz.

A pgina inicial iria estar dividida em duas partes onde na primeira parte ira ser separadores em forma de bolas onde simplesmente iria aparecer o nome dos
separadores sem a sua informao a no ser que o usurio clique na bola do separador, caso isso acontece a informao do separador que o usurio clicou
ir aparecer logo de seguida em baixo. Os separadores iram ser os atuais e mais um que o separador dos parceiros, ou seja, os separadores iriam ser:
Home, RCDI, Projetos, Notcias, Parceiros e Contatos. Na segunda parte ir estar em modo de imagem automtico a passar a sntese das noticias dos projetos
mais recentes, onde o usurio pode clicar e iria aparecer a noticia completa.

O Mapa de navegao do site ir ser o seguinte:

1 Nvel RCDI

2 Nvel Home RCDI Projetos Notcias Parcerias Contactos

3 Nvel Projetos em
Curso
Projetos
concludos

4 Nvel Ele. C. Tra MedLand2020

Progress in
White
Smartfarmer 2BParks Mentor ME

17


WIREFRAME

18


INTERFACES GRFICAS
HOMEPAGE

19


MENUS E SUB-MENUS

20


PGINA DE CONTEDO

21


TESTES DE USABILIDADE
Para avaliar a viabilidade do nosso web-site iremos utilizar os testes de usabilidade que uma tcnica de pesquisa utilizada para avaliar um produto ou servio,
com usurios representativos do pblico-alvo. Iremos ento utilizar o site https://usabilityhub.com/ para conseguirmos realizar os testes de usabilidade. Nos
testes de usabilidade decidimos fazer trs tipos de testes sendo estes: Navigation Test, Click Test e Question Test.

NAVIGATION TEST: com este teste pretendamos saber se o nosso site estava bem organizado de maneira a que se uma pessoa quisesse saber informao
acerca de um projeto especifico conseguiria encontrar facilmente esse mesmo projeto. Com um total de 13 respostas percebemos que quase todos os
utilizadores conseguiram ir l parar logo na primeira vez pois s houve um utilizador desses 13 que no conseguiu o que representa um taxa de 92% de
sucesso.

22


CLICK TEST: O objetivo deste teste era perceber se o consumidor entendia como estava organizado a homepage do nosso site da termos perguntando onde
iam se quisessem saber mais sobre os projetos, percebendo assim se os utilizadores conseguiam chegar rpido a informao que pretendiam. Com um total
de 11 pessoas conseguimos perceber que os utilizadores perceberam a nossa homepage da as manchas vermelhas que significam onde houve mais cliques
levar os utilizares a saber mais informaes sobre os projetos.

23


QUESTION TEST: com este pretendamos saber se os utilizadores com a nossa homepage conseguiam perceber qual era a nossa associao assim como o
que ela fazia. este teste s conseguimos obter 10 respostas devido a ser o teste que levava mais tempo porque os utilizadores teriam de escrever e muitos
utilizadores desistiam a meio.

Podemos observar que quase todas as pessoas conseguiram identificar a associao assim bem como qual era o intuito da associao.

24


25


PROTTIPO DO SITE

http://rcdi.16mb.com/wordpress/

26


CONCLUSO

Com este trabalho podemos concluir que a imagem de apresentao da RCDI o seu web-site e que a RCDI no est a tirar o mximo de proveito dele.
Devido a este fator propusemos a ideia de um novo web-site onde o contedo iria estar de uma forma mais simples para o utilizador que no nosso caso
maioritariamente associaes de desenvolvimento local/regional, ONGS, cmaras de comrcio, associaes empresariais e pequenas e mdias empresas,
como tal no podemos fazer um site todo XPTO, mas sim um web-site mais sbrio.

No final deste processo de investigao/analise achamos uma boa ideia dividir o web-site em duas partes, mantendo a importncia dos projetos mais recentes
sem tirar a devida importncia aos outros aspetos.

27


BIBLIOGRAFIA

http://www.rcdi.pt

http://www.growth-consulting.net

http://rcdi.16mb.com/wordpress/

28