runelite 🚀 - Sugestão de redesign do cliente | bleepcoder.com (2024)

@sethtroll Na verdade, eu desenhei alguns ontem à noite que são muito semelhantes, exceto que eles não têm as informações na parte inferior.

É um jogo complicado entre a interface do usuário limpa e a exibição de informações.

Pessoalmente eu gosto como está atualmente, mas não como se eu tivesse algo contra sua versão, então se eu for derrotado não vou reclamar muito =p

Quanto à funcionalidade, eu realmente só tenho uma coisa que vi que precisa ser abordada após uma rápida olhada e essa é a última coisa que você postou "XP Trackerplugin". O botão de reset imo precisa estar no topo porque se você tiver habilidades suficientes "abrir" ele cria um scroll e eu prefiro não ter que rolar para resetar.

Aqui estão meus comentários com a perspectiva de um desenvolvedor web.

Quadro principal do cliente:

1. O logotipo é mais marcante e menos barulhento, acho que isso é bom para o reconhecimento. No entanto, aos meus olhos também parece uma capa ou até perto do logotipo da impactjs http://impactjs.com/ Eu gosto de laranja e neutro escuro.
2. A versão do cliente é útil para os usuários finais? Eles precisam atualizar sempre que o runescape for atualizado de qualquer maneira. Eu digo jogue isso fora.
3. O espaçamento parece artificialmente decidido. Eu acho apropriado separar essas ações do usuário dos controles do SO. Talvez uma barra horizontal entre? Ou algo mais sofisticado como uma mudança de cor da curva para o pano de fundo - isolando-o das ações do usuário.
4. Esta cor mais escura é agradável.

Plugin de troca grande:

1. Eu já gosto da guia sublinhado / estilo centralizado.
2. Sinto que o espaçamento entre a barra de pesquisa e as guias não é natural
3. O texto 'chicote' em negrito é surpreendentemente mais difícil de ler
4. Que bom que os ícones aparecem..
5. Queremos mostrar os preços alc quando eles são zero? (Isso é provavelmente mais mudança de comportamento)
6. As bordas realmente são desnecessárias quando se trata de um estilo mais material.
7. Gostei da nova barra de rolagem, está mais próxima do que o discord tem como referência.

Notas altas:

Realmente você deve usar o mesmo usuário como referência para não vermos diferença nos dados..

1. Eu gosto que os ícones tenham suas próprias caixas para a seleção do modo *man. Também parece apropriado no topo, pois muda o que você vê.
2. A dica de ferramenta parece legal. É fácil para os olhos. A consistência com o comportamento do jogo é trippple+++;
3. Eu gosto do alinhamento dos indicadores totais.
4. O troféu parece mais apropriado do que uma estrela azul arbitrária.

Painel lateral de configuração:

1. Realmente não tenho certeza do que está acontecendo com essa fonte em negrito, é mais difícil de ler e faz meus olhos quererem desfocar.
2. Eu gosto do melhor contraste com o fundo e os ícones.
3. Devemos simplesmente não mostrar uma chave quando não há configurações, em vez de uma chave escurecida?
4. As separações de linha ajudam a manter os títulos e recursos mais fáceis de coordenar. No entanto, isso é inconsistente com a exibição inspirada no design de material no plug-in do Grand Exchange

RE: Comutador de materiais
Eu gosto dos interruptores mais fáceis. A diferença de cor é boa, embora o valor precise de um pouco mais de trabalho.

Plugin Rastreador XP

1. Eu gosto dessas bordas arredondadas.
2. As cores, como vermelho, amarelo, verde para o progresso completo é meio estranho para mim, já que não é como uma coisa de saúde, e em níveis altos, o progresso é tão lento que as cores perdem o significado.
3. Realmente me sentindo inconsistente com o painel de plugins e o painel de plugins do Grand Exchange.
4. Os rótulos como Ações à esquerda: são menos importantes que os próprios valores. Eu olho para "651" mais do que para "Ações restantes". O foco deve estar no valor, não no rótulo.
5. Acho que é o movimento certo mover o botão de reset para baixo, pois é menos usado e menos importante que as barras de progresso.
6. Os valores exibidos na habilidade (exp ganho ..) não são anexados à habilidade? Por que há uma linha de separação da mesma cor do plano de fundo? Faz parecer cortado, em vez de um stub anexado.
7. Não tenho certeza do que está acontecendo com as fontes nessas visualizações, mas esses números parecem confusos para mim.

@Stickaplex Eu também acho que não há nada "muito" errado com o atual, mas não deixe que isso o impeça de tentar melhorar, se você sentir que suas tentativas não foram bem-sucedidas, apenas não faça isso: P é apenas um sugestão. Mas eu concordo que o botão de reset deve estar no topo, esqueci que os rastreadores iriam empilhar muito alto, atualizarei minha maquete em um segundo, obrigado!

@LeviSchuck Em primeiro lugar, obrigado pelo feedback abrangente, tenho algumas coisas a dizer:

1. Por favor, tenha em mente que este foi apenas um png redimensionado, se a sugestão do logotipo for aprovada (atualmente um problema no projeto runelite.net) eu farei uma versão vetorial do logotipo, então ele ficará muito mais nítido e definido. Quanto ao impactjs, parece parecido, não conhecia esse logotipo, mas vejo a preocupação.
2. Ok ponto justo, acordado.
3. Parece antinatural. no começo eu simplesmente os separei dos outros, com a intenção de encontrar uma posição melhor mais tarde, e esse momento nunca chegou porque eu não tinha certeza de onde colocá-los, porém não entendi suas sugestões, se importa em me mostrar um exemplo visual ?

