Pergunta

Muitas vezes convenção é um dos importante consideração mais design para interface do usuário. Normalmente, o conselho vai fazê-lo como Microsoft faz.

Este é por três razões:

  1. Se não está quebrado, não conserte.
  2. Se os usuários esperam para clicar em um ícone de disquete para salvar, não altere o ícone (embora alguns deles podem nunca ter visto um disquete real).
  3. Os usuários não querem re-aprender a (teclas de atalho e, etc.) de interface com cada aplicação diferente que eles usam.

Ao mesmo tempo Emmerson disse: "* A tola consistência é o fantasma das mentes pequenas. *" Então, quando faz a manutenção de uma interface de usuário consistente cruzar a linha a partir de uma boa idéia para a inovação estagnada?

Microsoft abalou o bom e velho WIMP GUI com a introdução do barra de ferramentas, e depois novamente com o controle da fita (que é a evolução natural da barra de ferramentas, como ele ou não.) Agora que estamos vendo fitas em todos os lugares.

Assim, a minha pergunta é: O que são alguns paradigmas de interface de usuário que são aceitos e consistentes em vários aplicativos, mas ter ficado após sua prima e estão começando a fedor? Há algumas mudanças importantes que poderiam se beneficiar de uma grama raízes empurrar por desenvolvedores a inovar e melhorar a experiência de interface de usuário para nossos usuários?

Um pensamento que me veio à mente para mim é a caixa de diálogo pop-up modal. Você sabe que os que dizem: ". Tem certeza de que quer .. - [Sim] [Não] [Cancelar] [Talvez]" e seu irmão gêmeo do mal! "Completado com sucesso o que você queria fazer [OK]" Estamos vendo uma distância movimento destes com o "painel de informação" em browsers. Eu acho que eles têm de ser adoptadas no desenvolvimento de aplicações janelas também.

Se possível lista por favor uma solução para cada item UI obsoleto.

E por favor não fazer a lista clippy. Nós todos sabemos que ele era uma má idéia.

NOTA :. Este é especificamente o Windows paradigmas de interface de usuário do cliente, mas estou certamente aberto a inspirando-se no web, o Mac, etc

Foi útil?

Solução

Você mencionou pop-up diálogos modais, e eu diria que os não-modais são tão ruins. Qualquer foco caixa de remoção de diálogo a partir do programa, eles podem acabar por trás do programa e torná-lo difícil de encontrá-lo, eles não podem sequer aparecem na mesma tela virtual.

Eu gostaria de ver um fim a todas as caixas de diálogo. Se você precisa parar alguém de usar a interface do usuário por causa de alguma circunstância não-normal, em seguida, retire as partes relevantes da UI da janela, e substituí-lo com o que o diálogo poderia conter. Trazer de volta a interface do usuário uma vez que o problema tem sido tratado.

Outras dicas

Clicando coisas em interfaces de toque

É incrivelmente difícil para clicar sobre as coisas em uma interface de toque, porque você não sabe quando você pressionou a força suficiente tela. E se você adicionar uma animação para o botão que estão clicando, você provavelmente não vai vê-lo, porque o dedo está no caminho. Adicionando outras reações, como vibrar o telefone ou pintar ondas no trabalho poder tela, mas geralmente há um atraso que é muito grande, muito maior do que a sensação tátil de um botão sendo pressionado. Então, até que eles inventam uma tela com botões que podem ser pressionados, todos os dispositivos de toque deve mover-se em direção arrastando interfaces de usuário (DUIs) em seu lugar.

Contador intuitivamente é mais fácil pressionar um objeto na tela, arraste-o e, em seguida, liberá-lo do que está a apenas pressione e solte. É provavelmente porque você pode ver o objeto em movimento quando você começar a arrastar, e você pode ajustar a pressão, enquanto arrastando-o. Arrastando também tem muito mais opções, porque agora você tem uma direção, não apenas um ponto que você clicou. Você pode fazer coisas diferentes, se o usuário arrasta o objeto em diferentes direções. A velocidade também pode ser utilizado, bem como o ponto onde o usuário solta o objeto. O ponto de lançamento é a verdadeira força de DUIs, porque é muito fácil de lançar algo, mesmo com precessão pixel.

Alguns projetos já começaram a usar DUIs, como (aqui vamos nós) o iPhone, Palm Pre e celulares com Android. Mas apenas parte de seu design é DUI, o resto está clicando. Uma área que todos eles têm em comum é o teclado. Em vez de clicar em uma tecla o usuário pressiona qualquer tecla, em seguida, arrasta o seu dedo para a chave que realmente queria clique. Desbloquear esses telefones também usa arrastando.

Outras características DUI facilmente implementados seriam coisas como gestos do mouse, onde arrastando em diferentes direções, ou desenhar formas faz coisas diferentes. Há também teclados alternativos sendo pesquisadas que coloca uma ênfase maior sobre arrastando. Todos os botões podem ser alterados em switches, então tem que arrastá-los um pouco para baixo para clicar neles. Com gráficos bem desenhados, este deve ser intuitivo para o usuário também.

Os href="http://developer.apple.com/referencelibrary/GettingStarted/GS_UserExperience/index.html" Interface Guidelines da Apple Humanos são uma boa leitura sobre este tema . Eles discutem isso de um muito amplo ponto de vista e as diretrizes se aplicam a qualquer plataforma, não só Mac.

O sistema de arquivos. Eu quero salvar um arquivo ..> Opa Eu preciso pensar em um nome de arquivo primeiro. Bem .... como sobre ... blah.doc.

6 meses mais tarde ...

Quando o% # * (% & * fez I save que% () # * () * ing arquivo?

