Buscando conselhos para melhorar o design da minha calculadora minimalista [fechado]


7

Há um tempo atrás, criei um aplicativo de contagem regressiva com base na distribuição gratuita de um designer . Acontece que os usuários gostam e é até mencionado em beautifulpixels .

Desta vez, estou construindo uma calculadora chamada Minimalist Calculator, por conta própria, sem a ajuda de um designer. Link da Apple: Calculadora Minimalista , vou compartilhar as capturas de tela aqui:

  insira a descrição da imagem aqui

  insira a descrição da imagem aqui

Os comentários dos meus amigos até agora são meio negativos. Algo como parece simples em vez de minimalista.

Como desenvolvedor de aplicativos, estou ansioso por receber conselhos sobre como melhorar a aparência do meu aplicativo, que usa principalmente fonte, cor, layout (mas especificamente pequenas / sem imagens)

As fontes são selecionáveis ​​pelo usuário, ou seja:

  insira a descrição da imagem aqui

Qualquer trabalho de referência que eu possa aprender? Um designer contratado com reputação em design minimalista que você poderia recomendar? Obrigado!

UPDATE: Sobre as opções ...

@OghmaOsiris, incluí uma opção para desativar as linhas de grade:

  insira a descrição da imagem aqui

 

  insira a descrição da imagem aqui

UPATE 2: Cores

Ontem à noite, adicionei a opção de alterar as cores de:

  • face do botão do teclado
  • texto do botão e
  • borda do botão

Grafite:

  insira a descrição da imagem aqui

Laranja:

  insira a descrição da imagem aqui

Agora está na AppStore. Link para download: Calculadora Minimalista

Por favor, sinta-se livre para me enviar comentários.


Você não mostrou nenhum estado interativo nessas imagens, há algum? Por exemplo, a cor do azulejo muda quando você pressiona.
Joonas

Na versão atual, a cor é invertida quando um botão é pressionado, ou seja, a cor do plano de fundo muda para a cor do texto, a cor do texto muda para a cor da face do botão.
ohho 16/01

Eu gosto .. mas eu gostaria de um botão = maior.
Scott

@ Scott, diferente de uma calculadora de mesa tradicional, o botão igual é relativamente menos importante neste aplicativo. Isso ocorre porque o resultado é mostrado continuamente quando o usuário digita uma fórmula. Portanto, antes que o botão igual seja pressionado, o resultado já é mostrado. Como mostrado no diagrama, o resultado 24é mostrado após a entrada (5-1÷5)×5, sem tocar no botão igual.
ohho 17/01

11
Geralmente, eu recomendaria colocar mais esforço em detalhes tipográficos da matemática (também, alguma forma de impressão ou exportação de pdf). Quando os usuários vêem uma boa representação de suas entradas, eles instantaneamente gostam do aplicativo e o usam com mais frequência, mesmo que a funcionalidade não atenda, por exemplo, ao cálculo de coordenadas multidimensionais do hiperespaço, ou algo assim. Além disso, adicione um seletor de número lotto para uso com gatos (eu sou sério.)
TehMacDawg

Respostas:


7

Você está investigando uma questão de gosto aqui. Existem muitas maneiras de ser mínimo. Você fez isso com sucesso, na minha opinião. Eu suspeito que é a extrema redução no estilo que está incomodando seus amigos.

Todas as críticas não são iguais

A primeira pergunta que você deve fazer é: seus amigos são representativos do seu público-alvo? Caso contrário, encontre algumas pessoas que são e veja como elas respondem.

Estilo minimalista

Só porque algo é mínimo, não significa que ele tenha que ser completamente sem estilo. Várias técnicas ainda estão disponíveis para você que podem adicionar um pouco de humanidade ao seu design. Algumas coisas a considerar:

  • Hierarquia visual. No momento, você está abordando dois níveis de informação: o teclado, a fórmula e a resposta. Existem tons de cinza no meio que valem a pena ser delineados? Numerais x operadores x funções (como limpar, armazenar, recuperar) podem ser categorias valiosas.
  • Cor. Preto e branco é uma escolha óbvia para essa estética, mas também tons de cinza, neutro ou mesmo paletas, como joias e tons de terra.
  • Textura. Não se limite a cores planas em nome do minimalismo. Veja o design de aplicativos da Apple, muitas texturas por lá. Sutileza é a chave. Dê uma olhada no SubtlePatterns.com apropriadamente chamado .
  • Profundidade. A textura acrescenta um pouco de realismo, mas a impressão de profundidade aumentará um pouco. Sombras no tipo. Gradientes nos botões para implicar curvatura da superfície. A área de resultado pode ser "recuada" ou "elevada".
  • Configuração do usuário. Permitir que o usuário altere as fontes é uma excelente ideia. E algumas skins adicionais? Talvez um escuro, claro e médio. A idéia de textura também pode entrar em jogo aqui. As opções de fonte pré-selecionadas podem funcionar bem.

Eu também gosto dessas soluções.
OghmaOsiris

11
Obrigado pela grande contribuição! Estou adicionando suporte a temas na próxima versão 1.1. No entanto, é a combinação de cor / sombra / textura que eu não tenho confiança. Atualmente, estou pesquisando no Google algo como: dribbble.com/shots/364467-Assembler dribbble.com/shots/727342-Stream dribbble.com/shots/344343-Blog-post-sidebar, mas dificilmente tenho a idéia de como colocar as coisas juntos.
ohho 16/01

11
Você obviamente está de olho em um excelente trabalho. Tente aproveitar isso, experimentando seu próprio aplicativo. Se você sentir necessidade, veja se consegue encontrar um designer que esteja disposto a entrar com você por algum crédito. Você já tem um sucesso atrás de si, deixe que os potenciais colaboradores saibam que você está filmando uma repetição e eles podem acompanhar a corrida. Ou você pode apenas oferecer-lhes algum dinheiro;)
à paisana

2

Eu diria para se livrar das bordas ao redor dos botões e não deixar o usuário escolher a fonte. Eu não usaria o Futura como a fonte tho (mesmo que eu amo o Futura). Eu acho que acaba sendo monótono ao invés de refrescante.

Gosto do que você procura, mas vejo o que suas críticas atuais estão tentando dizer.

Eu também aumentaria a exibição do cálculo e removeria todos os botões desnecessários. Coloque-os em uma tela separada, se necessário, ou faça o que o cálculo interno faz e revele os botões de cálculo científicos em didRotate (). Talvez até um controlador de barra de guias para alternar entre diferentes tipos de calculadoras.

Acabei de baixar o seu cronômetro que você criou e acho absolutamente lindo. Não tenha medo de se inspirar em um design anterior.


captura de tela de nenhuma linha de grade adicionada em UPDATE
ohho 16/01

1

Para a hierarquia visual, você deve ter as teclas mais usadas em preto (#s, +, -, etc.) e as demais em cinza médio escuro.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.