Cuadro de herramientas

Maquetas de IU, sugerencias de experiencias de usuarios, comprobador JavaScript y más

Scott Mitchell

Crear rápidamente maquetas de interfaz de usuario

Maquetas de la interfaz de usuario son una herramienta importante en ingeniería de software. Durante la fase de requisitos sirven como prototipos que causan los comentarios de los participantes y los usuarios finales, y son una parte integral de cualquier especificación funcional.

Pero ¿qué es la mejor opción para crear maquetas de interfaz de usuario? El enfoque más sencillo es utilizar el lápiz y papel. Es rápido y sencillo, no requiere ningún software especial y se puede llevar a cualquier persona, independientemente de sus técnicos experimentados. Por supuesto, estos prototipos son más difíciles de archivar y son más difíciles de compartir con los participantes remotos.

Como alternativa, puede utilizar programas como Microsoft Visio o diseñador de Visual Studio para crear maquetas de interfaz de usuario estrechamente imitan el aspecto que tendrá el producto terminado. Por desgracia, crear dichos maquetas dura mucho más tiempo que el uso de papel y lápiz. También, que muestra los participantes sin conocimientos técnicos un boceto “ pulido ” puede conducir a creer que el trabajo se realiza casi.

Maquetas Balsamiq para Desktop (versión 1.6) es una herramienta de boceto de interfaz de usuario que combina la velocidad, simplicidad y simple aspecto de maquetas de papel con las ventajas de archiving y uso compartidas inherentes a maquetas generada por el equipo. Y, a diferencia de Visual Studio y Visio, que son grandes y complejos programas que realizan muchas funciones, maquetas Balsamiq tiene un objetivo centrado: para que crear maquetas de interfaz de usuario como rápido y sencillo como sea posible.

La interfaz de usuario maquetas para Desktop es increíblemente sencilla, hay una superficie de diseño y una lista de controles comunes de interfaz de usuario para agregar el boceto, incluidos los botones, etiquetas, cuadros de texto, casillas de verificación, fichas, combinado cuadros, hipervínculos, las barras de desplazamiento, separadores y más. También están predefinidas controles para las ventanas del explorador, reproductores de vídeo y cuadros de diálogo. En total, maquetas Balsamiq se distribuye con más de 75 controles. También puede importar cualquier archivo de imagen como un control o descargar los controles creados por el usuario desde el sitio Web de Balsamiq Studios LLC.

Agregar un control a su boceto es tan sencillo como arrastrar desde la lista de controles y colocándolo en la superficie de diseño. Una vez en la superficie de diseño, haga doble clic en el control para editar su contenido. Sitúa el mouse (ratón) sobre un control muestra un panel flotante con una gran variedad de opciones de configuración específicas para ese control. Cada configuración se encuentra justo a la derecha en el panel flotante: no existen menús ni ventanas de propiedad que deba de captura y a través de retaladrado. Todas estas opciones derecha de tener a su alcance alisa la curva de aprendizaje y reduce considerablemente el tiempo de que se tarda en crear maquetas.

Desproteger el boceto en figura 1 , que creó en tres minutos, de principio a fin. Para simular la lista de mensajes de correo electrónico arrastró un control de cuadrícula de datos al diseñador y utiliza el mouse para colocar y cambiar su tamaño. A continuación, doble clic en la cuadrícula que muestra su contenido como texto delimitado por comas. Texto para representar las tres columnas y cuatro filas que se muestra en de figura 1 sustituirá el contenido predeterminado. A continuación, desplazó mi del mouse (ratón) sobre la cuadrícula para abrir sus propiedades en una ventana flotante. Desde allí selecciona una casilla de verificación para agregar una barra de desplazamiento, utiliza un control deslizante para ajustar el alto de fila y optó por la segunda fila aparezca como seleccionado.

Figura 1 de prototipos de IU Balsamiq rápido A

Una vez que se ha creado un boceto, puede ser guardada en disco, exportará como una imagen PNG o exportarse a un formato XML. También en la versión regular, una versión reducida de maquetas para Desktop puede utilizarse de forma gratuita desde sitio Web de la compañía. Y una versión del software de colaboración, en línea se encuentra en las obras.

