SlideShare uma empresa Scribd logo
1 de 1
o :
                      ç ã
             o   l u      ã o
       E v           a ç
A               e r
          n t       a s
      I          d           e s
                        a c
                   r f
              t e
        I n


                                                                                               Abra Seu
                                                      1835                                    Navegador e
                                                                                            Siga o Caminho
                                                    Máquina
                                                   analítica de
                                                    Babbage
                                                                         1800          1910
                                                            1890




                                                                                                                1910
                                                                           Behrens e Neurath realizam o
                                                           Unidade        design de um sistema de identi-
                                                       tabuladora de          dade visual para a AEG.
                                                           cartoes
                                                         perfurados                   1914
                                                                          Primeiras ações de sinalização
                                                         ( Hollerith )

                                                                                                1920
                                                                                          Neurath realiza o
                                                                                         design do primeiro
                                                                                         sistema de signos,
                                                                                              Isotype
                                                                                                                1920
                     1940
                                                                                                  1927
                           1945                                       1933                  Uni cação dos
                                                               H.C.Beck realiza um        sinais de crculação
                        Computador                             plano diagramático            internacionais
                          ENIAC                                   para o metrô



                   1946
        Busca de uma linguagem
       visual universal, um passo a
                                                                   1930
       mais no caminho da globali-
           zação da informação

              1949
         Computador
       Whirlwind, primeiro
           que realiza
        representações
        grá cas na tela

                  1949
         Burtin realiza grá cos                         1953
        simples e diretos para a                   Herbert Bayer
       visualização de processos
                                                       publica

         1950
                                                  Atlas Geográ co
                                                      Mundial

                                 1957
                       Modley elabora um sistema
                       de pictogramas buscando
                         uma linguagem visual
                               universal

              1958
            Primeiro
       videogame na tela
       de um computador
         Tennis for Two

                1958                                                               1964
       Kinneir projeta a sinali-                        1962         Rudolf Modley, Margaret Mead e
                                                                                                                1960




       zação do aeroporto de                          Sketchpad      Mary C. Bateson criam o sistema
         Gatwick ( Londres )                                                   visual Glyph
                                                  primeira aplicação
                  1960                                para o
       Aicher trabalha para o sis-
       tema de identidade visual                  desenho técnico                            1965
        da Braun e da Lufthansa
                                                                                            Nelson
                                                                                              eo
                                                                                          hipertexto

                                                                                            1965
                                                                                        Kay projeta o
                                                                                         Dynabook

                                                                                 1965
                                                       1968                  Sutherland e o
                                              Douglas Carl Engelbart           gra smo
                                                projeta o primeiro          computadorizado
                1969                           sistema operacional
          Primeira conexão                    com janelas ícones e o
              ARPANET                             primeiro mouse
           ( Pré-Internet )
                    1971
        Alan Kay desenvolve a ideia




                                                               1970
          de representar a mesa de
       trabalho na tela para interagir
               com o usuário

                                      1971
                                A intel lançou o
                         microprocessador isso possi-
                           bilitou o nascimento da
                             informática pessoal



                                                    1972
                                              Comercialização do
                                                 videogame
                                               Pong, criado por
                                                Nolan Bushnell


                                                       1972
                                              Aicher realiza o design
                                                dos símbolos e sis-
                                               tema de identidade
                                                 visual dos jogos
                                                  Olímpicos de
                                                          Munique

                                                                1973
                                                  Alan Kay desenvolve
                                                   no PARC a primeira
                                                     interface grá ca
                                                  baseada na metáfora
                                                   amelado desktop a
                                                         Torres

                                                        interface alto

                                                      1974
                                                Organização de
                                             símbolos destinados a
                                             passageiros, pedestres
                                                 e usuários de
                                                   transporte
                                                  (AIGA, EUA)
                                                          1974
                                                  Programa de Melhoria
                                                    do Design Federal
                                                         (EUA)

                               1976
                         Interface grá ca
                                 do
                            Apple Lisa,
                          Interface WIMP

                1978
       Tour virtual por Aspen,
          Colorado: grupo
           Archmac (MIT)
              1979
         Viewtel, primeiro
             e-jornal

              1981                                                                   1987