1. Ao revisar, acho que você está certo, vou tentar fazer mais sentido.
2. Acordado, vai mudar.
3. A versão atual também tem os ícones, mas a API estava inativa quando eu estava montando esse problema, então nenhuma imagem foi carregada.

4. Acabei de copiá-lo do cliente atual, mas boa pergunta. Eu tenho trabalhado com o plugin ge para adicionar mais algumas funcionalidades a ele, então eu posso dar uma olhada nisso.

   Novamente, a API ficou inativa por um bom tempo, então não consegui obter dados reais, meu mal, vou atualizar isso.

5. Achei que sim, faz mais sentido do ponto de vista da usabilidade

6. Sim, eu realmente não conseguia descobrir por que eles estavam usando uma estrela azul.

7. Eu tinha algumas fontes runescape já instaladas e as confundi, consertei para algumas maquetes, mas algumas escorregaram com a antiga, vou corrigir.
8. Eu também gosto dos ícones por si só, no entanto, havia algumas preocupações sobre a discórdia sobre ele parecer um rótulo em vez de um botão, então pode acontecer que os usuários pensem nele como um indicador "ativado/desativado" em vez de um interruptor.
9. Essa foi minha sugestão, como você pode ver pelo meu segundo mockup eu escondi a engrenagem para algumas configurações, pois elas não estavam disponíveis, eu provavelmente deveria ter deixado isso mais aparente, mas houve alguma discussão no discord sobre isso e não pudemos vir para concordar com isso. (mas concordo com você)
10. Você está certo, vai mudar.

Não entendi o que você quis dizer com o valor.

# Plugin Rastreador XP

1. Apenas meu pensamento exatamente, mas no meu exemplo, as cores combinam com as habilidades, não com o progresso em si.
2. Importa-se de explicar melhor?
3. Ótimo ponto, vai mudar.
4. Veja o comentário de @Stickaplex e pode mudar sua mente, mudou a minha.
5. Eu entendo seu ponto, mas acho que considerando que tem 1px de altura e quando comparado com o restante das margens da imagem, é razoável supor que está anexado, apenas informações extras.
6. Mesma coisa de antes, vai corrigir.

O rótulo versus o valor

O rótulo é menos importante que o valor, tornando o valor mais difícil de ler, dificultando o uso.

Ah eu vejo.

Valor no sentido da teoria das cores. Por isso coloquei uma imagem em escala de cinza.
http://learn.leighcotnoir.com/artspeak/elements-color/hue-value-saturation/

Para aqueles com recepção de cores diminuída e para visualização na periferia, o valor das alternâncias precisa de mais contraste.

@YasinY O que você tem em mente? Eu sugeri um tema claro mas não teve muita tração, acho que escuro é o caminho a seguir, runescape já é bem colorido do jeito que está.

@LeviSchuck oh o valor em escala de cinza, boa captura, qual é a sua sugestão? Acabei de usar a marca laranja.

Sugiro tornar o valor falso mais escuro

@psikoi Eu concordo com o tema escuro quando os alinhamentos dos ícones mudam, por exemplo:

talvez torná-los horizontais em vez de verticais (estou falando sobre os ícones na barra direita)

Porque agora, o tema atual me lembra muito o tema osbuddy. (sim)

e também

em vez de tornar o valor falso mais escuro, deixe o valor verdadeiro um pouco esverdeado, vai parecer mais interativo imo

Atualizou a primeira postagem e aplicou alguns dos comentários desta seção de comentários.

Quadro principal

• Excluído o indicador de versão ao lado do logotipo do lado esquerdo.

Plugin Ge

• Diminuiu a margem entre a barra de pesquisa e o primeiro item de resultado para ser igual à distância entre a guia e a barra superior
• Melhorou a fonte no termo de pesquisa "chicote"
• Moveu os elementos para a direita, centralizando-os em relação à barra de ferramentas direita, não à barra de rolagem.
• Alterada a imagem "antes" para melhor representar o status atual do cliente

Plugin Hiscores

• Melhorou a fonte na barra de pesquisa
• Alterou os dados nas imagens antes e depois para apresentar melhor as alterações
• Moveu ligeiramente o nível total "2277" para a esquerda

Plug-in de configurações

• Melhorou a fonte
• Removidas as linhas horizontais
• Na versão material: escureceu a versão "off" do switcher

Plugin de rastreadores de experiência

• Criou uma nova área de experiência total no topo
• Movido o botão reset all ao lado do indicador total, para evitar que o usuário tenha que rolar para baixo quando muitos rastreadores estiverem empilhados
• Alterada a cor do indicador para cinza e a cor do valor para branco no rastreador expandido
• Alterou a imagem anterior para representar melhor o status atual do cliente

Além disso, outra sugestão sobre o problema de alch alto, se for 0, em vez disso, exiba N/A

então é High alch: N/A em vez de High alch: 0

Eu realmente gosto disso, mas eu não acho que isso é uma prioridade? No entanto, gostaria de vê-lo em um futuro próximo.

Editar; O que quero dizer, se não for muito trabalhoso, implemente-o.

Apenas um pensamento, que tal tentar emular o rastreador osrs xp? algo como

(rs um para referência)

Eu acho que isso faz com que pareça estranhamente semelhante aos konduits

@sethtroll Na verdade, eu desenhei alguns ontem à noite que são muito semelhantes, exceto que eles não têm as informações na parte inferior.

É um jogo complicado entre a interface do usuário limpa e a exibição de informações.

Você tinha um redesenho para o painel de informações em mente?

Eu vomitei algo bem rápido, não tenho certeza do que mais colocar lá

@sethtroll o que você acha disso?

Esta página foi útil?

0 / 5 - 0 avaliações