Precio: US$ 79 por licencia de usuario
balsamiq.com

Blogs de nota

La experiencia del usuario (UX) es uno de los aspectos más importantes de una aplicación de software. Los usuarios deciden si su aplicación es un éxito o no, y no tiene interés en dicho algoritmo super-clever gastado un perfeccionamiento de la semana o arquitectura de la aplicación. Por desgracia, los desarrolladores de software mayoría: yo mismo incluyen: luchan con diseño UX. Es demasiado fácil obtener sumergidos en los detalles de bajo nivel de la aplicación y dejar UX diseño como una idea pensada a posteriori.

Para permanecer reminded la importancia de diseño UX y recoger algunas sugerencias para mejorar el usuario ’ aplicaciones grandes experiencias, consulte de UX puesto Blog , que incluye presentaciones de varios autores de diseño UX anotados, formadores y consultores. Mis envíos favoritas son aquéllos que ofrecen sugerencias específicas para mejorar UX de un escenario común. ¿Creación de un formulario de contacto en su sitio Web? Asegúrese de leer “ crear unas utilizable formulario de contacto, ” donde autor Matthew Kammerer comparte consejos sobre qué información mostrar, cómo disponer en pantalla y qué hacer una vez enviados los comentarios. Y asegúrese de desproteger poste de John Hyde, “ control de usuario error con atención, ” en la que comparte las mejores prácticas sobre dónde mostrar mensajes de error y cómo les word.

Otras entradas de blog Resalte cómo mejorar la experiencia del usuario a través de medios menos directos. Una posterior describe cómo mejorar el rendimiento de un sitio Web mediante la creación de imágenes optimizadas. Otra entrada comparte herramientas para mejorar la accesibilidad de la aplicación. También encontrará entradas más generales, incluyendo las revisiones de libro, facilidad de uso lecciones aprendidas de las trincheras y entrevistas con expertos de facilidad de uso.

El Blog UX puesto

uxbooth.com

Compruebe el JavaScript

JavaScript es un lenguaje interesante. Para gran parte de su historial, JavaScript se consideró un poco de un lenguaje de juguete, que se usa principalmente para llevar a cabo tareas sencillas en las páginas Web. Pero JavaScript es un lenguaje robusto y eficaz y hoy en día se utiliza para crear aplicaciones Web interactivas enriquecidas.

Desafortunadamente, el lenguaje JavaScript tiene el número de decisiones de diseño que permiten para prácticas de programación deficientes y, si el uso incorrecto, puede conducir a errores y puede mantener menos código. Por ejemplo, en C#, todas las líneas deben finalizar con un punto y coma. En JavaScript, la mayoría de las instrucciones que puede acabar con un punto y coma o un retorno de carro, puede resultar confuso. Igualmente, en C# cada variable debe declararse antes de que pueda utilizar. No es así en JavaScript.

JSLint es una herramienta de calidad de código de JavaScript libre creado por del Douglas Crockford que ejecute una gran variedad de comprobaciones de análisis estático en un bloque de código JavaScript. De forma predeterminada, JSLint muestra advertencias al encontrar las variables globales; instrucciones no terminan con un punto y coma; if, while, do de y para instrucciones de no están seguidas de un bloque de instrucción; y código inalcanzable, entre otras condiciones. Comprobaciones adicionales son configurables a través de las opciones del JSLint. Por ejemplo, puede indicar a JSLint para no permitir variables sin definir, para no permitir el incremento unario operadores y decremento ++ y--y si desea permitir el uso de evalfunción .

Para utilizar JSLint, visite JSLint.com, pegue el código JavaScript en el cuadro de texto, seleccione las opciones y haga clic en el botón “ JSLint ”. JSLint, a continuación, se analizar su código y mostrar una lista de errores, tal como se muestra en de figura 2. Y debido a que JSLint está escrito en JavaScript, se ejecuta completamente en el explorador, lo que significa que el código no se envía a través de Internet. Opcionalmente, puede descargar el código de fuente de JSLint desde el sitio Web para que se ejecute en su entorno local, si prefiere.