1980




        A xerox apresenta                                1984             Bill Atkinson cria o Hyper-
                                                                         Card, que servia para buscar,
          um sistema de                                Aparece o         administrar e guardar infor-
                                                                         mações. Utilizou o ícone de
       ícones na interface
        grá ca do sistema                              Macintosh         uma casa para representar a
                                                                         tela principal do programa.
                                                                         Desde então, todos os nave-
         operacional Star                                                       gadores o usam


                                                                                                1990
                                                                                           Fica popular a
                                                                                        interface grá ca da
                                                                                              Microsoft
                                                                                            Windows 3.0


                                                                                 1991
                                                                            Surge a internet
                                                                                (www)




                                                                              1990
               1993
        Primeiro sistema de
        ícones para a nave-
         gação no primeiro
           navegador de
             internet
           NCSA Mosaic

   1993
 Primeiro
navegador
  Mosaic


     1993
     Apple
    Newton


              1994
            Se torna
           comercial o
            NetScape                                     1994       1995
                                                       Navegador  Surge o
                                                         Opera   MS Explorer.


                                                                                              1995
                                                                                            Diretrizes
                                                                                            do MacOS


                                     N       NE                              2003
                           NW




                                                                           Navegador
                                                  E
                                                  E
                                                  E
                          W




                                                                             Safari
                                                  SE




                                SW
                                         S
2000




                                                                                             2004
                                                                                          Navegador
                                                                                            Firefox


                                                                                2007
                                                                                Apple
                                                                               Iphone


                                                                                             2008
                                                                                           Navegador
                                                                                            Chrome

                                                                              2009
                                                                             Sistema
                                                                            Operacional
                                                                            Windows 7


                                                                                                2010
                                                                                                Apple
                                                                                                 Ipad

                                                                             2011 / Hoje

                                                                          Motorola Xoom
                                                                           Windows 8




                                                                           Rony Deolindo
                                                                    Renata Souto de Melo
                                                                  Marcos Paulo Rau Junior
                                                                 Rodrigo Machado Meurer
                                                               Pedro Guilherme de Oliveira
                                                                        Maltin Heudi Cerri
                                                                            Paulo M. Neto
               2011 Todos os Direitos Reservados

Mais conteúdo relacionado

Mais de Jonathan Prateat

Sabores da ju otero, bruna, alexandre h, gustavo, eduardo
Sabores da ju   otero, bruna, alexandre h, gustavo, eduardoSabores da ju   otero, bruna, alexandre h, gustavo, eduardo
Sabores da ju otero, bruna, alexandre h, gustavo, eduardoJonathan Prateat
 
GAMPI 2017 - Um Design de Possibilidades
GAMPI 2017 - Um Design de PossibilidadesGAMPI 2017 - Um Design de Possibilidades
GAMPI 2017 - Um Design de PossibilidadesJonathan Prateat
 
GAMPI 2017 - Sustentabilidade
GAMPI 2017 - SustentabilidadeGAMPI 2017 - Sustentabilidade
GAMPI 2017 - SustentabilidadeJonathan Prateat
 
GAMPI 2017 - Design Emocional / Design de Experiência
GAMPI 2017 - Design Emocional / Design de ExperiênciaGAMPI 2017 - Design Emocional / Design de Experiência
GAMPI 2017 - Design Emocional / Design de ExperiênciaJonathan Prateat
 
GAMPI 2017 - Folclore Brasileiro
GAMPI 2017 - Folclore BrasileiroGAMPI 2017 - Folclore Brasileiro
GAMPI 2017 - Folclore BrasileiroJonathan Prateat
 
GAMPI 2017 - Design que transforma
GAMPI 2017  - Design que transformaGAMPI 2017  - Design que transforma
GAMPI 2017 - Design que transformaJonathan Prateat
 
