UX UI Conceitos para desenvolvimento Desenvolvimento para Web
UX & UI Conceitos para desenvolvimento Desenvolvimento para Web I- Professora Wanessa Amaral
CONTEÚDO 1 Conceitos 2 UI & UX 3 Programas Especializados 4 Considerações Finais Os conceitos que envolvem o assunto e suas vertentes. A definição e relação geral entre os dois temas. Programas específicos para trabalhar a questão de nível de experiência do usuário ou a questão de facilidade de uso. As considerações finais sobre o tema.
CONCEITOS Desenvolvimento de Aplicações O que são aplicações? É um tipo de software que funciona como um conjunto de ferramentas desenhado para realizar tarefas e trabalhos específicos no seu computador. Podem ser de uso para desktop, web, mobile, cross-plataform, e outros tipos. UX & UI 3
CONCEITOS Desenvolvimento de Aplicações Todos os softwares antes de serem construídos passam, ou ao menos deveriam, por um estágio de análise, na qual o problema é identificado e dividido. Esses problemas menores são resolvidos de maneira individual e então as soluções são aglomeradas para dar vida ao software. Depois de elaborado, o software passa pela fase de adaptação ao ambiente que opera. Nesta fase a reposta do usuário ao software é essencial para as modificações. UX & UI 4
CONCEITOS Termos técnicos da área de design Framework Wireframe SDK Um conjunto de ferramentas que ajudam a realizar uma tarefa ou desenvolver uma solução. Wireframes são os modelos físicos da aplicação. Podem ser feitos manualmente (esboço) ou por ferramentas especiais, que podem eventualmente tornar o wireframe na própria aplicação. Acrônimo para Software Development Kit, os SDKs são substancialmente menores do que os frameworks, mas ainda sim essenciais para desenvolvimento. UX & UI 5
COMPOSIÇÃO DE SOFTWARES Do que os softwares são compostos UX Design Eventos Externos ou Internos, estes sendo quaisquer eventos que possam modificar ou implicar mudança no próprio software. Evento Design Web & Servidores BD Servidor Programação De onde provém os dados que o software trabalha. Como o software se comporta frente ao própria usuário. Programação Como o software se comporta em sua própria natureza. UX & UI 6
UI User Interface UI A interface do usuário (UI) é responsável pela parte visual de um projeto, por onde o usuário interage com um determinado aplicativo, programa de computador, rede social, site ou até mesmo algum produto físico. É 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. UX & UI 7
UX User e. Xperience UX UX ou experiência do usuário é a parte emocional, o quão amigável essa interação pode ser e os sentimentos que ele tem ao realizá-la. Ela engloba toda a estratégia de design e desenvolvimento de um produto, como sua usabilidade, seu conteúdo e a arquitetura de informação. A experiência do usuário (UX), abrange todos os pontos de contato entre a empresa e o consumidor, desde o anúncio que o levou até o website, até a embalagem em que a camiseta foi entregue, o produto em si, o atendimento por telefone, as interações nas redes sociais da marca, entre outros elementos. UX & UI 8
Softwares Especializados Softwares voltados para o nível de experiência do usuário Adobe Xperience Design Adobe Experience Design integra design e prototipagem em uma aplicação desktop que é rápida e fluida. A solução ajuda designers a alternarem entre wireframe, design, protótipo e preview, para conseguirem desenvolver apps e sites que mantêm os usuários engajados. Funcionalidade Preço Facilidade de Uso Usabilidade Relação Geral UX & UI 10
Softwares Especializados Softwares voltados para o nível de experiência do usuário Indigo Studio A mais rápida ferramenta de criação de protótipos e interações de interface do usuário - ajuda você a rapidamente e simplesmente explorar e criar protótipos de UI funcionais e animados, mantendo o foco na experiência do usuário a cada etapa. Funcionalidade Preço Facilidade de Uso Usabilidade Relação Geral UX & UI 11
Softwares Especializados Softwares voltados para o nível de experiência do usuário Microsoft Office Visio Microsoft Visio é uma ferramenta poderosa para você criar fluxogramas e diagramas para vincular dados em poucos cliques. Além dos fluxogramas, é possível trabalhar com protótipos e layouts de aplicações. Funcionalidade Preço Facilidade de Uso Usabilidade Relação Geral UX & UI 12
Softwares Especializados Softwares voltados para alteração do comportamento do software em si Microsoft Visual Studio O Visual Studio continua a investir no suporte para os últimos recursos da linguagem de programação. Se você trabalhar com o C#, Visual Basic, C++, Type. Script, F# ou mesmo com linguagens de terceiros, como o Java. Script e Python, encontrará um excelente suporte de recursos em toda a experiência de desenvolvimento. Funcionalidade Preço Facilidade de Uso Usabilidade Relação Geral UX & UI 13
Softwares Especializados Softwares voltados para alteração do comportamento do software em si Eclipse é um IDE para desenvolvimento Java, porém suporta várias outras linguagens a partir de plugins como C/C++, PHP, Cold. Fusion, Python, Scala e plataforma Android. Funcionalidade Preço Facilidade de Uso Usabilidade Relação Geral UX & UI 14
Softwares Especializados Softwares voltados para alteração do comportamento do software em si Net. Beans O Net. Beans IDE é um ambiente de desenvolvimento integrado gratuito e de código aberto para desenvolvedores de software nas linguagens Java, Java. Script, HTML 5, PHP, C/C++, Groovy, Ruby, entre outras. Funcionalidade Preço Facilidade de Uso Usabilidade Relação Geral UX & UI 15
OBRIGADO! Dúvidas? Gustavo H. C. Silva– UX & UI
- Slides: 16