Onde posso encontrar inspiração para uma boa interface de usuário? [fechadas]

18

Eu tenho um bloqueio mental quanto ao design da interface da tela principal para um aplicativo de desktop que estou atualizando. Quando desenvolvi este programa, a resolução da tela era 640 X 480. Hoje existem várias resoluções de tela por aí.

Onde posso encontrar idéias para um bom layout de tela principal para um aplicativo de desktop?

Michael Riley - também conhecido por Gunny
fonte
1
Que tipo de aplicativo é esse? PhotoShop / GIMP / imagey, Eclipse / VS / codey, Maya / 3DStudio / Cad: y?
Macke
Aplicativo de finanças pessoais, dados mantidos em um banco de dados proprietário.
Michael Riley - AKA Gunny
7
Troca de pilha de experiência do usuário - Não é uma resposta, mas como você está redesenhando uma interface do usuário, achou que seria interessante.
precisa
1
@ Yannis - Obrigado ... Eu me perdi totalmente lá (e para onde isso leva) sim no dia seguinte.
precisa

Respostas:

6

Eu recomendo que você verifique alguns livros diferentes, que, curiosamente, não estão focados no design da GUI do aplicativo de desktop. Independentemente disso, esses textos ajudarão você a começar a pensar em termos de como obter as informações de que seus usuários precisam, de uma forma que seus cérebros compreendam. Enfim, o primeiro livro é o livro de design do não-designer de Robin Williams. Este livro ensinará sobre composição em termos não tão orientados ao design gráfico. Este livro fará você pensar sobre como a mente humana percebe elementos de design.

Segundo, confira Não me faça pensar, de Steve Krug. Ele lida com a navegação e a representação de dados nas páginas da web, mas muitas das recomendações (por exemplo, navegação de navegação) geralmente fazem tanto sentido nos aplicativos de desktop quanto nas páginas da web.

Como outro cartaz indicou, bons padrões de design não existem em isolamento médio. Algumas coisas não se traduzem tão bem entre analógico e digital (ou seja, texto de várias colunas em um jornal real versus um aplicativo para o jornal) porque certas restrições são diferentes dependendo do meio, mas muitos princípios de bom design são verdadeiros, não importa o que meio que você está falando.

Trav
fonte
producthunt.com/ask/...
Michael Riley - AKA Gunny
5

Uma dica que ouvi muitas vezes é olhar para os projetos que você gosta de inspiração. Isso não é isolado apenas para dizer aplicativos de desktop, mas deve se estender à arte, arquitetura, web, fotografia, produtos etc.

Isso o ajudará a criar uma noção do que é um bom design e o ajudará em aplicativos de design de longo prazo agradáveis ​​aos olhos e fáceis de usar.

Se você criar um protótipo de seu design, poderá obter ajuda de usuários ou outros desenvolvedores para dar uma volta ao coletar feedback. Não apenas o que dizem, mas o que eles fazem. (exemplo: as pessoas dizem que não gostam de ilhas desordenadas no Walmart, mas literalmente perderam mais de US $ 1 bilhão em vendas quando você removeu a desordem)

Bill Leeper
fonte
3
+1 para prototipagem. Em vez de se concentrar na "1 melhor ideia!", Gere um monte delas. Em seguida, mostre suas idéias de protótipo para várias pessoas. Você receberá muitos comentários e poderá refinar seu design.
Stephen Gross
[Walmart] literalmente perdeu mais de US $ 1 bilhão em vendas quando removeu a bagunça; citação?
funkybro
3
Artigo do @funkybro NY Times: nytimes.com/2011/04/08/business/08clutter.html?_r=1
ghoppe
1

Eu sempre sigo a regra de minimizar cliques e pressionamentos de teclas. Eu não sou muito bom em criar uma interface do usuário com aparência sexy, com muitas cores e botões de aparência gorda, mas os usuários me dizem que minhas interfaces são muito fáceis de usar. Aqui está um.

Uma das coisas que descobri é que os usuários adoram respostas instantâneas . É como Hollywood. As pessoas adoram pixels (de preferência pixels coloridos). Eles realmente amam pixels que se movem .

Em uma tentativa de criar interfaces de usuário como essa e simplificar o esforço de codificação, há muito tempo, criei um esquema que ainda uso até hoje - Execução Diferencial . (Não posso dizer que tive muita sorte em publicá-lo, mas aqui está. Foi publicado, FWIW.)

Então esses são apenas meus dois centavos.

