Visão e processo

Applies to Windows and Windows Phone

Crie o melhor aplicativo possível

Nas equipes de design da Microsoft, nosso processo consiste de cinco fases distintas: conceito, estrutura, interação, visual e protótipo. Estes estágios promovem a criação de aplicativos maravilhosos que consideram todos os aspectos do design. Nós encorajamos você a adotar um processo semelhante e se divertir fazendo experiências frescas e novas para o mundo desfrutar.

Conceito

Focar seu aplicativo

Focar sua experiência em aplicativos

Ao planejar seu aplicativo da Windows Store ou do Windows Phone, você deve determinar não apenas o que o seu aplicativo vai fazer e para quem é, mas também no que seu aplicativo será ótimo. No núcleo de cada grande aplicativo há um conceito forte, que fornece uma base sólida.

O Photosynth, por exemplo, concentra-se no cenário central de como capturar panoramas de fotografias da forma mais rápida e transparente possível. Ou, por exemplo, digamos que você queira criar um aplicativo de fotos. Pensa nas razões que levam os usuários a trabalhar, salvar e compartilhar suas fotos e percebe que eles querem reviver lembranças, interagir com outras pessoas por meio das fotos e manter as fotos protegidas. E o seu aplicativo precisa fazer tudo isso da melhor maneira possível, então você usa essas metas de experiência como um guia para o restante do processo de design.

De que trata o seu aplicativo? Comece com um conceito amplo e relacione tudo o que o seu aplicativo pode fazer pelos usuários.

Por exemplo, digamos que você queira criar um aplicativo que ajude as pessoas a planejar suas viagens. Aqui estão algumas ideias que você pode esboçar na parte de trás de um guardanapo:

  • Pegar mapas de todos os locais em um itinerário e leve-os com você na viagem.
  • Informar-se sobre eventos especiais que acontecem durante a sua estada na cidade.
  • Deixar os colegas de viagem criar listas separadas, mas compartilháveis, de atividades e atrações imperdíveis.
  • Deixar os colegas de viagem compilar todas as suas fotos e as compartilhar com os amigos e familiares.
  • Saber sobre destinos recomendados com base nos preços de voos.
  • Encontrar uma lista consolidada de promoções de restaurantes, lojas e atividades em locais próximos ao seu destino.

Qual é o destaque do aplicativo? Volte uma etapa e veja a sua lista de ideias para saber se algo em especial chama a sua atenção. Experimente reduzir a lista a apenas uma situação na qual queira se concentrar. No processo, você pode eliminar muitas ideias boas, mas dizer "não" a elas é crucial para melhorar determinada situação.

Depois de escolher uma situação individual, decida como você explicaria a uma pessoa comum, descrevendo em uma frase, o que seu aplicativo faz de melhor. Por exemplo:

  • Meu aplicativo de viagens é ótimo em ajudar amigos a criar itinerários colaborativos para viagens em grupo.
  • Meu aplicativo de ginástica é ótimo em permitir que amigos acompanhem a evolução de seus exercícios e compartilhem suas conquistas entre si.
  • Meu aplicativo de supermercado é ótimo para ajudar famílias a coordenar suas compras semanais, para que nunca se esqueçam de algum produto ou comprem itens duplicados.

Essa é a declaração de excelência do seu aplicativo, que o orienta nas decisões e nos compromissos de design na hora de criar o seu aplicativo. Concentre-se nos cenários que quer que os usuários vivam em seu aplicativo, e tenha cuidado para não os transformar em uma lista de recursos. O objetivo é mostrar o que os usuários podem fazer, e não o que o aplicativo faz.

Técnicas comuns que ajudam a concluir esta etapa: debates e diagramas de associação, mapeamento mental. Baixe o modelo de briefing de design para começar. Consulte também a conceituação de aplicativos.

O funil de design

É muito tentador—ter uma ideia que você gostaria—de levar em frente e desenvolvê-la, talvez até mesmo levá-la totalmente às vias de produção. Mas digamos que você faça isso e, em seguida, uma outra ideia interessante venha à mente. É natural que você seja tentado a ficar com a ideia em que você já investiu, independentemente dos méritos relativos das duas ideias. Se você tivesse pensado na outra ideia no início do processo! Bem, o funil de design é uma técnica que ajuda a descobrir suas melhores ideias o mais cedo possível.

