Skip to content

Sugestões de design

Com base nas características do PhizClip, formulamos recommentações de design de applet. The aim is to establish a friendly, efficient and consistent user experience within the PhizClip ecosystem on the basis of fully respecting users' right to know and operate, while maximizing adaptation and support for different needs and achieving a win-win situation for both users and PhizClip service providers.

1. Mini-Diretrizes de design de aplicativos

  • Uniformity : Unificar a linguagem de design para mini-Aplicativos, enfatizando a generalidade da estrutura e a Internet Logic University.
  • Extensibility : Vários estilos de expansão para escolher, clare diretrizes operacionais, uso consistente de controles e interenções.
  • Lightness : Design sistemático, simplificação da hierarquia, redução de interação internacional desnecessária e salto de página.
  • Efficient : Limpar a estrutura funcional, lógica de interação simples, feedback oportuno, de acordo com o princípio da intimidade.

2. Mini-Conceito de design de aplicativos

2.1 Concentre -se no usuário de cenários

Para o mini-aplicativo, é importante esclarecer o cenário de uso do mini-Uso de aplicativo ao projetar o produto. Combined with the real needs of the users when using the PhizClip, it needs to meet the simple, light and efficient experience of the PhizClip . No design de pequenos programas, lembre -se de controlar o limite da demanda.

2.2 Fornecer interação clara

No mini-aplicativo para dynamic design and one-time use settings need to be well balanced , Facilitando o uso operacional, fácil de realizar e usar.

  • O caminho do usuário do mini-O aplicativo deve ser único (pode haver muitos pontos de função, mas o caminho deve ser único).
  • Bem-projetou um-Mecanismo de uso de tempo (forneça as informações de orientação necessárias pela primeira vez, reduza o design estranho da Internet, use o modo da Internet que são usados).
  • Reduza o design dinâmico e os elementos decorados (mas não em conflito com o design de tom de marca).
  • Claramente, coloque informações complexas de uma maneira fácil para usar e usar.

2.3 Garanta o uso focado

Most of the time when users use the app, they only want to solve some specific goals (purpose) of the problem , Então, quando a operação do usuário, na medida do postible, o usuário precisa concluir o processo de design detalhado e atencioso, de modo a reduzir a ansiedade do coração e o ressentimento cardíaco desnecessário.

  • Reduza saltos desnecessários da página, reduza o custo e a ansiedade para diferentes páginas.
  • Substitua o teor pesado de entrada e os formulários por opções, automático-Preencher e dados do usuário.
  • Adicione telas de esqueleto para aumentar a segurança da psicologia dos usuários (pré-Estado de carga).

3. Mini-Revisão do design de aplicativos

A revisão do design do mini-o aplicativo pode ajudar o mini-Designer de aplicativos para melhorar a eficácia do projeto e verificar a conclusão e a precisão de cada ponto de experiência em design, marque a conclusão da caminhada-Antes de verificar se não há problemas. Pages that do not meet the design experience standards will affect the user experience of the PhizClip.

3.1 Experiência central preocupações

  • Logotipo claro e reconhecível
  • Ícones de função uniforme
  • Material de Picto claro
  • A frequência de usar não-do utilizador-Pop acionado-UPS na página de notícias é limitado a 2
  • Uso correto da navegação
  • Uso claro e razoável da cor geral da página
  • Elementos visuais uniformes (ícone, fonte, espaçamento, etc.) na página
  • Uso razoável de efeitos dinâmicos na página
  • O estado padrão da página é expresso

3.2 Arquitetura e processo

  • A arquitetura da informação é clara e fácil de entender, com diretrizes claras
  • A relação entre navegação é clara e fácil de submergir
  • Informações claras e razoáveis ​​na página, fluxo visual suave de informação, foco claro, foco claro
  • Caminhos consistentes de experiência do usuário em tarefas semelhantes
  • O caminho de operação atende às expectativas do usuário

3.3 Apresentação da interface

  • O layout da página está em conformidade com as especificações
  • Controles básicos usam componentes
  • O tamanho e a cor da fonte são consistentes
  • Boa experiência em usuários, pode transmitir claramente informações
  • A hierarquia de informações é claramente exibida

3.4 dados e exibição

  • Exibir imagens/espaços reservados padrão para obter conteúdo de dados ausentes
  • Projetar truncamento e exibir estratégia para dados que não podem ser exibidos completamente
  • Curador de valor limite de dados

3.5 Copywriting

  • Sem erros de ortografia
  • A cópia é simples e fácil de entender, sem ambiguidade
  • Sem saída-DE-o-Terminologia de maneira usada

3.6 processos e cenários especiais

  • Todas as operações têm feedback
  • Estado carregado foi projetado
  • Feedback para operações fracassadas, com explicações e tudo
  • Os estados de rede especiais são respondidos (rede fraca, tempo limite, sem rede)
  • Vários estados de login são respondidos (não conectados, após o log -out, a troca de contas, a conta do convidado