A solução é construir um sistema de controle de versão para o aplicativo, ou melhor, o OS. Faça arquivos encontrável pelo seu conteúdo, com um motor de busca, em vez de forçar o usuário a chegar a um nome memorável, quando tudo o que queremos é que o seu arquivo para não se perder.

Elimine o salvamento etapa. Digitar algo no aplicativo, e é só lá, e não há nenhum risco de perdê-lo por algum passo em falso, como esquecer de salvar. Se você quiser uma versão mais antiga, você pode simplesmente escolher uma data e ver o que o documento parecia naquela época.

Para construir na idéia do Search Engine: É uma dor ter que navegar alguma estrutura árvore arbitrária para encontrar suas coisas. Searching é muito mais fácil. No entanto, você ainda pode querer ter algo como uma "pasta" para agrupar vários arquivos juntos. Bem, você pode construir um sistema de metadados mais ricos, e ter uma "categoria" ou campo "projeto", e configurar o motor de busca para mostrar os itens de projeto, ou por categoria. Ou grupo por aqueles, ou qualquer nova descoberta UI fazemos seguinte.

Esta questão é um pouco demasiado aberto, IMHO.

No entanto, a minha principal abordagem ao projetar qualquer coisa é:

  1. se encaixa para onde quer que seja. Se é um aplicativo do Windows, eu copiar MS, tanto quanto possível
  2. É simples.
  3. Ele fornece opções
  4. Botões ter uma descrição agradável do que o resultado de clicando será, ao contrário de 'sim ou 'não'

Mais difícil de responder o resto do seu post sem passar horas digitando um conjunto indiscutivelmente inútil (e repetido) de diretrizes.

Em minha mente, a única coisa que realmente se destaca é que os usuários precisam de mais e mais fácil controle sobre a aparência da interface de usuário do aplicativo e organização.

Assim, muitas interfaces não pode ser modificado pelo usuário para que os / funções favoritas mais utilizados podem ser agrupados. Esta capacidade tornaria seu software favorito ainda mais fácil para você fazer as coisas.

As mensagens de erro precisa de um "Just do it!" botão.

A sério, eu realmente não se preocupam com a sua mensagem de erro estúpido, faça o que eu lhe disse para fazer !!!

Eu acho que todo o modelo de documento da web precisa mudar. Não é uma interface do usuário, mas leva a muitas, muitas interfaces mau usuário.

O modelo de documento era uma boa idéia para ligar um monte de documentos, mas agora a web também é uma coleção de aplicativos. Hoje, acho que o modelo de página / documento corrompe o nosso pensamento. Nós acabam agregando coisas juntos que não estão relacionados, modularizing nosso errado código, e no final confundindo usuários com nossos websites tipo de placa de controle monolítico.

Encontre diálogos que se sentam sobre o widget no qual você está fazendo a pesquisa são terríveis. Cargas de aplicativos fazer isso. A barra de localização no Firefox funciona muito melhor.

Muitos aplicativos têm vários painéis dentro da interface do usuário - por exemplo, no Outlook há o painel de visualização e o painel de caixa de entrada (entre outros). Nestas aplicações tipicamente cursor teclas pressionadas se aplicam ao painel atualmente focado. Mas há muito pobre insinuando para mostrar ao usuário que o painel tem o foco e raramente há atalhos de teclado para mover o foco entre painéis.

O painel focado devem ser destacados de alguma forma.

Algo como teclas Alt + cursor deve mover o foco volta.

Ctrl-Tab e Ctrl-Shift-Tab ciclo esquerda e direita através das abas ao invés de comportamento MRU, embora na maioria dos casos o mesmo comportamento é duplicada com Ctrl-PageUp e Ctrl-PageDown.

Há muito, mas aqui está uma ideia para um par deles:

  1. Remova alguns cliques como em "adicionar outro" ou e similares.

    "item de pesquisa"

    Este é bem feito com interfaces como ajax que têm autocompletes (e busca automática), mas está lentamente a ser adotado para a plataforma da UI (e em alguns casos, eles se originaram na plataforma de interface do usuário do.)

    Isto é como StackOverflow faz -lo para alguns cenários.

text alt

Mas, claro, todos sabemos que já não é? Não há necessidade de "Seach tag" ou "Adicionar outra tag" botões, elas simplesmente acontecem

  1. Diálogos como você descreveu.

caras no humanizado proposta mensagens transparentes que na verdade são utilizados na sua produto Enso e alguns outros lugares.

text alt

Mac usa-los para as notificações (como em Growl ) usá-los muito bem, ou novo sistema de notificação Ubuntu.

alt texto http://blogs.sun.com/plamere/resource/NowPlayingGrowl .png

O Firefox substitui a caixa de diálogo tradicional "Pesquisar" com uma barra de pesquisa na parte inferior.

text alt

Embora não todo mundo gosta a colocação para o próximo / anterior como neste screenshot

E mesmo SO (de novo) :) substituir a notificação com a barra amarela.

text alt

Finalmente:

gestores arquivo

Eu realmente gosto (às vezes) a simplicidade de gerenciadores de arquivos regulares, mas algumas vezes eu gostaria de trabalhar mais rápido / melhor com eles.

Se você comparar IE 4 com IE 8 você pode dizer o avanço (ainda melhor comparar IE 4 com o Google Chrome)

Mas se você comparar o Windows 95 Explorer com Win XP são quase o mesmo !! (Win Vista / 7 é um passo adiante)

Mas eu me pergunto: Por que não gerenciadores de arquivos melhoraram tanto quanto webbrowsers?

Essa é uma razão pela qual eu gosto de coisas como mercúrio, mas é apenas um passo. Muito trabalho é necessário para criar algo como um " programa perfeito lançador " ou (FileManager / DesktopSearcher etc como você desejo)

text alt

QuickSilver com "Mover para" ação

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top