O termo "funil" vem de sua forma. Na extremidade ampla do funil, muitas ideias entram e cada uma é percebida como um artefato de baixíssima fidelidade do design (um esboço, talvez, ou um parágrafo de texto). Como essa coleção de ideias percorre em direção à parte mais estreita do funil, o número de ideias é diminuído, enquanto a fidelidade dos artefatos que representam as ideias aumenta. Cada artefato deve capturar apenas as informações necessárias para julgar uma ideia contra a outra, ou para responder a uma pergunta específica, como "isso é útil, ou intuitivo?". Gaste mais tempo e esforço em cada um do que isso. Algumas ideias vão cair no esquecimento quando você testá-las, e você vai aceitar isso porque não vai investir nelas mais do que o necessário para julgar a ideia. As ideias que sobrevivem para avançar ainda mais no funil receberão sucessivamente tratamentos de alta fidelidade. No final, você terá um único artefato de design que represente a ideia vencedora. Essa é a ideia que ganhou por causa de seus méritos, e não apenas porque veio em primeiro lugar. Você vai ter projetado o melhor aplicativo possível.

Estrutura

A organização torna tudo mais fácil

A organização torna tudo mais fácil

Quando você está feliz com o seu conceito, você está pronto para o próximo estágio—criando a planta de seu aplicativo. A arquitetura da informação (IA) confere a integridade estrutural de que seu conteúdo necessita. Ela ajuda a definir o modelo de navegação do seu aplicativo e, em última instância, a identidade dele. Ao planejar como seu conteúdo será organizado—e como os usuários vão descobrir que com o conteúdo—você pode ter uma ideia melhor de como os usuários terão a sua aplicação.

Uma boa IA não só facilita cenários de usuários, mas ajuda você a imaginar as telas principais para começar. O aplicativo Audible por exemplo, lança diretamente em um hub que permite o acesso à biblioteca, loja, notícias e estatísticas do usuário. A experiência é focada, para que os usuários possam obter e desfrutar de audiobooks rapidamente. Níveis mais profundos do aplicativo focam em tarefas mais específicas.

Baixe o modelo de IA para ver o diagrama de IA de um aplicativo Contoso Music fictício. Consulte também Padrões de navegação.

Interação

Conte a história de seu aplicativo

Conte a história de seu aplicativo

Se a fase de concepção é sobre a definição de propósito de seu aplicativo, o estágio de interação é todo sobre a execução desse propósito. Isto será realizado em muitos aspectos, como a utilização de wireframes para esboçar seus fluxos de página (como ir de um lugar para o outro dentro do aplicativo, ou um conjunto de interações relacionadas que os usuários têm com o seu aplicativo para atingir seus objetivos), e pensando na voz de seu aplicativo e as palavras de que você precisa. Wireframes são ferramentas rápidas de baixa fidelidade que ajudam-no a tomar decisões críticas sobre o fluxo de usuários do seu aplicativo.

O fluxo de seu aplicativo deve estar diretamente relacionado à declaração de excelência e ajudar os usuários a realizar determinada situação que você quer destacar. Os ótimos aplicativos têm fluxos fáceis de aprender e requerem o mínimo de interações. Comece a pensar em um nível tela-a-tela—veja seu aplicativo como se estivesse usando-o pela primeira vez. Quando identificar cenários de usuários para as páginas que você criar, você vai dar às pessoas exatamente o que elas querem, sem muitos toques de tela desnecessários. A interação é também sobre o movimento. As capacidades de movimento corretas irão determinar a fluidez e facilidade de uso de uma página para a próxima.

Técnicas comuns que ajudam a concluir esta etapa:

  • Faça o esboço do fluxo: o que vem primeiro, o que vem depois?
  • Crie um rascunho sequencial do fluxo: como os usuários devem navegar pela interface para concluir o fluxo?
  • Faça o protótipo: experimente o fluxo com um protótipo rápido.

