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?
gui
user-interface
delphi
user-experience
desktop-application
Michael Riley - também conhecido por Gunny
fonte
fonte
Respostas:
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.
fonte
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)
fonte
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.
fonte
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
fonte
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.
fonte
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.
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:
fonte