Quais são as melhores maneiras de projetar interfaces Shiny amigáveis?

Alimentado por IA e pela comunidade do LinkedIn

Shiny é um poderoso pacote R que permite criar aplicações web interativas para visualização de dados. No entanto, para tornar seus aplicativos Shiny atraentes e fáceis de usar, você precisa prestar atenção a alguns princípios de design e práticas recomendadas. Neste artigo, você aprenderá algumas dicas e truques para melhorar suas interfaces Shiny e melhorar sua experiência de usuário.

Principais especialistas neste artigo

Selecionados pela comunidade a partir de 2 contribuições. Saiba mais

Nitika Garg (she/her)

Data Science Manager @ Capgemini | GCP Certified. NLP. ML | LLM enthusiast. ex- Publicis Sapient, ex-HCL

1 Conheça seu público

Antes de começar a projetar sua interface Shiny, você precisa entender quem são seus usuários-alvo, o que eles querem alcançar e como eles interagirão com seu aplicativo. Isso ajudará você a escolher os recursos, o layout e o estilo certos para seu aplicativo. Por exemplo, se seu público for principalmente analistas de dados que desejam explorar e manipular dados, convém incluir mais controles de entrada, filtros e opções. Por outro lado, se o seu público é principalmente tomadores de decisão que desejam obter insights e recomendações, convém se concentrar mais em apresentar resultados claros e concisos, como gráficos, tabelas e resumos.

Adicione sua opinião

Leandro Araque

Chief Data Officer at Datzure | Compartiendo conocimiento con Dawoork ♥️ | Profesor de Ciencia de Datos | Innovación en AI, Web3, FinTech & EdTech
Denunciar contribuição
The "Know your audience" principle is pivotal but often underemphasized. For instance, when designing Shiny apps for C-level executives, I've found that less is more. These decision-makers usually prefer dashboards that get straight to the point with high-level summaries and key performance indicators. Overloading the interface with too many controls and filters can be counterproductive for this audience. Therefore, it's crucial to conduct user interviews or surveys beforehand to understand the specific needs and preferences of your target users. This ensures that your Shiny app is not just powerful but also user-centric.

Traduzido

Gostei

2 Use um layout consistente e intuitivo

Um bom layout pode fazer sua interface brilhante parecer organizada, profissional e fácil de usar. Você deve usar um layout consistente e intuitivo em todo o aplicativo e evitar desordem ou sobreposição de elementos. Você pode usar os pacotes shinydashboard ou bslib para criar painéis atraentes e responsivos com diferentes temas e componentes. Você também pode usar os pacotes shinyUI ou shinyWidgets para personalizar seus elementos de entrada e saída, como botões, controles deslizantes, guias e painéis. Você também deve usar espaçamento, alinhamento e rótulos adequados para orientar seus usuários e melhorar a legibilidade.

Adicione sua opinião

3 Escolha as visualizações certas

Uma das principais vantagens do Shiny é que ele permite que você crie visualizações de dados dinâmicas e interativas que podem responder às entradas e ações do usuário. No entanto, você também deve escolher as visualizações certas para seus dados e sua mensagem. Você deve usar visualizações apropriadas para o tipo, a escala e a distribuição de seus dados e que possam destacar os padrões, tendências e valores atípicos que você deseja comunicar. Você também deve usar visualizações que sejam fáceis de entender, interpretar e comparar, e que possam se encaixar bem no seu layout. Você pode usar os pacotes ggplot2 ou plotly para criar plots elegantes e interativos com várias opções e recursos.

Adicione sua opinião

Nitika Garg (she/her)

Data Science Manager @ Capgemini | GCP Certified. NLP. ML | LLM enthusiast. ex- Publicis Sapient, ex-HCL
Denunciar contribuição
Actually, choosing the right visualization is also dependent on stakeholder requirements. Often, we can create quite complex and interactive visualizations, but stakeholders require simplistic representations. Hence, the Right visualizations are ones which may have complex backend functions and ML libraries. However, in Front-end, they are telling the story to your stakeholders. You can use Plotly, Bigrams and even Pie charts to create a story. I would love to see a visualization, which is moving like a video. A script where base data is shown and combed into 5-6 slides of animated story within 2 minutes.

Traduzido

Gostei

4 Otimize o desempenho e o feedback

Outro aspecto importante do design de interfaces Shiny amigáveis é otimizar o desempenho e o feedback do seu aplicativo. Você deve certificar-se de que seu aplicativo seja executado sem problemas e rapidamente, e que ele possa lidar com conjuntos de dados grandes ou complexos sem travar ou congelar. Você pode usar os pacotes profvis ou shinyloadtest para medir e melhorar o desempenho do seu aplicativo e usar os pacotes futuros ou promissores para habilitar a programação assíncrona e evitar o bloqueio da interface do usuário. Você também deve fornecer comentários aos usuários quando eles interagirem com seu aplicativo, como indicadores de carregamento, barras de progresso, mensagens ou alertas. Você pode usar os pacotes shinyFeedback ou shinyalert para adicionar elementos de feedback ao seu aplicativo.

Adicione sua opinião

5 Testar e iterar

Finalmente, você deve testar e iterar sua interface Shiny antes de implantá-la para seu público. Você deve verificar se há erros, bugs ou falhas em seu código, lógica ou design e corrigi-los o mais rápido possível. Você também deve testar seu aplicativo em diferentes navegadores, dispositivos e tamanhos de tela e garantir que ele se adapte bem a diferentes cenários e condições. Você pode usar os pacotes shinytest ou testthat para automatizar e simplificar seu processo de teste. Você também deve solicitar feedback de seus usuários em potencial e usar suas sugestões e comentários para melhorar seu aplicativo. Você pode usar os pacotes shinyFeedback ou shinyforms para coletar comentários de seus usuários em seu aplicativo.

Adicione sua opinião

6 Veja o que mais considerar

Este é um espaço para compartilhar exemplos, histórias ou insights que não se encaixam em nenhuma das seções anteriores. O que mais gostaria de acrescentar?

Adicione sua opinião

Visualização de dados

+ Siga

Classificar este artigo

Criamos este artigo com a ajuda da IA. O que você achou?

É ótimo Não é muito bom

Denunciar este artigo

Ver todos

Quais são as melhores maneiras de projetar interfaces Shiny amigáveis?

1

2

3

4

5

6

1 Conheça seu público

2 Use um layout consistente e intuitivo

3 Escolha as visualizações certas

4 Otimize o desempenho e o feedback

5 Testar e iterar

6 Veja o que mais considerar

Visualização de dados

Classificar este artigo

Agradecemos seu feedback

Outros artigos sobre Visualização de dados

Leitura mais relevante

Quais são as melhores maneiras de projetar interfaces Shiny amigáveis?

1

2

3

4

5

6

1 Conheça seu público

2 Use um layout consistente e intuitivo

3 Escolha as visualizações certas

4 Otimize o desempenho e o feedback

5 Testar e iterar

6 Veja o que mais considerar

Visualização de dados

Classificar este artigo

Agradecemos seu feedback

Conhecer outras competências