Aplicativo desktop
Design de Dashboard Pessoal
O Life System reúne pontuação semanal, métricas no mapa corporal, ritmos diários e cinco experimentos em um dashboard desktop.
Ideias de Design para
- Dashboards de Planejamento PessoalUm resumo semanal ao lado de decisões abertas e prioridades.
- Rastreadores de Hábitos e AtividadesPadrões diários combinados com médias semanais.
- Rastreadores de ExperimentosUma hipótese, meta e medida de progresso para cada ensaio.
Destaques do Dashboard
- Um Resumo, Quatro Níveis de DetalheUma pontuação, barras por domínio, médias semanais e loops abertos compartilham o painel escuro.
- Oito Métricas ao Redor do Mapa CorporalIndicadores de foco, movimento e recuperação dispostos ao lado de uma figura central.
- Cinco Experimentos, Seis CamposLinhas separam a hipótese, a métrica, a meta, o progresso e o status.
Prévia do Design de Dashboard Pessoal
1 / 4Como Este Dashboard Pessoal É Organizado
O Life System é um conceito de dashboard desktop construído em torno de um único workspace denso. Seu painel escuro e estreito responde a "O que precisa da minha atenção?"; os painéis brancos maiores contêm as leituras por trás dessa visão geral. Veja o que cada área realmente contém.
| Área | O Que Está na Tela | O Que Observar |
|---|---|---|
| Painel de Resumo | Pontuação do Sistema 82/100; seis barras por domínio; quatro médias semanais; oito loops abertos. | O painel vai de uma pontuação geral a itens específicos não concluídos. "Decisões 3" é mais acionável do que 82 isolado. |
| Sistema Humano | Oito indicadores de foco, mente, coração, energia, movimento, nutrição, recuperação e longevidade. | Os rótulos ficam ao redor da figura, de modo que os números permanecem legíveis sem sobrepor a anatomia. |
| Ritmos Diários | Sete dias de barras de energia, foco e recuperação; um gráfico separado de fases do sono. | As barras agrupadas comparam três séries dentro de cada dia. O gráfico de sono, por sua vez, divide um total em partes. |
| Experimentos | Cinco ensaios com hipótese, métrica, meta, progresso e status. | A tabela torna visíveis a pergunta e sua medida pretendida juntas, em vez de reduzir cada ensaio a uma barra de progresso. |
Lendo Pontuações em Contexto
O dashboard utiliza vários tipos de números, mas nem todos significam a mesma coisa. Uma pontuação precisa de uma escala; uma variação precisa de um período de comparação; uma duração precisa de uma unidade. O Life System fornece parte desse contexto e deixa outros aspectos em aberto.
82/100 e +6 Respondem a Perguntas Diferentes
O resumo exibe a pontuação atual e identifica a variação como "vs últimos 7 dias". Mantenha essa comparação ao lado da pontuação ao adaptar este layout. As seis barras por domínio não documentam como o 82 é calculado.
Horas e Pontuações Precisam de Rótulos Diferentes
As médias semanais mostram Trabalho Profundo como 4,6 h/dia, Sono como 7h 18m e Recuperação como 74%. Manter essas unidades importa mais do que fazer os três números parecerem idênticos.
Um Rastreador de Experimentos com Seis Campos
Leia a linha do Trabalho Profundo ao longo da tabela: um ensaio nomeado, "Blocos aumentam a produção", a métrica de Trabalho Profundo, uma meta de +25%, 80% de progresso e Em Andamento. A escolha de design útil é separar esses campos. A fraqueza é que os três últimos podem parecer três versões do mesmo resultado.
| Valor Exibido | O Que Indica | O Que Ainda Falta |
|---|---|---|
| Meta de +25% | O aumento pretendido no Trabalho Profundo. | O valor inicial e o período de medição. Um aumento de 25% precisa de uma linha de base. |
| 80% de Progresso | Um valor de progresso é exibido para o ensaio. | Se isso significa tempo decorrido, sessões concluídas ou avanço em direção à meta. O protótipo não define isso. |
| Em Andamento | A linha possui um rótulo de status positivo. | A regra por trás desse julgamento. Todas as cinco linhas de amostra usam este status, portanto a tela não demonstra um estado fora do curso. |
Examine o Dashboard em Três Passagens
Use as quatro visualizações da galeria acima para examinar o mesmo workspace em escalas diferentes. São recortes de detalhe, não quatro páginas separadas do aplicativo.
Trace o Resumo até um Detalhe
Encontre Recuperação no painel de resumo: sua média de sete dias é 74%. Abra o Sistema Humano e localize Recuperação novamente: o valor principal é 75/100, com a mesma leitura semanal de 74% abaixo. O indicador maior distingue uma pontuação de sua medida de suporte; o painel mantém apenas a leitura compacta.
Compare Duas Formas de Mostrar Padrões
Volte à visão geral e encontre Ritmo de Energia e Arquitetura do Sono. Um agrupa energia, foco e recuperação por dia; o outro divide o sono em fases. Se você reutilizar algum dos gráficos, mantenha seu agrupamento e seus rótulos — não apenas o destaque em verde.
Leia um Ensaio Antes de Sua Barra de Progresso
Abra Experimentos e leia primeiro a hipótese. Em seguida, encontre a métrica e a meta que a testariam. Por fim, examine o progresso e o status. Essa ordem revela exatamente quais definições o rastreador ainda precisa antes que dados reais possam substituir as amostras.
O Que Este Design de Dashboard Demonstra
O Life System demonstra um layout de informações desktop, não um serviço conectado de rastreamento pessoal. O código fornecido utiliza leituras de amostra. Seus botões de intervalo de tempo alteram o estado selecionado; eles não recalculam as pontuações ou os gráficos.
Referência de Layout, Não Medições Validadas
As leituras de saúde e cognitivas são conteúdo de interface ilustrativo. Nenhuma fórmula de pontuação, integração de dados ao vivo ou evidência para as hipóteses dos experimentos é fornecida. Os rótulos de privacidade e sincronização na tela não verificam essas capacidades.
Um Exemplo Oficial da OpenDesign
Este caso foi preparado como exemplo oficial de hackathon, não como submissão de participante ou vencedor de premiação. Estude o layout e visualize o design original; confirme as permissões de reutilização antes de redistribuir seus ativos.
Como Criar um Design de Dashboard Pessoal no OpenDesign
Descreva o Workspace e Seus Dados
Comece pela pergunta diária que seu dashboard deve responder. Para um design inspirado no Life System, solicite um painel de resumo, padrões semanais e uma tabela de experimentos. Especifique dados de amostra e unidades legíveis antes de solicitar ilustrações decorativas.
Prompt sugeridoCrie um design de dashboard pessoal para uma revisão semanal. Use um painel de resumo escuro e estreito ao lado de painéis de detalhe brancos. Inclua horas semanais de trabalho profundo, duração do sono, decisões abertas, um gráfico de atividade de sete dias e uma tabela de experimentos com hipótese, métrica, linha de base, meta, sessões concluídas e resultado. Use dados de amostra rotulados. Mantenha o atingimento da meta separado da conclusão do ensaio. Não implique que sensores de saúde ou integrações com contas ao vivo estão conectados.
Refine Uma Métrica do Resumo ao Detalhe
Peça ao OpenDesign para levar uma leitura semanal do painel ao seu painel de detalhe sem alterar sua unidade ou período de tempo. Se você adicionar uma pontuação separada, rotule-a separadamente. Mantenha as ilustrações em segundo plano até que os rótulos e os períodos de comparação estejam legíveis.
Teste a Tabela e Telas Menores
Solicite um experimento em andamento, uma meta não atingida e um ensaio sem resultado ainda. Verifique se o texto de status explica cada estado e se o progresso contabiliza sessões em vez de sugerir sucesso. Em uma tela estreita, transforme a tabela em linhas rotuladas e confirme que os controles principais permanecem utilizáveis.
Exportar e obter um link de compartilhamento
Exporte seu design finalizado e, em seguida, use Compartilhar no OpenDesign para obter um link de compartilhamento. Abra o link em uma janela separada do navegador e verifique se a versão desejada e seus assets estão disponíveis antes de enviá-lo.
Design de Site de Carreiras
Um estudo de carreiras da Kimi construído a partir de oito cenas lunares, com transições vinculadas à rolagem e um processo de candidatura ilustrado.
Site
Design de Site de Portfólio Criativo
O portfólio fictício de Maya Rowan conecta cartões de projetos, prática e notas.
Site
Design de Apresentação de Produto
Um pitch de espaço de trabalho agent-native em 3 slides.
Slides
Design de Site de Currículo
O currículo fictício de Tom Goodman combina experiência com gráficos de competências e trabalhos selecionados. Explore sua estrutura de leitura em duas colunas, cartões de trabalho compactos e layout separado para impressão.
Site