O que os usuários devem poder fazer? Por exemplo, o aplicativo de viagens é "ótimo para ajudar amigos a criar itinerários colaborativos para viagens em grupo". Vamos listar os fluxos que queremos destacar:

  • Criar uma viagem com informações gerais.
  • Convidar amigos a participar de uma viagem.
  • Participar da viagem de um amigo.
  • Ver itinerários recomendados por outros viajantes.
  • Adicionar destinos e atividades às viagens.
  • Editar e comentar sobre destinos e atividades que os amigos adicionaram.
  • Compartilhar itinerários para que amigos e familiares sigam.

Baixe o modelo de Sketch para começar a usar um wireframe. Consulte também Padrões de navegação, Voice, e Conheça os aplicativos da Windows Store.

Visual

Fale sem palavras

Fale sem palavras

Depois de estabelecer bons fluxos de interação, você pode fazer o seu aplicativo brilhar com um visual polido certo. Ótimos visuais definem não só o visual de seu aplicativo, mas sua sensação e forma que ganha vida através da animação e movimento. Sua escolha da paleta de cores, ícone, e gráficos são apenas alguns exemplos dessa linguagem visual.

Todos os aplicativos têm a sua própria identidade original, então explore os sentidos visuais que você pode tomar com o seu aplicativo. Deixe o conteúdo guiar o visual e sensação; não deixe que a aparência dite o seu conteúdo. O aplicativo Cocktail Flow, por exemplo, força os limites de recursos visuais e animações, mantendo uma rede sólida.

Veja também Identidade visual.

Protótipo

Melhore sua obra-prima

Prototipagem é uma etapa na técnica do funil—uma técnica da qual falamos antes—em que o artefato que representa a sua ideia que se desenvolve para algo mais do que um esboço, mas menos complicado do que um aplicativo completo. Um protótipo pode ser um fluxo de telas desenhadas à mão mostrado para um usuário. A pessoa que executa o teste pode responder a estímulos do usuário, colocando diferentes telas para baixo, ou colando ou descolando pequenos pedaços de IU nas páginas, para simular um aplicativo em execução. Ou, um protótipo pode ser um aplicativo muito simples que simula alguns fluxos de trabalho, desde que o operador siga um roteiro e pressione os botões certos. Nesta fase, as ideias começam a realmente ganham vida e seu trabalho duro é testado a sério. Quando prototipar áreas de seu aplicativo, leve o tempo necessário para esculpir e refinar os componentes que precisam mais.

Para novos desenvolvedores, não é demais realçar: a criação de grandes aplicativos é um processo iterativo. Recomendamos que você prototipe cedo e frequentemente. Como qualquer esforço criativo, os melhores aplicativos são o produto de um processo intensivo de teste e erro.

Consulte também Criar o melhor aplicativo possível.

Decidir quais recursos serão incluídos

Quando você souber o que os seus usuários querem e como ajudá-los a chegar lá, dê uma olhada nas ferramentas específicas em sua caixa de ferramentas. Explore a plataforma Windows e associe os recursos às necessidades do seu aplicativo. Siga as diretrizes de experiência do usuário (UX) para cada recurso.

Técnicas comuns:

  • Pesquisa de plataforma: descubra os recursos que a plataforma oferece e como usá-los.
  • Diagramas de associação: conecte seus fluxos aos recursos.
  • Protótipo: teste os recursos para garantir que eles fazem o que você precisa.

Contratos do aplicativo  Seu aplicativo pode participar de contratos de aplicativo que permitem fluxos de usuário abrangentes entre aplicativos e recursos.

  • Pesquisa  Permita que os usuários pesquisem rapidamente o conteúdo do seu aplicativo de qualquer lugar do sistema, inclusive de outros aplicativos, e vice-versa.
  • Compartilhamento  Permita que os usuários compartilhem o conteúdo do seu aplicativo com outras pessoas por meio de outros aplicativos e também recebam conteúdo compartilhável de outras pessoas e aplicativos.
  • Reproduzir em  Permita que os usuários curtam áudio, vídeo ou imagens vindas de seu aplicativo para outros dispositivos em sua rede doméstica.
  • seletor de arquivos e extensões do seletor de arquivos  Permita que os usuários carreguem e salvem seus arquivos do sistema de arquivos local, dispositivos de armazenamento conectados, grupos domésticos ou até mesmo de outros aplicativos. Você também pode oferecer uma extensão de seletor de arquivos para que outros aplicativos carreguem o conteúdo do seu aplicativo.

