Este artigo foi traduzido por máquina.

Caixa de Ferramentas

Modelos de interface do usuário, dicas de experiência do usuário, verificação de JavaScript e muito mais

Scott Mitchell

Criar modelos de interface do usuário rapidamente

Modelos de interface do usuário são uma ferramenta importante em engenharia de software. Durante a fase de requisitos que eles servem como protótipos extrair comentários dos participantes e usuários finais e eles são parte integrante de qualquer especificação funcional.

Mas o que é a melhor maneira de criar modelos de interface do usuário? A abordagem mais simples é usar a caneta e papel. É fácil e rápido, não requer nenhum software especial e pode ser feito por qualquer pessoa, independentemente de seu conhecimento técnico. Obviamente, como protótipos são mais difíceis de arquivar e são mais difíceis de compartilhar com os interessados remotos.

Como alternativa, você pode usar programas como o Microsoft Visio ou o Visual Studio Designer para criar modelos de interface do usuário que imitam intimamente aparência o produto concluído. Infelizmente, a criação desses modelos é consideravelmente maior do que usando caneta e papel. Além disso, mostrar os interessados não técnicos uma montagem “ refinada ” pode levá-los para acreditar que o trabalho é feito quase.

Exemplos de Balsamiq para desktop (versão 1.6) é uma ferramenta de modelo UI que combina a velocidade, a simplicidade e a tecnologia aparência de modelos de papel com os benefícios do arquivamento e compartilhamento inerentes nos modelos gerados por computador. E diferentemente do Visual Studio e o Visio, que são programas grandes e complexos que atende a muitas funções, Balsamiq modelos tem uma meta focalizada: Para tornar Criando modelos de interface do usuário como rápida e simples possível.

A interface do usuário modelos para desktop é incrivelmente simples — há uma superfície de design e uma lista de controles da interface do usuário comuns para adicionar ao seu modelo, incluindo botões, rótulos, caixas de texto, caixas de seleção, guias, caixas de combinação, hiperlinks, as barras de rolagem, divisores e muito mais. Pré-lá são também desenvolvidas controles para janelas do navegador, players de vídeo e caixas de diálogo. No total, Balsamiq modelos é fornecido com mais de 75 controles. Você também poderá importar qualquer arquivo de imagem como um controle ou fazer o download de controles criados pelo usuário do site Balsamiq Studios LLC.

Adicionando um controle ao seu modelo é tão simples quanto arrastando-o da lista de controles e soltando-o para a superfície de design. Uma vez na superfície de design, clique duas vezes no controle para editar seu conteúdo. Posicionar o mouse sobre um controle exibe um painel flutuante com uma variedade de opções de configuração específicas para esse controle. Cada configuração é lá no painel flutuante — não há nenhum menus ou você precisa de busca e peck através de janelas de propriedade. Ter todas essas configurações à direita ao seu alcance nivela a curva de aprendizado e reduz bastante o tempo necessário para criar modelos.

Fazer check-out do modelo no Figura1 , que criei em três minutos, do início ao fim. A simulação a lista de e-mails eu arrastados um controle de grade de dados para o designer e usado meu mouse para posicionar e dimensioná-lo. Em seguida, eu clicou duas vezes a grade de design, que exibe seu conteúdo como texto delimitado por vírgulas. O conteúdo padrão substituída pelo texto para representar as três colunas e quatro linhas mostradas no 1 Figura . Em seguida, eu passava meu mouse sobre a grade para exibir suas propriedades em uma janela flutuante. A partir daí I marcado uma caixa de seleção para adicionar uma barra de rolagem, usado um controle deslizante para ajustar a altura de linha e tiver optado para que a segunda linha são exibidos como selecionada.

Figura 1 do modelo de UI Balsamiq rápido A

Assim que tiver sido criado um modelo, pode ser salvo em disco, exportado como uma imagem .PNG ou exportado para um formato XML. Juntamente com a versão regular, uma versão eliminada de modelos de área de trabalho pode ser usada gratuitamente do site da empresa. E uma versão on-line, colaboração o software é a funciona.