GAMPI 2017 - Design do Oiapoque ao Chuí
GAMPI 2017 - Design do Oiapoque ao ChuíGAMPI 2017 - Design do Oiapoque ao Chuí
GAMPI 2017 - Design do Oiapoque ao ChuíJonathan Prateat
 
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da SilvaBranding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da SilvaJonathan Prateat
 
Howtodevelopabrandstrategy
HowtodevelopabrandstrategyHowtodevelopabrandstrategy
HowtodevelopabrandstrategyJonathan Prateat
 
Projeto GAMPI 2016 - Arly, Fabiana, Klaus, Lucas Souza
Projeto GAMPI 2016 - Arly, Fabiana, Klaus, Lucas SouzaProjeto GAMPI 2016 - Arly, Fabiana, Klaus, Lucas Souza
Projeto GAMPI 2016 - Arly, Fabiana, Klaus, Lucas SouzaJonathan Prateat
 
Projeto GAMPI 2016 - Felipe, Jordan, Rafael C., Roberto, Vinicius
Projeto GAMPI 2016 - Felipe, Jordan, Rafael C., Roberto, ViniciusProjeto GAMPI 2016 - Felipe, Jordan, Rafael C., Roberto, Vinicius
Projeto GAMPI 2016 - Felipe, Jordan, Rafael C., Roberto, ViniciusJonathan Prateat
 
Proposta GAMPI 2016 - Diego, Lucas G., Lucas S., Rafael T., Rodrigo
Proposta GAMPI 2016 - Diego, Lucas G., Lucas S., Rafael T., RodrigoProposta GAMPI 2016 - Diego, Lucas G., Lucas S., Rafael T., Rodrigo
Proposta GAMPI 2016 - Diego, Lucas G., Lucas S., Rafael T., RodrigoJonathan Prateat
 
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, FábioProjeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, FábioJonathan Prateat
 
Projeto GAMPI 2016 - Amanda K, Bruna, Wellington
Projeto GAMPI 2016 - Amanda K, Bruna, WellingtonProjeto GAMPI 2016 - Amanda K, Bruna, Wellington
Projeto GAMPI 2016 - Amanda K, Bruna, WellingtonJonathan Prateat
 
Proposta GAMPI 2016 - Cleber, Gabriela, João Victor, Natacha, Willian
Proposta GAMPI 2016 - Cleber, Gabriela, João Victor, Natacha, WillianProposta GAMPI 2016 - Cleber, Gabriela, João Victor, Natacha, Willian
Proposta GAMPI 2016 - Cleber, Gabriela, João Victor, Natacha, WillianJonathan Prateat
 
Proposta GAMPI 2016 - Alice, Caroline, Priscila, Susane
Proposta GAMPI 2016 - Alice, Caroline, Priscila, SusaneProposta GAMPI 2016 - Alice, Caroline, Priscila, Susane
Proposta GAMPI 2016 - Alice, Caroline, Priscila, SusaneJonathan Prateat
 

Mais de Jonathan Prateat (20)

Sabores da ju otero, bruna, alexandre h, gustavo, eduardo
Sabores da ju   otero, bruna, alexandre h, gustavo, eduardoSabores da ju   otero, bruna, alexandre h, gustavo, eduardo
Sabores da ju otero, bruna, alexandre h, gustavo, eduardo
 
GAMPI 2017 - Um Design de Possibilidades
GAMPI 2017 - Um Design de PossibilidadesGAMPI 2017 - Um Design de Possibilidades
GAMPI 2017 - Um Design de Possibilidades
 
GAMPI 2017 - Sustentabilidade
GAMPI 2017 - SustentabilidadeGAMPI 2017 - Sustentabilidade
GAMPI 2017 - Sustentabilidade
 