Para saber mais, veja as extensões e contratos de aplicativo.

Diferentes modos de exibição, fatores forma e configurações de hardware  O Windows 8.1 coloca os usuários no comando e o seu aplicativo na vanguarda. Você provavelmente deseja que a interface do usuário do seu aplicativo chame a atenção em qualquer dispositivo, usando qualquer modo de entrada, em qualquer orientação e configuração de hardware e independentemente da circunstância em que o usuário decidir usá-lo. Saiba mais sobre o design de diferentes fatores forma.

Toque primeiro  O Windows 8.1 oferece uma experiência única e particular de toque que faz mais do que simplesmente emular a funcionalidade do mouse.

Por exemplo, zoom semântico é uma forma de toque otimizado para navegar por uma grande quantidade de conteúdo. Os usuários podem fazer movimentos panorâmicos ou rolar por categorias de conteúdo e depois ampliar essas categorias para ver informações cada vez mais detalhadas. Você pode usar isso para apresentar o seu conteúdo de forma mais prática, visual e informativa do que com a navegação tradicional e os padrões de layout, como guias.

Claro que você pode tirar vantagem de uma série de interações de toque, como girar, fazer movimentos panorâmicos, passar o dedo, deslizar na transversal e outros. Saiba mais sobre interação por de toque.

Atraente e atualizado  Seu aplicativo deve ser atualizado e atrair os usuários com estas experiências padrão:

  • Animações  Use a nossa biblioteca de animações para tornar o seu aplicativo simples e ágil para os usuários. Ajude os usuários a compreender as alterações de contexto e a unir experiências com transições visuais. Saiba mais sobre animações na interface do usuário.
  • Notificações do sistema  Permita que os seus usuários saibam sobre conteúdo urgente ou de seu interesse pessoal por meio de notificações do sistema e convide-os a voltar ao seu aplicativo, mesmo quando ele estiver fechado. Saiba mais sobre blocos, selos e notificações do sistema.
  • Blocos secundários    Promova conteúdo interessante e links profundos do seu aplicativo na tela inicial e deixe seus usuários iniciarem seu aplicativo diretamente em uma página ou uma exibição específica. Saiba mais sobre blocos secundários.
  • Blocos de aplicativos  Ofereça atualizações recentes e relevantes para motivar os usuários a voltarem ao seu aplicativo. Há mais sobre isso na próxima seção. Saiba mais sobre blocos de aplicativos.

Personalização

  • Configurações  Permita que os usuários criem a experiência que quiserem salvando as configurações do aplicativo. Consolide todas as suas configurações em uma tela, e então permita que os usuários configurem o seu aplicativo usando um mecanismo comum com o qual já estejam familiarizados. Saiba mais sobre adição de configurações de aplicativos.
  • Roaming  Crie uma experiência contínua entre dispositivos por meio do roaming de dados, o que permite que os usuários deem continuidade a uma tarefa a partir do ponto em que pararam e que preservar a experiência que mais gostam, independentemente do dispositivo que estejam usando. Facilite para que os usuários utilizem o aplicativo em todos os lugares—desde o PC da família na cozinha até seu PC comercial ou seu tablet pessoal, e outras formas —mantendo as configurações e os estados com roaming. Saiba mais sobre como gerenciar dados de aplicativos e vejas as diretrizes para dados de aplicativos em roaming.
  • Blocos do usuário   Torne o seu aplicativo mais pessoal para os usuários carregando a imagem de blocos do usuário ou permita que os usuários definam o conteúdo do seu aplicativo como seu bloco pessoal no Windows.