Mike Dunlavey
fonte
Sua página wiki foi excluída. Está em outro lugar?
Michael Riley - AKA Gunny
@Cape: Sim, fui cortado de joelhos lá - algo sobre neologismo . Tanto faz. A tag SO "execução diferencial" me expôs, e eu coloquei uma implementação no sourceforge. Também existem as publicações, a mais recente, das quais terei o prazer de enviar, se você precisar de alguma ajuda nos olhos. Talvez o mais importante seja um aplicativo de leilão que fiz há alguns anos atrás, que eu poderia incluir. Está no VC6 (MFC), mas não é grande e funciona muito bem.
precisa saber é o seguinte
@Cape: Na verdade, minha página de usuário da Wikipedia ainda a possui, mas, a meu ver, não é muito boa.
Mike Dunlavey
Uma coisa a considerar sobre a minimização de cliques e pressionamentos de teclas é o custo de cada clique quando se pensa. As pessoas geralmente preferem fazer vários cliques que são quase irracionais do que um que leva em consideração. Obviamente, menos cliques irracionais são melhores do que vários cliques irracionais. Este princípio é discutido um pouco em Não me faça pensar .
Whatsisname
@whatsisname: Obrigado por essa visão. Eu tento fazer o "caminho de menor resistência" que as pessoas provavelmente desejam. Mas nem sempre é possível.
Mike Dunlavey
1

Eu acho que o primeiro passo é determinar um estilo / tema. Por exemplo, Windows 8 Metro vs. estilo NT.

Algumas sugestões de recursos e inspiração (eu menciono o WPF / Web, mas você não precisa usá-lo, é claro):

A - Se você deseja começar com a criação de protótipos, os estilos de controle aqui são estilos e controles legais do Web Control

B - O Component Factory oferece às janelas uma boa face lift - Eles ainda oferecem um produto gratuito em: Component Factory

C - Os fabricantes de controle de GUI de terceiros têm demonstrações bonitas

D - Tente procurar a palavra "livros" neste site: Experiência do usuário - Você receberá muitas postagens.

E- Este aplicativo WPF : Aplicativo de assistência médica WPF

F - Este aplicativo WPF: Billy Holis - WPF e a versão finalizada em: WPF - StaffLynx

As ferramentas do estilo G - Metro estão disponíveis, se você quiser. Verifique isto: Estilo Metro

Mais importante, como você já deve saber, equilibre esforço e valor.

Editar

O DevXpress lançou uma nova versão compatível com o Metro Style, que acabou de ver o vídeo mostrando o DevXpress-2

NoChance
fonte
1
O link para E - WPF-Health Care Application está quebrado.
Michael Riley - AKA Gunny
@CapeCodGunny, obrigado pela anotação, agora tudo deve ficar bom :) :)
NoChance
0

Não posso recomendar o livro de Edward Tufte, The Visual Display of Quantitative Information, o suficiente. Realmente faz você pensar sobre o que está apresentando e por quê. Todos os livros dele são bons, mas me vejo me referindo a este mais.

Um bom livro "UI Design Pattern" que encontrei é o Designing Interfaces . Possui seções sobre o design de layouts, navegação, exibição de informações complexas e design de formulários de entrada. Há um livro semelhante sobre o design de interfaces sociais (chamado, apropriadamente, Designing Social Interfaces ), mas eu não o li, então não sei o suficiente para recomendá-lo.

TMN
fonte
Qual é uma das coisas mais úteis que você descobriu no livro da Tufte? Como isso mudou seu pensamento?
Michael Riley - AKA Gunny
Você honestamente acha que é um bom livro para um iniciante criar um design simples de interface do usuário? Eu não. É um livro valioso, mas é um pouco como sugerir que eles aprendam sobre como abrir um restaurante quando tudo o que eles querem fazer é assar um lote de biscoitos.
Bryan Oakley
@CapeCodGunny: As coisas que realmente ficam comigo são sua desconstrução de estilos típicos de apresentação, reduzindo-os aos mínimos essenciais (cap. 6) e à seção "integridade gráfica".
TMN
@BryanOakley: Ele disse que primeiro projetou a tela para uma resolução de tela de 640x480, que tem de ser há vários anos, então eu duvido que ele seja iniciante. E ele não deu nenhuma indicação de que a interface do usuário era simples (ou que não era). Eu estava apenas relatando alguns recursos que me ajudaram quando realmente comecei a projetar interfaces do usuário, em vez de simplesmente colocar um monte de caixas de texto e rótulos na tela.
TMN
@Bryan - Meu produto tem 20 anos e passou do DOS para o Windows. Ele ainda vende, mas está desatualizado.
Michael Riley - AKA Gunny
0

Existem alguns bons livros que já foram recomendados. O site do UX Stack Exchange está mais bem equipado para lidar com questões como essa, mas também não é totalmente fora de tópico.

Em primeiro lugar, o mediaqueri.es é um ótimo recurso para o seu problema específico, pois é uma galeria de sites e aplicativos da web que são projetados responsivamente para se ajustar a diferentes resoluções de tela e agentes do usuário.

consultas de mídia

Verifique também na Smashing Magazine . É um blog que é o paraíso do desenvolvimento front-end, com postagens relacionadas a UX / UI, HTML / CSS / Javascript, design gráfico e web design. Eles também têm postagens que estudam sites específicos e campanhas de marketing e veem o que fizeram de certo (e errado) com suas decisões de UI / UX. Consulte este site regularmente para obter dicas diárias sobre esses tópicos.

Então, quando você tiver alguma inspiração, dê uma olhada em algumas perguntas de SO / SE em que escrevi especificamente sobre esse tipo de tópico. Estes são apenas recursos gerais para qualquer pessoa e não apenas OP:

gr33kbo1
fonte