Fundamentos Web Design Inovação

Fundamentos de webdesign,
de tecnologia e de inovação
18 de novembro de 2017

Mas não basta inventar
Xerox Alto (1973)
2 Renato Cruz – Senac

Estágios de desenvolvimento
Fonte: CNI

Pesquisa e desenvolvimento
Fonte: CNI. O tamanho do círculo representa o valor total gasto com P&D

Venture capital e private equity
Fonte: CNI

O mercado de tecnologia
Renato Cruz – Senac6
Fonte: Economist

Inovação disruptiva
Fonte: Clayton Christensen

Contestação da teoria
Características da inovação rompedora:
 empresas dominantes promovem “inovações sustentadoras” (de
pequenas melhorias);
 com as inovações, passam a oferecer funcionalidades que ultrapassam
as necessidades dos clientes;
 empresas dominantes têm capacidade de responder à inovação
rompedora, mas não o fazem;
 elas fracassam como resultado da ruptura.
Andrew King e Baljir Baatartogtokh escreveram na MITSloan
Management Review que somente 9% de 77 empresas estudas por
Christensen se enquadram nos quatro pré-requisitos.

Resposta do autor- I
 ‘Ruptura’ descreve um processo em que uma empresa menor, com
menos recursos, é capaz de enfrentar com sucesso companhias
dominantes estabelecidas.
 Especificamente, conforme as empresas dominantes focam em
melhorar seus produtos e serviços para os clientes mais exigentes (e
normalmente mais lucrativos), acabam por ultrapassar as necessidades
de alguns segmentos e ignorar as necessidades de outros.
 Entrantes que se mostram rompedoras começam a endereçar com
sucesso esses segmentos mal atendidos, e ganham espaço ao oferecer
funcionalidade mais adequada – frequentemente a um preço menor.
Fonte: O que é inovação rompedora?

Resposta do autor - II
 As dominantes, ao procurar lucratividade mais alta em segmentos
mais exigentes, tendem a não responder com vigor.
 As entrantes então se movem mercado acima, oferecendo a
performance que os principais clientes das empresas dominantes
exigem, ao mesmo tempo em que preservam as vantagens que
garantiram seu sucesso inicial.
 Quando os clientes principais começam a adotar a oferta dos entrantes
em volume, a ruptura aconteceu.
 Exemplos: Netflix vs. BlockBuster e iPhone vs. PCs. Não são
exemplos: iPhone vs. celulares; Uber e Tesla.
Fonte: O que é inovação rompedora?

Inovação aberta
Fonte: Henry Chesbrough

O que é usabilidade?
“A usabilidade é um atributo de qualidade
relacionado à facilidade de uso de algo. Mais
especificamente, refere-se à rapidez com que os
usuários podem aprender a usar alguma coisa, a
eficiência deles ao usá-la, o quanto lembram
daquilo, seu grau de propensão a erros e o quanto
gostam de utilizá-la. Se as pessoas não puderem ou
não conseguirem utilizar um recurso, ele pode muito
bem não existir.”
Fonte: NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na web: projetando web sites com qualidade. São Paulo:
Saraiva, 2011

The Homer
Fonte: Os Simpsons, “Oh Brother, Where Art Thou?”, Temporada 2, Episódio 15, 16 fev. 1991.

Design como fracasso
Fonte: PETROSKI, Henry. The evolution of useful things. New York: Vintage Books, 1992, Loc. 529.
“(...) requisitos de design
estão sempre em conflito e,
dessa forma, não podem ser
conciliados: todos projetos
de objetos são fracassados
de alguma maneira, seja por
desrespeitarem um ou outro
requisito ou por serem uma
transigência, o que sempre
implica num grau de
fracasso.”

Qual é a coisa mais importante?
“Não me faça pensar!”
Fonte: KRUG, Steve. Não me faça pensar: uma abordagem de bom senso da usabilidade na web. Rio de Janeiro: Alta
Books, 2008.

Google

Google Wave

Erro milkshake

Obviedades
Fonte: KRUG, Steve. Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability. San Francisco: New
Riders, 2013.

Perguntas a serem evitadas
 Onde estou?
 Onde devo começar?
 Onde eles colocaram o ______?
 Quais as coisas mais importantes nessa página?
 Por que eles deram este nome a isto?
Books, 2008.

As pessoas não leem as páginas
Riders, 2013.

Hierarquia visual clara
Muito importante
Um pouco menos importante
Nem um pouco importante
Books, 2008.

Sem medo das convenções
Riders, 2013.

Convenções
Riders, 2013.

Não exagere nas opções
Riders, 2013.

Opções mais simples
Riders, 2013.

Tipos de usuários
 Algumas pessoas (usuários “dominados pelas
pesquisas”) quase sempre procuram as caixas
de busca assim que entram em um site.
 Outras pessoas (usuários “dominados por
links”) quase sempre navegarão primeiro,
pesquisando apenas quando não tiverem mais
prováveis links para clicar ou quando já
estiverem suficientemente frustradas com o
site.
Books, 2008.

Como funciona a navegação
Riders, 2013.

Nomes de páginas
Todas as páginas precisam de um nome. Da mesma forma que
cada esquina deve ter uma placa, cada página deve ter um nome.
O nome precisa estar no lugar certo. Na hierarquia visual da
página, o nome deve englobar todo o conteúdo único desta página.
O nome precisa ter destaque. A combinação de posição, tamanho,
cor e tipo de letra deve dizer “Este é o cabeçalho da página inteira”.
O nome precisa ser equivalente ao clicado. Se eu clicar num link
ou botão que diga “Purê de batatas”, o site me levará a uma página
chamada “Purê de batatas”.
Fonte: KRUG, Steve. Não me faça pensar: uma abordagem de bom senso da usabilidade na web. Rio de Janeiro: Alta Books, 2008.

Você está aqui
Riders, 2013.

Migalhas de pão

Abas
São autoevidentes. Ninguém olha para elas e diz: “O que será que
elas fazem?”
São difíceis de não serem vistas. Não é tão incomum o usuário
deixar de perceber uma barra de botões no topo da página. As barras
dificilmente são confundidas com outra coisa que não seja
navegação.
São agradáveis. Se feitas de forma correta, podem adicionar um
acabamento e servir a um propósito útil.
Sugerem um espaço físico. Criam a ilusão de que a aba ativa se
move fisicamente para a frente.
Fonte: KRUG, Steve. Não me faça pensar: uma abordagem de bom senso da usabilidade na web. Rio de Janeiro: Alta Books, 2008.

Teste do porta-malas
Que site é este? (Identificação do site)
Em qual página estou? (Nome da página)
Quais são as principais seções desta página? (Seções)
Quais são as minhas opções neste nível? (Navegação
local)
Onde eu estou no esquema das coisas? (Indicadores
“Você está aqui”)
Como eu posso fazer uma pesquisa?
Fonte: KRUG, Steve. Não me faça pensar: uma abordagem de bom senso da usabilidade na web. Rio de Janeiro:
Alta Books, 2008.

Fundamentos Web Design Inovação

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Fundamentos Web Design Inovação

Semelhante a Fundamentos Web Design Inovação (20)

Fundamentos Web Design Inovação