Recursos de dispositivo  Verifique se o seu aplicativo aproveita ao máximo os recursos dos dispositivos modernos.

  • Gestos de proximidade  Permita que os usuários conectem seus dispositivos com outros usuários que estão fisicamente muito próximos, tocando fisicamente os dispositivos (jogos multijogador). Saiba mais sobre proximidade e toques.
  • Câmeras e dispositivos de armazenamento externos  Conecte seus usuários às câmeras incorporadas ou conectadas para permitir que participem de bate-papos e conferências, gravem vlogs, tirem fotos para perfis, registrem o mundo ao seu redor ou realizem qualquer atividade adequada ao seu aplicativo. Saiba mais sobre o acesso a conteúdo em armazenamento removível.
  • Acelerômetros e outros sensores     Os dispositivos atuais têm vários sensores. Seu aplicativo pode aumentar ou reduzir a luminosidade da tela com base na luz ambiente, mudar a orientação da interface caso o usuário vire a tela ou reagir a movimentos físicos. Saiba mais sobre sensores.
  • Localização geográfica  Use as informações de localização geográfica dos dados padrão da Web ou de sensores de localização geográfica para ajudar os usuários a se orientarem, localizarem sua posição em um mapa ou obter avisos sobre pessoas próximas, atividades e destinos. Saiba mais sobre localização geográfica.

Vamos considerar o aplicativo de viagens novamente. Para ser ótimo em ajudar amigos a criar de forma colaborativa itinerários de viagens em grupo, você pode usar alguns destes recursos:

  • Compartilhamento: os usuários compartilham viagens futuras e seus itinerários em várias redes sociais para dividir sua expectativa pré-viagem com seus amigos e familiares.
  • Pesquisa: os usuários procuram e encontram atividades ou destinos a partir de itinerários compartilhados ou públicos de outras pessoas, que eles podem incluir em suas próprias viagens.
  • Notificações: os usuários são notificados quando seus companheiros de viagem atualizam seus itinerários.
  • Configurações: os usuários configuram o aplicativo de acordo com sua preferência, por exemplo, qual viagem deve gerar notificações ou quais grupos sociais têm permissão para pesquisar itinerários dos usuários.
  • Zoom semântico: os usuários navegam pela linha do tempo de seu itinerário e ampliam o zoom para ver mais detalhes da longa lista de atividades que planejaram.
  • Blocos do usuário: os usuários escolhem a imagem que querem exibir quando compartilharem suas viagens com amigos.

Como você pode ver, o Windows 8.1 o ajuda a criar experiências novas e atraentes, capazes de encantar seus usuários. Para ter mais ideias, explore o tópico Desenvolvendo aplicativos da Windows Store.

Decida como rentabilizar seu aplicativo

Você tem várias opções para ganhar dinheiro com o seu aplicativo. Se você decidir usar anúncios ou promoções, pode criar sua interface de acordo com esses recursos. Para obter mais informações, consulte o tópico sobre planejamento para monetização.

Projetar a experiência do usuário do aplicativo

Isso diz respeito aos conceitos básicos corretos. Agora que você sabe o que o seu aplicativo faz de melhor e descobriu os fluxos para os quais deseja dar suporte, pode começar a pensar nos conceitos básicos do design da experiência do usuário.

Como você deve organizar o conteúdo da interface do usuário?  A maior parte do conteúdo do aplicativo pode ser organizada por meio de agrupamentos ou hierarquias. O que você escolhe como o agrupamento de nível superior do seu conteúdo deve corresponder ao foco da sua declaração de excelência.

Usando o aplicativo de viagens como exemplo, há várias maneiras de agrupar itinerários. Se o foco do aplicativo for sobre a descoberta de destinos interessantes, você pode agrupá-los com base em interesse, como aventura, diversão ao sol ou passeios românticos. Entretanto, como o foco do aplicativo é planejar viagens com amigos, faz mais sentido organizar itinerários baseados em círculos sociais, como familiares, amigos ou colegas de trabalho.

A forma como você quer agrupar o seu conteúdo ajuda a decidir as páginas ou os modos de exibição que fazem parte do seu aplicativo. Os modelos de projeto no Microsoft Visual Studio oferecem os padrões comuns de layout de aplicativo que atenderão à maioria das necessidades de conteúdo. Consulte os tópicos Design de navegação e Modelos para acelerar o desenvolvimento de seu aplicativo para saber mais.