Preço: US $ 79 por licença de usuário
balsamiq.com

Blogs importantes

A experiência do usuário (UX) é um dos aspectos mais importantes de um aplicativo de software. Os usuários decidir se seu aplicativo é um sucesso ou Don e eles Don se preocupa arquitetura do aplicativo ou desse algoritmo super-clever gasto perfecting uma semana. Infelizmente, a maioria dos desenvolvedores de software — me incluído — tem de lidar com design UX. É muito fácil obter imersa os detalhes de baixo nível do aplicativo e deixar o design UX como prioridade.

Para manter-se lembrado de importância do design UX e selecionar algumas dicas ótimas para melhorar usuário seus aplicativos ’ experiências, confira o Blog de estande UX , que inclui os envios de vários autores de design UX observados, treinadores e consultores . Minhas postagens favoritas são aqueles que oferecem dicas específicas para melhorar a UX de um cenário comum. Criar um formulário de contato em seu site da Web? Certifique-se de ler “ criando utilizável Contact formulário, ” onde o autor Matthew Kammerer compartilha conselhos sobre quais informações para exibir, como dispor na tela e o que fazer depois que o comentário foi enviado. E certifique-se de fazer o check-out postagem de João Monstro, “ Handling usuário erro com atendimento, ” no qual ele compartilha as práticas recomendadas sobre onde exibir mensagens de erro e como do word-los.

Outras entradas do blog realce como melhorar a experiência do usuário através de meios menos diretos. Uma postagem descreve como melhorar o desempenho de um site da Web, criando imagens otimizadas. Outra entrada compartilha ferramentas para melhorar a acessibilidade do aplicativo. Você também encontrará postagens mais gerais, inclusive revisões de livros, facilidade de uso lições aprendidas de entrevistas com especialistas em usabilidade e fossas.

Blog do estande de UX

uxbooth.com/blog

Verifique se O JavaScript

JavaScript é uma linguagem interessante. Grande parte do seu histórico, JavaScript era considerado um pouco de uma linguagem de brinquedo, usada principalmente para executar tarefas simples em páginas da Web. Mas o JavaScript é uma linguagem robusta e poderosa e hoje é usado para criar aplicativos da Web sofisticados e interativos.

Infelizmente, a linguagem JavaScript tem um número de decisões de design que permitem ruins práticas de programação e, se usadas incorretamente, pode levar a bugs e passível de manutenção menos código. Por exemplo, translation from VPE for Csharp cada linha deve terminar com um ponto-e-vírgula. Em JavaScript, a maioria das instruções podem terminar com ponto-e-vírgula ou um retorno de carro, pode ser confuso. Da mesma forma, em translation from VPE for Csharp cada variável deve ser declarado antes que ele pode ser usado. Caso não no JavaScript.

JSLint é uma ferramenta de qualidade de código JavaScript livre criado por Douglas Crockford executa uma variedade de verificações de análise estática de um bloco de código JavaScript. Por padrão, JSLint exibe avisos quando se deparar com variáveis globais; instruções não terminada com um ponto-e-vírgula; se, ao fazer de e de instruções que não são seguidas de um bloco de instruções e código inacessível, entre outras condições. Verificações adicionais são configuráveis através das opções do JSLint. Por exemplo, você pode instruir JSLint para não permitir indefinidas variáveis, para não permitir o incremento unário e decrementar operadores ++ e--e se deseja permitir o uso do eval função .

Para usar JSLint, visite JSLint.com, cole o código JavaScript na caixa de texto, selecione as opções e clique no botão “ JSLint ”. JSLint, em seguida, irá analisar seu código e exibir uma lista de erros, como do Figura 2 mostra. E como JSLint é gravado em JavaScript, ele é executado inteiramente no seu navegador, que significa que seu código não é enviado pela Internet. Opcionalmente, você pode baixar o código-fonte JSLint do site para ser executado em seu ambiente local, se você preferir.

