- O documento discute frameworks front-end para desenvolvimento web, com foco no Bootstrap. Apresenta conceitos de design de interface, User Interface, User Experience e a importância dos frameworks para facilitar a criação de sites responsivos.
2. SUMÁRIO
• Design de Interface para Web
• User Interface (UI) e User Experience (UX)
• Frameworks CSS para Front-end
• Bootstrap
• Atividade Prática
Frameworks para Desenvolvimento Web – Porf. MSc. André Costa
3. Design de Interface para Web
O que é?
• O design de interface é o recurso que conduz a interação do ser humano com
um produto físico ou virtual. A interface varia de um brinquedo, aparelho
eletrodoméstico, até um aplicativo para smartphone ou uma página na web.
• Na prática, o design de interface diz respeito à parte visual, à usabilidade,
arquitetura da informação, navegação, transição de telas. Ou seja, todos os
recursos que incrementam e melhoram a forma como o usuário lida com o
produto.
• Tudo deve ser construído em virtude da satisfação do elemento humano!
Frameworks para Desenvolvimento Web – Porf. MSc. André Costa
6. Design de Interface para Web
Impacto num e-commerce
• A grande maioria das decisões de compra passa pelo período de
cogitação, que frequentemente se inicia com pesquisas na internet.
• Um design de interface bem programado facilita a busca de
informações e produtos no site e é responsável pelo caminho do
usuário até compra.
• Quando usuários navegam na página por pouco tempo podem impactar
o posicionamento de um site no Google.
Frameworks para Desenvolvimento Web – Porf. MSc. André Costa
11. User Interface (UI) e User Experience (UX)
User Interface (UI)
O User Interface – ou interface do usuário – é tudo aquilo que é
perceptível visualmente em alguma plataforma e leva o usuário a uma
interação positiva. Pode ser um botão, um menu diferente ou até
mesmo um som.
Frameworks para Desenvolvimento Web – Porf. MSc. André Costa
14. User Interface (UI) e User Experience (UX)
User Experience (UX)
O User Experience Design – ou design da experiência do usuário – se
preocupa com o ponto de contato de um produto/serviço, com as
pessoas. Este produto/serviço pode ser um website, um aplicativo, uma
máquina, um dispositivo móvel, ponto de venda, entre outras
plataformas de interação.
UX Design é a ciência que pensa exclusivamente na relação de um
produto com o usuário, buscando torná-la mais natural e simples.
Frameworks para Desenvolvimento Web – Porf. MSc. André Costa
17. User Interface (UI) e User Experience (UX)
Mobile First
Mobile First é um conceito aplicado em projetos web onde o foco inicial
da arquitetura e desenvolvimento é direcionado aos dispositivos móveis e
em seguida para os desktops.
Frameworks para Desenvolvimento Web – Porf. MSc. André Costa