Como apresentar o conteúdo da interface do usuário? Depois de decidir como organizar a interface do usuário, você pode definir metas de experiência do usuário que especifiquem como a interface do usuário é construída e apresentada ao usuário. Em qualquer cenário, você quer garantir que o usuário possa continuar usando e desfrutando de seu aplicativo o mais rápido possível. Para fazer isso, decida quais partes da interface do usuário precisam ser apresentadas primeiro e verifique se essas partes estão completas antes de perder tempo construindo as partes não críticas.

No aplicativo de viagens, provavelmente a primeira coisa que o usuário vai querer fazer no aplicativo é encontrar um roteiro de viagem específico. Para apresentar essas informações da forma mais rápida possível, você deve mostrar a lista de viagens primeiro, usando práticas recomendadas para um controle ListView rápido e responsivo. Depois de mostrar a lista de viagens, você poderia começar a carregar outros recursos, como um feed de notícias sobre as viagens dos seus amigos. Para conhecer práticas recomendadas e outras recomendações de experiência do usuário, veja Interface do usuário de aplicativo da Windows Store, do início ao fim.

De quais superfícies e comandos de interface do usuário você precisa?  Analise os fluxos que você já identificou. Para cada fluxo, crie um esboço das etapas que os usuários devem seguir.

Vamos dar uma olhada no fluxo "Compartilhar itinerários para que amigos e familiares sigam". Vamos supor que o usuário já criou uma viagem. O compartilhamento do itinerário de uma viagem pode precisar destas etapas:

  1. O usuário abre o aplicativo e vê uma lista de viagens que ele criou.
  2. O usuário toca na viagem que quer compartilhar.
  3. Os detalhes da viagem aparecem na tela.
  4. O usuário acessa uma interface para iniciar o compartilhamento.
  5. O usuário seleciona ou insere o email ou nome do amigo com quem quer compartilhar a viagem.
  6. O usuário acessa uma interface para finalizar o compartilhamento.
  7. O seu aplicativo atualiza os detalhes da viagem com a lista de pessoas com quem o usuário compartilhou sua viagem.

Durante esse processo, você começa a ver qual interface precisa criar e os detalhes adicionais que precisa descobrir (como elaborar um e-mail padrão para os amigos que ainda não utilizam o seu aplicativo). Você também pode começar eliminando etapas desnecessárias. Talvez o usuário não precise realmente ver os detalhes da viagem antes de compartilhá-la, por exemplo. Quanto mais limpo o fluxo, mais fácil usá-lo.

Para saber mais detalhes sobre como usar superfícies diferentes, consulte o tópico Design de comandos para aplicativos da Windows Store.

Qual deve ser a aparência do fluxo? Quando definir as etapas que o usuário realizará, você pode transformar esse fluxo em metas de desempenho. Para saber mais, veja Planejar o desempenho.

Como você deve organizar comandos?  Use o seu esboço das etapas do fluxo para identificar os comandos que você pode ter de criar. Depois, pense nos locais onde usar estes comandos em seu aplicativo.

  • Sempre tente usar o conteúdo.  Sempre que possível, permita que os usuários manipulem diretamente o conteúdo na tela do aplicativo, em vez de adicionar comandos que atuem sobre o conteúdo. Por exemplo, no aplicativo de viagens, permita que os usuários reorganizem seu itinerário, arrastando e soltando as atividades em uma lista na tela, em vez de selecionar a atividade e usar botões de comando Para cima ou Para baixo.
  • Se você não puder usar o conteúdo. Coloque os comandos em uma dessas superfícies da IU se não estiver disponível para usar o conteúdo:

    • Na barra do aplicativo: você deve colocar a maioria dos comandos na barra do aplicativo, que geralmente fica oculta até que os usuários a exibam pelo toque.
    • Na tela do aplicativo: quando o usuário está em uma página ou modo de exibição que tem uma única finalidade, você pode oferecer comandos para essa finalidade diretamente na tela. Deve haver muito pouco desses comandos presentes.
    • Em um menu de contexto: você pode usar menus de contexto para ações da área de transferência (como recortar, copiar e colar) ou para comandos aplicáveis a conteúdo que não possa ser selecionado (como a adição de uma tachinha a um local no mapa).