GAMPI 2017 - Design Emocional / Design de Experiência
GAMPI 2017 - Design Emocional / Design de ExperiênciaGAMPI 2017 - Design Emocional / Design de Experiência
GAMPI 2017 - Design Emocional / Design de Experiência
 
GAMPI 2017 - Folclore Brasileiro
GAMPI 2017 - Folclore BrasileiroGAMPI 2017 - Folclore Brasileiro
GAMPI 2017 - Folclore Brasileiro
 
GAMPI 2017 - Design que transforma
GAMPI 2017  - Design que transformaGAMPI 2017  - Design que transforma
GAMPI 2017 - Design que transforma
 
GAMPI 2017 - Vintage
GAMPI 2017 - VintageGAMPI 2017 - Vintage
GAMPI 2017 - Vintage
 
GAMPI 2017 - Design do Oiapoque ao Chuí
GAMPI 2017 - Design do Oiapoque ao ChuíGAMPI 2017 - Design do Oiapoque ao Chuí
GAMPI 2017 - Design do Oiapoque ao Chuí
 
GAMPI 2017 - ARTE RUPTURA
GAMPI 2017 - ARTE RUPTURAGAMPI 2017 - ARTE RUPTURA
GAMPI 2017 - ARTE RUPTURA
 
GAMPI 2017 - Tropicália
GAMPI 2017 - TropicáliaGAMPI 2017 - Tropicália
GAMPI 2017 - Tropicália
 
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da SilvaBranding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
 
Howtodevelopabrandstrategy
HowtodevelopabrandstrategyHowtodevelopabrandstrategy
Howtodevelopabrandstrategy
 
Case kodak
Case kodakCase kodak
Case kodak
 
Projeto GAMPI 2016 - Arly, Fabiana, Klaus, Lucas Souza
Projeto GAMPI 2016 - Arly, Fabiana, Klaus, Lucas SouzaProjeto GAMPI 2016 - Arly, Fabiana, Klaus, Lucas Souza
Projeto GAMPI 2016 - Arly, Fabiana, Klaus, Lucas Souza
 
Projeto GAMPI 2016 - Felipe, Jordan, Rafael C., Roberto, Vinicius
Projeto GAMPI 2016 - Felipe, Jordan, Rafael C., Roberto, ViniciusProjeto GAMPI 2016 - Felipe, Jordan, Rafael C., Roberto, Vinicius
Projeto GAMPI 2016 - Felipe, Jordan, Rafael C., Roberto, Vinicius
 
Proposta GAMPI 2016 - Diego, Lucas G., Lucas S., Rafael T., Rodrigo
Proposta GAMPI 2016 - Diego, Lucas G., Lucas S., Rafael T., RodrigoProposta GAMPI 2016 - Diego, Lucas G., Lucas S., Rafael T., Rodrigo
Proposta GAMPI 2016 - Diego, Lucas G., Lucas S., Rafael T., Rodrigo
 
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, FábioProjeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
 
Projeto GAMPI 2016 - Amanda K, Bruna, Wellington
Projeto GAMPI 2016 - Amanda K, Bruna, WellingtonProjeto GAMPI 2016 - Amanda K, Bruna, Wellington
Projeto GAMPI 2016 - Amanda K, Bruna, Wellington
 
Proposta GAMPI 2016 - Cleber, Gabriela, João Victor, Natacha, Willian
Proposta GAMPI 2016 - Cleber, Gabriela, João Victor, Natacha, WillianProposta GAMPI 2016 - Cleber, Gabriela, João Victor, Natacha, Willian
Proposta GAMPI 2016 - Cleber, Gabriela, João Victor, Natacha, Willian
 
Proposta GAMPI 2016 - Alice, Caroline, Priscila, Susane
Proposta GAMPI 2016 - Alice, Caroline, Priscila, SusaneProposta GAMPI 2016 - Alice, Caroline, Priscila, Susane
Proposta GAMPI 2016 - Alice, Caroline, Priscila, Susane
 

