[PT]
Exercício académico cuja intenção passava por "corrigir" um site considerado "desinteressante". Face à proposta apresentada, o site escolhido foi o MatWeb - uma base de dados de propriedades de diferentes materiais, desde polímeros a metais, cerâmicos e outros materiais de engenharia - que pode ser considerado visualmente "desinteressante" e de difícil utilização.
[ENG]
Academic exercise whose intention was to fix an uninteresting site. Given the presented proposal, the chosen site was MatWeb - a property database of different materials, from polymers to metals, ceramics and other engineering materials - which can be considered visually unattractive and difficult to use.
Aveiro University (2013) . Design Interection
With: Daniela Vieira and Inês Seixas.
ANTES
Before
01 O Logótipo
The Logo
______________________
sem ligação ao tema
no connection with the subject
02 A Página Inicial
The Homepage
______________________________________________
confuso . pouco intuitivo . visualmente desinteressante
messy . unintuitive . visually unatractive
DEPOIS
After
01 O Logótipo
The Logo
02 A Página Inicial
The Homepage
__________
Fundo
Background
Imagem de variação diária associada à textura de um material, cujo nome é indicado no canto inferior direito.
Daily pictures related to a material texture, whose name is mentioned in the lower right corner.
_____
Foco
Focus
Logótipo e zona de pesquisa sempre presentes ao longo da navegação.
Logo and search area always present along the navigation.
__________
Iconografia
Iconography
Menu iconográfico, onde a identificação de cada "separador" é feita com passar do rato.
Iconographic menu, where the identification of each "tab" is made when the mouse cursor passes over them.
03 A Navegação
The Navigation
___________
Organização
Organization
Distribuição da informação em "colunas", sendo a central a principal.
The information is distributed in "columns", being the main one on the center.
_______________
Menu Secundário
Submenu
Coluna direita da página destina-se a menus secundários, que variam consoante as acções a serem realizadas.
Right column of the page is made for the submenus, which vary depending on the actions to be performed.
________
Pesquisa
Search
A opção de pesquisa é o grande foco do site, pelo que está sempre disponível, sendo de fácil e rapido acesso. Esta pode ser ainda mais selectiva através da utilização dos diferentes separadores do menu geral.
The search option is the site main focus, so it's always available with a quick and easy access.
This can be even more selective by using the different tabs of the main menu.
_____________
Você está aqui!
You are here!
Destaque sobre ícone do separador em utilização de forma a que utilizador saiba sempre onde está.
Emphasis on the tab icon in use so the user always knows where he's at.
________
Imagens
Images
Os termos são sempre ilustrados para melhorar um melhor esclarecimento do utilizador.
The terms are always illustrated to enhance a better understanding for the user.
obrigada!
thanks for watching!