Decida como dispor o seu aplicativo em cada exibição.  O Windows 8.1 dá suporte a orientações paisagem e retrato, bem como ao redimensionamento de aplicativos para qualquer largura, desde tela inteira até uma largura mínima. Você quer que o seu aplicativo tenha uma boa aparência e funcione perfeitamente em qualquer site, em qualquer tela, em ambas as orientações. Isso significa que você precisa planejar o layout dos elementos da interface para diferentes tamanhos e exibições. Ao fazer isso, a interface do seu aplicativo é modificada automaticamente para atender às necessidades e preferências do usuário.

Para saber mais, veja Escolhendo um layout, Diretrizes para tamanhos de janelas e dimensionamento de telas e Diretrizes para redimensionamento de janelas em layouts amplos e estreitos.

Veja Projete e crie um aplicativo da Windows Store do início ao fim para obter instruções práticas sobre design e implementação de interface do usuário.

Passe uma boa primeira impressão

Pense naquilo que você quer que os usuários pensem, sintam ou façam quando iniciarem seu aplicativo pela primeira vez. Revise a sua declaração de excelência. Mesmo que você não tenha a chance de informar pessoalmente seus usuários sobre a especialidade do seu aplicativo, pode transmitir a mensagem a eles ao passar a sua primeira impressão. Tire vantagem disto:

Bloco e notificações    O bloco é a cara do seu aplicativo. Entre os vários aplicativos encontrados na tela Inicial do usuário, o que vai fazer o usuário querer abrir o seu? Crie um bloco que destaque a marca do seu aplicativo e mostre o que ele tem de melhor. Use as notificações em blocos para que o seu aplicativo sempre pareça atualizado e relevante, cativando sempre o usuário.

Tela inicial  A tela inicial deve ser carregada o mais rápido possível e permanecer ativa somente pelo tempo necessário para a inicialização do estado do aplicativo. O conteúdo visível na tela inicial deve expressar a personalidade do seu aplicativo.

Abertura inicial  Antes que os usuários entrem no seu serviço, façam logon na conta deles ou adicionem o próprio conteúdo, o que eles vão ver? Tente demonstrar o valor do seu aplicativo antes de solicitar informações dos usuários. Pode ser uma boa ideia exibir um conteúdo de amostra para as pessoas verem e compreenderem a finalidade do seu aplicativo antes de se tornarem fiéis.

Home page  A home page é aquela exibida aos usuários sempre que eles iniciam o seu aplicativo. O conteúdo aqui deve ter um foco claro e mostrar imediatamente a finalidade do seu aplicativo. Dê um objetivo maior a essa página e confie que as pessoas explorem o restante do seu aplicativo. Concentre-se em eliminar as distrações na página de destino, e não na descoberta.

Valide seu design

Antes de progredir muito no desenvolvimento real do aplicativo, você deve validar seu design ou protótipo de acordo com diretrizes, impressões e requisitos do usuário para evitar reformulações no futuro. Cada recurso tem um conjunto de diretrizes de experiência do usuário para ajudá-lo a refinar seu aplicativo e um conjunto de requisitos da Loja que você precisa cumprir para vender seu aplicativo na Loja do Windows Phone. Você pode usar o Kit de Certificação de Aplicativos Windows para testar a conformidade técnica com os requisitos da Loja. Você também pode usar as ferramentas de desempenho no Visual Studio para garantir que o usuário tenha uma excelente experiência em todos os cenários.

Use as Diretrizes detalhadas de experiência do usuário para aplicativos da Windows Store para manter o foco em recursos importantes. Use Ferramentas de desempenho do Visual Studio para aplicativos da Windows Store que usam JavaScript ou Ferramentas de desempenho do Visual Studio para aplicativos da Windows Store que usam C++, C# ou Visual Basic para analisar o desempenho de cada um dos cenários do seu aplicativo.

Tópicos relacionados

Criar aplicativos da Windows Store usando o Blend para Visual Studio

 

 

Mostrar:
© 2014 Microsoft