História das Interfaces

  • 1. o : ç ã o l u ã o E v a ç A e r n t a s I d e s a c r f t e I n Abra Seu 1835 Navegador e Siga o Caminho Máquina analítica de Babbage 1800 1910 1890 1910 Behrens e Neurath realizam o Unidade design de um sistema de identi- tabuladora de dade visual para a AEG. cartoes perfurados 1914 Primeiras ações de sinalização ( Hollerith ) 1920 Neurath realiza o design do primeiro sistema de signos, Isotype 1920 1940 1927 1945 1933 Uni cação dos H.C.Beck realiza um sinais de crculação Computador plano diagramático internacionais ENIAC para o metrô 1946 Busca de uma linguagem visual universal, um passo a 1930 mais no caminho da globali- zação da informação 1949 Computador Whirlwind, primeiro que realiza representações grá cas na tela 1949 Burtin realiza grá cos 1953 simples e diretos para a Herbert Bayer visualização de processos publica 1950 Atlas Geográ co Mundial 1957 Modley elabora um sistema de pictogramas buscando uma linguagem visual universal 1958 Primeiro videogame na tela de um computador Tennis for Two 1958 1964 Kinneir projeta a sinali- 1962 Rudolf Modley, Margaret Mead e 1960 zação do aeroporto de Sketchpad Mary C. Bateson criam o sistema Gatwick ( Londres ) visual Glyph primeira aplicação 1960 para o Aicher trabalha para o sis- tema de identidade visual desenho técnico 1965 da Braun e da Lufthansa Nelson eo hipertexto 1965 Kay projeta o Dynabook 1965 1968 Sutherland e o Douglas Carl Engelbart gra smo projeta o primeiro computadorizado 1969 sistema operacional Primeira conexão com janelas ícones e o ARPANET primeiro mouse ( Pré-Internet ) 1971 Alan Kay desenvolve a ideia 1970 de representar a mesa de trabalho na tela para interagir com o usuário 1971 A intel lançou o microprocessador isso possi- bilitou o nascimento da informática pessoal 1972 Comercialização do videogame Pong, criado por Nolan Bushnell 1972 Aicher realiza o design dos símbolos e sis- tema de identidade visual dos jogos Olímpicos de Munique 1973 Alan Kay desenvolve no PARC a primeira interface grá ca baseada na metáfora amelado desktop a Torres interface alto 1974 Organização de símbolos destinados a passageiros, pedestres e usuários de transporte (AIGA, EUA) 1974 Programa de Melhoria do Design Federal (EUA) 1976 Interface grá ca do Apple Lisa, Interface WIMP 1978 Tour virtual por Aspen, Colorado: grupo Archmac (MIT) 1979 Viewtel, primeiro e-jornal 1981 1987 1980 A xerox apresenta 1984 Bill Atkinson cria o Hyper- Card, que servia para buscar, um sistema de Aparece o administrar e guardar infor- mações. Utilizou o ícone de ícones na interface grá ca do sistema Macintosh uma casa para representar a tela principal do programa. Desde então, todos os nave- operacional Star gadores o usam 1990 Fica popular a interface grá ca da Microsoft Windows 3.0 1991 Surge a internet (www) 1990 1993 Primeiro sistema de ícones para a nave- gação no primeiro navegador de internet NCSA Mosaic 1993 Primeiro navegador Mosaic 1993 Apple Newton 1994 Se torna comercial o NetScape 1994 1995 Navegador Surge o Opera MS Explorer. 1995 Diretrizes do MacOS N NE 2003 NW Navegador E E E W Safari SE SW S 2000 2004 Navegador Firefox 2007 Apple Iphone 2008 Navegador Chrome 2009 Sistema Operacional Windows 7 2010 Apple Ipad 2011 / Hoje Motorola Xoom Windows 8 Rony Deolindo Renata Souto de Melo Marcos Paulo Rau Junior Rodrigo Machado Meurer Pedro Guilherme de Oliveira Maltin Heudi Cerri Paulo M. Neto 2011 Todos os Direitos Reservados