Também fazer check-out JSLint.VS , um livre Visual Studio Add-in criado pelo Tomasevic Predrag que permite executar JSLint em um arquivo ou bloco de código selecionado diretamente do IDE do Visual Studio. Os erros identificados pelo JSLint aparecem na janela lista de tarefas. Você pode até mesmo configurar JSLint.VS para executar em arquivos ou pastas selecionados sempre que o projeto é construído.

Figura 2 A ferramenta de qualidade de código JSLint JavaScript

JSLint: JSLint.com JSLint.VS: JSLint.codeplex.com

Para sua estante

Na última década, armazenando informações estruturadas tornou uma tarefa trivial. Com bancos de dados modernos e estruturas de acesso a dados, coletando dados envolve uma pitada de arrastar e soltar com apenas um traço de código. Juntamente com a diminuição dos custos de armazenamento e a cada vez maior vantagem competitiva que tais informações podem ser, as empresas têm necessidade catalogar todos os dados possíveis pontos.

É claro, esses dados é inútil, a menos que os funcionários podem acessar e avaliar os dados de maneira significativa. Microsoft SQL Server Reporting Services (SSRS) é uma baseada em servidor nível empresarial relatórios plataforma que permite que os funcionários criar, explorar 
and exibir relatórios.

Assim como com qualquer plataforma de nível empresarial, SSRS é expansiva em seus recursos e casos de uso. Eu recentemente ajudou o cliente avalie e obter começou com SSRS e encontrado “ Microsoft SQL Server 2008 Reporting Services Unleashed ” (SAMS, 2009) como um guia de valor inestimável para aprender os detalhes.

O livro está dividido em cinco partes. A primeira parte fornece uma visão geral clara do SSRS, realça os cenários comuns de usuário, apresenta a arquitetura do SSRS e compara e contrasta relatório diferentes cenários de implantação. Também há um capítulo curto sobre a instalação do SSRS, com instruções passo a passo e muita capturas de tela.

O objetivo principal do SSRS é apresentar dados por meio de relatórios e para permitir que os operadores de criar, analisar e consumir esses relatórios. Segunda parte do livro explora como criar relatórios e examina tópicos como expressões, parâmetros, formatação, navegação, agregação e detalhados de relatórios ad hoc. Durante o projeto, eu rotineiramente aumentado em obstáculos durante a criação de relatórios. Eu poderia obter espantado tentando formatar dados de determinada maneira ou obter preso quando precisar determinadas informações — como data e hora que o relatório foi gerado — para mostrar no relatório. A maioria desses obstáculos eram ele apresentado lado usando o índice do livro e thumbing capítulos desta seção.

Após a criação de relatório, o livro analisa Gerenciando SSRS. SSRS é uma tecnologia baseada em servidor; relatórios (e dados) residem em servidores e podem ser acessados por clientes de diversas maneiras. Relatórios pode ser gerada sob demanda ou na programação e clientes 
subscribe para relatórios e que eles oferecida por meio de um arquivo compartilhar ou de email. Essas várias opções, juntamente com outros 
tasks administração, são abordadas aqui.

Últimas duas seções do livro examine como personalizar e estender o SSRS, juntamente com maneiras de integrar o SharePoint e o SSRS.

“ Microsoft SQL Server 2008 Reporting Services Unleashed ” é uma excelente introdução para SSRS para administradores, DBAs e os usuários. A profundidade de material é uma pequena luz em algumas áreas, mas este livro realiza um excelente trabalho transmitir os aspectos mais importantes e explorando a amplitude de recursos e funcionalidades disponíveis no SSRS.

Microsoft SQL Server 2008 Reporting Services lançados

Preço: $49.99
informit.com/SAMS

Scott Mitchell , autor de diversos livros e fundador da 4GuysFromRolla.com , é um MVP que trabalha com tecnologias Web da Microsoft desde 1998. Mitchell é um consultor independente, instrutor e escritor. Entrar em do Mitchell@4guysfromrolla.com ou através de seu blog em ScottOnWriting.net .