También desproteger JSLint.VS , un gratuita Visual Studio Add-in creado por Tomasevic Predrag que permite ejecutar JSLint en un archivo o un bloque de código seleccionado directamente desde el entorno de desarrollo integrado (IDE) de Visual Studio. Los errores identificados por JSLint aparecen en la ventana Lista de tareas. Incluso puede configurar JSLint.VS para ejecutar en archivos o carpetas seleccionados cada vez que se genera el proyecto.

Figura 2 de la herramienta de calidad de código JSLint JavaScript

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

La biblioteca

En la última década, el almacenamiento de información estructurado ha convertido en una tarea trivial. Con bases de datos modernos y marcos de acceso a datos, recopilación de datos implica un poco de arrastrar y colocar con sólo un guión de código. Junto a disminuir los costos de almacenamiento de información y la ventaja competitiva creciente que dicha información podrá llevar, las empresas están ansiosos por cada punto de datos posibles del catálogo.

Por supuesto, dichos datos, es inútiles a menos que pueden tener acceso a los trabajadores y evaluar los datos de forma significativa. Microsoft SQL Server Reporting Services (SSRS) es una plataforma reporting de nivel empresarial con características basadas en servidor que permite que los trabajadores crear, explore  and ver informes.

Al igual que con cualquier plataforma de nivel empresarial, SSRS es expansivos en sus características y casos de uso. Recientemente ayudó al cliente a evaluar y pasa Introducción a SSRS y encuentra “ Microsoft SQL Server 2008 Reporting Services Unleashed ” (SAMS, 2009) para ser una guía invaluable para el aprendizaje de las ventajas y desventajas.

El libro se divide en cinco partes. La primera parte proporciona una introducción a luz de SSRS, resalta los escenarios de usuario comunes, presenta la arquitectura de SSRS y compara y contrasta escenarios de implementación de informe diferente. También hay un breve capítulo acerca de la instalación de SSRS, con instrucciones paso a paso y una gran cantidad de capturas de pantalla.

El propósito principal de SSRS es presentar los datos a través de informes y para que los trabajadores generar, analizar y consumen estos informes. Segunda parte del libro explora cómo crear informes y examina temas como expresiones, parámetros, formato, exploración, agregación y detalladas de informes ad hoc. Durante mi proyecto rutinariamente ha en obstáculos al diseñar informes. Llevaría obtener perplejo intentando dar formato a los datos de determinada manera o quedarse cuando que necesitan cierta información, como la fecha y hora se generó el informe: para mostrar en el informe. La mayoría de estos obstáculos eran lateral escalonada utilizando el índice del libro y thumbing a través de los capítulos de esta sección.

Después de la creación de informes, el libro examina administrar SSRS. SSRS es una tecnología basada en servidor; los informes (y datos) residen en servidores y clientes en una variedad de formas pueden tener acceso. Informes puede ser generado y bajo demanda o en clientes y de programación pueden  subscribe para informes y que les ofrece a través de un archivo compartir o enviar por correo electrónico. Estas opciones de seguridad, junto con otros  tasks administración, se tratan aquí.

Las dos últimas secciones del libro mire cómo personalizar y ampliar SSRS, junto con formas de integrar SSRS y SharePoint.

“ Microsoft SQL Server 2008 Reporting Services Unleashed ” es una introducción excelente a SSRS para administradores, administradores de bases de datos y los usuarios. La profundidad de material es un poco de luz en algunas áreas, pero este libro hace un excelente trabajo transmitir los aspectos más importantes y explorar la variedad de características y funcionalidad disponible en SSRS.

Lanzamiento de Microsoft SQL Server 2008 Reporting Services

Precio: $49.99
InformIT.com/SAMS

Scott Mitchell*, autor de numerosos libros y fundador de 4GuysFromRolla.com de es un MVP que trabaja con tecnologías Web de Microsoft desde 1998. Mitchell es un consultor independiente, instructor y escritor. Ponerse en de Mitchell@4guysfromrolla.com o a través de su blog en de ScottOnWriting.net.*