Archivo para Enero, 2009
Cambiar a Mac: Navegando en un extraño mundo nuevo
9 de Enero de 2009Mac OS y Windows crecen por igual con cada nueva versión. Ambos ofrecen un firewall integrado, la capacidad de compartir un único módem por cable o DSL entre los ordenadores de una red. A pesar de estas similitudes, los dos sistemas operativos son todavía muy diferentes, tanto en el funcionamiento y filosofía.
Familiarizarse
No hay menú Inicio en Mac OS X. En cambio, usted puede guardar los iconos de programas de uso frecuente, documentos y carpetas de cualquier práctica. Por ejemplo, puede utilizar el Dock en el borde inferior de la pantalla (es decir, el Dock está normalmente en el borde inferior, se puede mover a ambos lados de la pantalla a través del menú Apple del submenú Dock). También puede arrastrar los iconos a lugares fuera de la barra lateral en la parte izquierda de cualquier ventana del Finder.
Mac OS X no tiene una barra de tareas. En cambio, un pequeño triángulo negro aparece debajo de los iconos del Dock de los programas abiertos. Si hace clic y se mantiene en uno de estos iconos (o control-clic en él), verá una lista emergente de las ventanas abiertas en ese programa, al igual que lo haría en Windows XP.
Ratón
Los usuarios de Windows estarán familiarizados con un ratón de dos botones, Apple optó por la simplicidad de un botón con el fin de ser más fácil de usar. Por este motivo, todos los Mac portátiles tienen la función de sólo un botón debajo de la pista de la almohadilla. Si desea haga clic con el botón, simplemente mantenga pulsada la tecla Ctrl al mismo tiempo que se pulsa el botón, o el enchufe en un puerto USB de dos botones del ratón y haga clic con el botón de distancia. Mejor aún, la propia Apple Mighty Mouse ofrece la elección de uno o dos botones, además de un número programable de otro tipo de zonas sensibles al tacto, así que usted puede personalizarlo en la forma que desee.
Teclado
La principal diferencia entre los teclados de Mac y PC es la tecla de comando a ambos lados de la barra espaciadora. La tecla Command, equivale a la tecla Control en Windows. Por ejemplo para copiar y pegar no se usa la tecla ‘Control + C’, se usa ‘Command + C’.
Barra de aplicación
La barra superior corresponde a las opciones de la aplicacion que tengamos abiertas y estemos usando en ese momento (la que se encuentre activa). A medida que nos movemos en las ventanas de las diferentes aplicaciones la barra superior cambiara con las opciones correspondientes a cada programa.
En Mac, la gran mayoría de programas no se cierra al cerrar sus ventanas, como sucede en Windows. Para saber qué programa está en primer plano, basta con mirar su nombre arriba a la izquierda, junto a la manzana.
Bloqueo
Recuerda lo que ocurre cuando un programa de Windows se bloquea inesperadamente? Si tiene suerte puede obtener una salida, pero por lo general usted tiene que reiniciar su PC y empezar de nuevo. Con un Mac, si un programa falla, puede obligarlo a dejar de funcionar haciendo clic derecho sobre su icono en el Dock, o pulsar C-Alt-Esc y seleccionando la aplicación de la delincuencia de la lista para salir sin que ello afecte a su período de sesiones.
Cambio de Configuración
El panel de control está vivo y bien vivo en OS X, pero se llama Preferencias del Sistema, y aparece en el Dock como un icono de engranajes. Al igual que el Panel de Control de Windows, contiene la configuración de Preferencias del Sistema para ajustar el reloj de su ordenador, las conexiones de red, y ajustes de potencia. Puede ver estos ajustes’ iconos por categorías o en una simple lista, por orden alfabético – sólo elegir entre Ver ➝ Mostrar todas las categorías A o Ver ➝ Mostrar todos Alfabético.
Time Machine
Con la introducción de Time Machine puede configurar la copia de seguridad y olvidarse de ella. Las copias de seguridad incrementales pasan automáticamente a la unidad asignada. Si elimina accidentalmente un archivo, no se preocupe, usted puede usar Time Machine para encontrar una versión anterior. Copias de seguridad de archivos individuales, carpetas o todo el contenido de su disco duro, incluidas las aplicaciones si desea, relájese sabiendo que tus datos están seguros.
El Menú
Los menús cambian dependiendo del programa y la ventana que está siendo utilizado. Así que usted no encontrará la barra de menús dentro de cada ventana que abra, que serán siempre en la parte superior de la pantalla. Un efecto secundario de esto es que el cierre de todas las ventanas de un programa no cierra el programa en sí. Usted debe elegir Archivo ➝ Salir (CQ) o haga clic y mantenga en el programa del icono de Dock y elija Salir desde el menú emergente.
Fácil de desinstalar
He aquí una herramienta de Windows que no es necesario en el Mac. Usted generalmente no necesitan nada especial para quitar programas o desinstalar la aplicación de un programa en el Mac. Simplemente abra la carpeta Aplicaciones y arrastre el icono del programa correspondiente a la papelera. Eso es todo – no hay necesidad de preocuparse de que está dejando a algunos fragmentos de desestabilización.
Hardware del panel de control
El Mac no requiere un programa para instalar el controlador de un nuevo gadget externo. Los controladores de la mayoría de las impresoras, ratones, y otros accesorios vienen preinstalados. Si usted conecta un dispositivo y no funciona, simplemente instale el controlador correcto desde el CD (o descargar el controlador desde el sitio web del fabricante).
Espacios
¿No sería genial si pudiera agrupar todos los activos que usted necesita para los diferentes tipos de trabajo que hace en tu Mac en pantallas personalizadas? Bueno, ahora usted puede hacerlo con espacios. Diseño tantos espacios como desee y, a continuación, cambiar entre ellos sin esfuerzo con la prensa de una tecla F.
Localizar archivos
Uno de los principales dolores de cabeza con los ordenadores de Windows puede ser tratar de localizar un archivo de gran frecuencia en unidades del disco duro. En el Mac, Explorer se convierte en el Finder. Ahora con más opciones de búsqueda de gran alcance, la localización de cualquier archivo es un juego de niños. Y lo que es más, puede usar el Cover Flow de iTunes a través de sus carpetas.
Exposé
Con Exposé puedes ver todo el escritorio presionando F9, F10 para ver todos los documentos abiertos en una aplicación, y F11 para borrar por completo tu escritorio de windows. Puede personalizar Exposé exactamente cómo quiera que se comporte dentro de Preferencias del Sistema.
Dashboard
Si necesita saber qué hora es en una serie de ciudades, o quiere saber el tiempo que está haciendo, hay un widget en Dashboard. Haga clic en F12 para abrir Dashboard y en breve puede averiguar lo que necesita saber. Puede ver qué Widgets están disponibles en www.apple.com / es / descargas / salpicadero. Usted también puede desarrollar sus propios widgets en http://developer.apple.com/macosx/dashboard.html.
Buscar y encontrar
Mano a mano con el Finder Spotlight es el poderoso motor de búsqueda para su Mac. Ahora puede reducir un parámetro de búsqueda por tiempo, así como por ubicación. El nuevo equipamiento significa que usted puede usar la lógica booleana en sus búsquedas enormemente para mejorar su precisión. Quick Look le permite una vista previa de un documento para que usted pueda estar seguro de que es el que desea antes de que usted realmente abrirlo.
Botón maximizar
En el Mac, la cosa más cercana a la Maximice botón es el botón de zoom (el botón verde en la esquina superior izquierda de una ventana). En lugar de ampliar una ventana para adaptarse a toda la pantalla hace que la ventana aumente o disminuya sólo lo suficiente para incluir su contenido.
Aplicaciones en el Dock
El lanzamiento de aplicaciones en Windows generalmente requiere un viaje a el menú Inicio. Puede, por supuesto, crear un icono de acceso directo en el escritorio, pero esto puede convertirse rápidamente en un lío “y reducir su eficiencia global. El el Mac es el Dock la solución. Puede colocar todas sus aplicaciones de uso frecuente y lanzarlas aquí con un solo clic del ratón.
Si nunca ha tenido un Mac, necesitará algo de tiempo para acostumbrarte a él, pero seguro que en dos semanas lo maneja a la perfección ya que las aplicaciones Mac están diseñadas para funcionar de forma intuitiva, una vez que haya aprendido una aplicación, como iTunes, por ejemplo, aprenderá rápidamente iPhoto, Mail y todo el software que viene con su Mac.
Diferencia entre Windows y Macintosh
9 de Enero de 2009¿Qué sistema operativo usas para tu ordenador? Si es Windows o Macintosh, ¿no te gustaría entender la diferencia entre ellos?
Estoy seguro de que sabes lo que Mac y Windows son. Sí, son dos sistemas operativos en uso hoy en día. Ambos han acumulado popularidad por diversas razones. Antes de la comprensión de las diferencias entre Windows y Mac, echemos un rápido vistazo a cada uno de ellos.
Microsoft Windows
Es un sistema operativo y software de interfaz gráfica de usuario que fue desarrollado por Microsoft. Tras su introducción en 1985, se hizo inmensamente popular entre los usuarios de computadoras personales. Su desarrollo se había iniciado en dos rutas paralelas. El desarrollo de una ruta se destinaba para uso personal mientras que el otro era para uso profesional. Las versiones destinadas a uso personal ofrecían mayor soporte multimedia pero carecía de capacidades de red. Las versiones de Windows profesional ofrecían una mayor creación de redes y elementos de seguridad, pero carecían de soporte multimedia.
Windows XP fue un gran éxito y el relativamente reciente Windows Vista, no obstante, es popular.
Macintosh
También conocido como Mac, Macintosh se refiere a un nombre de marca que abarca una serie de ordenadores personales desarrollados por Apple Inc. Apple Mac produce el hardware y tiene su propio sistema operativo que viene con todos los Macs. El sistema operativo de Mac se pueden dividir en dos familias de sistemas operativos. Uno de ellos es el ‘Classic’ de Mac OS, que se entrega con Mac hasta la creación del Mac OS 9. La segunda familia es Mac OS X, que se deriva de sus características de Mac OS 9. El sistema operativo que está actualmente en uso se conoce como el Mac OS X, sucesor de Mac OS, que es una línea de interfaz gráfica de usuario basada en los sistemas operativos.
Ahora que ya se han introducido a los dos sistemas operativos, echemos un vistazo a las diferencias entre ellos.
Diferencia entre Windows y Macintosh
El sistema operativo Windows se basa en el lenguaje, mientras que Mac está basado en Unix.
Windows es utilizado universalmente, mientras que Macintosh es utilizado únicamente en el hardware de Apple. Windows es utilizado por la mayoría de los usuarios de ordenadores, es más vulnerable a ser hackeado. Macintosh se considerada como un sistema operativo más seguro.
Windows es criticado por tener un menor número de características en comparación con el Mac. Además, es menos sensible a una mayor cantidad de operaciones de computación. Por el contrario, Macintosh cuenta con un rico conjunto de características y facilidad de uso.
Mientras Windows se centra en la función de oficina, Macintosh se centra en los gráficos y funciones multimedia.
Funciones similares que son ejecutables en tanto Macintosh y Windows difieren en su terminología. Por ejemplo, la función de la tecla Control en Windows corresponde a la de la tecla Comando en los Macs. El símbolo en Windows se conoce como la Terminal en Mac. El panel de control de Windows corresponde a las Preferencias del Sistema en Mac. Macintosh y Windows difieren en la navegación y la gestión de archivos, los atajos de teclado y algunas otras operaciones. Además, los controles de ventanas, barras de menús y botones de ratón se diferencian en su funcionalidad en los sistemas operativos.
Así, vemos que Windows y Macintosh son bastante diferentes en lo que a sistemas operativos se refiere. Cada uno de ellos viene con un conjunto de ventajas y desventajas y cada uno de ellos es para una sección de los usuarios. Y yo te pregunto, a que sección de usuarios perteneces tu?
¿Que son los triggers?
9 de Enero de 2009Se les llama triggers o disparadores, son eventos que se ejecutan cuando se cumplen condiciones determinadas, al hacer un insert, update o delete en una tabla de una BBDD. Esto nos permite realizar acciones cuando se realiza una inserción, modificación o eliminación de un registro. Son parecidos a los procedimientos almacenados pero en este caso no se tienen que llamar como los stored procedures, sino que como hemos dicho se ejecutan automáticamente al cumplirse la condición.
Los triggers pueden ser extremadamente útiles para llevar a cabo las siguientes casos:
- Cuando los datos de una tabla son generados desde otro tipo de procesos y es necesario que se controlen los valores, para evitar que algunos campos tomen valores concretos.
- Para duplicar los contenidos de una tabla automaticamente y en tiempo real.
- Para implementar restricciones sobre valores que pueden tomar ciertos campos de la tabla.
- Incrementar automáticamente los valores de un campo.
- Para controlar las modificaciones de los valores de los campos.
- Para realizar actualizaciones de una tabla en cascada.
- Para modificar campos o registros en una tabla que un usuario no puede modificar directamente.
A continuación vamos a ver un par de ejemplos de triggers que se pueden ejecutar en tablas para realizar cualquiera de las siguientes operaciones.
En el ejemplo número 1 el trigger que hace un pedido en la tabla pedidos cuando en el almacen se modifica un pedido y este valor es inferior al de un valor dado:
BEFORE UPDATE ON tabla_almacen
FOR ALL records IF :NEW.producto < 100 THEN INSERT INTO tabla_pedidos(producto) VALUES (‘1000′);
END IF;
SELECT DBO.POLVE.TEST
END
En el segundo ejemplo, si insertamos o actualizamos el registro de un empleado de manera que el salario sea superior a 5000 euros, el trigger actualizará el salario a 5000 euros idependientemente del valor que hayamos insertado o introducido al modificar el registro.
CREATE TRIGGER tr1_empleados
BEFORE INSERT OR UPDATE OF salario
ON empleados
FOR EACH ROW
WHEN (:new.salario > 5000);
BEGIN
UPDATE empleados
SET salario = 5000
WHERE empleado_id = :new.empleado_id;
END;
Con estos ejemplos ya nos podemos hacer una pequeña idea de que son los trigger y de cuáles son sus utilidades y virtudes de cara a incrementar su uso en los desarrollos que impliquen BBDD.
jQuery más fácil con una Extensión del Dreamweaver
9 de Enero de 2009Se trata de una extensión disponible gratuitamente que se instala en el Dreamweaver, a través de un típico .MXP. Facilita definitivamente el trabajo del día día con este lenguaje de programación. Su aportación se puede resumir en:
- Sintaxis coloreada del lenguaje.
- Autoayuda cuando escribes, con listados que contienen todas las funciones de jQuery y jQuery UI.
- Biblioteca de recortes de código.
Captura del plugin en acción
Esta disponible para Dreamweaver CS3, 8, MX2004, and MX, tanto en Windows como en Mac OS X.
Google Maps más accesible sin Javascript
8 de Enero de 2009Es posible mejorar la accesibilidad de Google Maps a través de la implementación de la Google Static Maps API, que permite incluir una imagen simple mediante el tag <img> y una URL especificado en el atributo “src”.
Ejemplo: http://maps.google.com/staticmap?center=41.539402,2.441468&markers=41.539402,2.441468,red&zoom=17&size=400×300&key=TU-CLAVE-GOOGLEMAPS
Pero no solo se trata de ganar en accesibilidad. Por ejemplo, si implementamos una versión imprimible del contenido, se podrá visualizar fácilmet que salga la imagen que se genera con dicha API.
El IE7.js es una alternativa de compatibilidad con menos esfuerzo
7 de Enero de 2009Ser compatible con el IE6 y el IE7, lo que significa adaptar los estándares de la Web a estos navegadores bastante populares, implica invertir mucho tiempo y esfuerzo. Además, requiere el conocimiento de hacks compatibles con las validaciones de las páginas por la W3C e incluso la separación de hojas de estilo en los peores casos.
El IE7.js es una librería liviana (de 11Kb comprimidos) de Javascript que permite convertir los navegadores Microsoft Internet Explorer desde la versión 5 hasta la 8 en vavegadores compatibles con los estándares de la Web, tanto a nivel de código HTML como de hojas de estilo CSS. También añade soporte de transparencia de imágenes PNG para el IE5 y el IE6.
EL IE7.js es una alternativa de compatibilidad con menos esfuerzo. Ahora con una evolución significativa en la velocidad y estabilidad, se ha convertido en una versión BETA, tras permanecer un largo periodo de tiempo en ALPHA. El motor del sistema opera con base2: Una librería de Javascript que permite trabajar con un Javascript multinavegador con un único DOM, siguiendo los estándates ECMAScript. Esta librería esta teniendo un fuerte impulso de desarrollo, lo que ha permitido mejorar notablemente el rendimiento del IE7.js. Ambas librerías son mantenidas por el mismo equipo de desarrollo de Dean Edwards.
¿Pero por qué significa un menor esfuerzo? Solo imagina implementar una única hoja de estilos compatible para todos los navegadores, válida para la W3C (tanto en HTML como en CSS) y solamente incluyendo los tags:
<!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script> <![endif]-->
¿Debe ser único el valor de un atributo ID en HTML o XHTML?
5 de Enero de 2009En concepto, se trata de la asociación de un identificador único a un elemento del HTML que soporte dicho atributo. Por lo tanto, sí debe ser único. Y esto parece algo sencillo de entender y fácil de aplicar. Pero resulta a la práctica un problema, ya sea por descuido del maquetador o por desinterés.
Para comprender por qué debe ser único, hay que entender los principales usos de un identificador de elemento de HTML:
- Referenciar elementos de la página para su uso a través del DOM + getElemenByID.
- Referenciar selectores para la aplicación de estilos en las Hojas de estilos CSS.
- Referenciar navegaciones con anclas en la misma páginao para acceder a fragmentos de un documento directamente referenciados a través de un hiperenlace.
- Asociar controles de formularios de HTML con etiquetas (labels).
Si bien es cierto que una página Web en un determinado momento puede no requerir que este atributo esté presente o que cuando esté presente no sea único, no hay que descartar las buenas maneras o hábitos en la maquetación del HTML. Porque en un futuro próximo, con la mera implementación de scripts de validación de formularios más accesibles, se deberá hacer un mayor esfuerzo para conseguir el resultado esperado.
Información para el Nuevo Diseño Web
5 de Enero de 2009El Diseño de la información para la Web ha cambiado.
La gente está cambiando la forma en que consumen información en línea, así como sus expectativas acerca de su entrega. La naturaleza social de la web trae consigo una expectativa de interacción con la información y moderno diseño web que se refleja. En la actualidad existen formas alternativas de navegación, incluida la capacidad para navegar por el usuario, las nubes de etiquetas, con pestañas de navegación etc avances en la tecnología junto con estos cambios en las expectativas de los usuarios están afectando a la forma en que la información se presenta en una página web. Hoy son sitios web con el objetivo de utilización intuitiva y las interfaces que están en continua evolución en respuesta a las necesidades de los usuarios. Los diseñadores de página web se están acercando a la información de diseño diferente y sencillo diseño, páginas web interactivas que incorporen los avances en el diseño de la interfaz Web, Web actual filosofías y las necesidades de los usuarios. El diseño de la información para la nueva web es sencilla, es social y que abarca otro tipo de navegación.
Simplicidad de Aplicaciones Web
El diseño de aplicaciones web de hoy está dirigido por un principio de simplicidad. Los autores de Aplicaciones están creando software que tienen menos funcionalidades y una menor curva de aprendizaje para los usuarios finales. La funcionalidad que se incluye es la que es necesaria, nada más. Los días de las aplicaciones que están demasiado cargadas de características están pasando. Hoy son la potenciación de programas de software a los usuarios, ya que no necesitan un manual para utilizarlas, que son simples e intuitivas. No hay ningún software para instalar, y con el compromiso de muchos de registro de usuarios no es necesaria para probar la funcionalidad.
Esta filosofía de “menos es más” se puede ver en la actualidad en herramientas de productividad como Google Docs y Hojas de cálculo (antiguo Writely), además de un montón de otras aplicaciones Web. Estos nuevos sitios web se rigen por una singularidad de propósito y la sencillez en su funcionalidad.
Simplicidad de diseño
Esta nueva tendencia de la simplicidad de la funcionalidad de la aplicación web se refleja en el diseño y el estilo de las páginas web de hoy. Si bien se utilizó para tratar de meter tanta información como sea posible en nuestras páginas web, y de preferencia “por encima de la tapa”, en la actualidad las páginas web de los diseñadores se esfuerzan por eliminar lo innecesario, mostrando una interfaz limpia y simple para los visitantes. Ellos están intentando involucrar a la atención de los usuarios de la Web aprovechando sus ojos a lo que es importante.
Muchos de los nuevos cambios en el diseño web han sido influenciados por las tendencias estilísticas de la Apple y la interfaz de Mac OSX. Un léxico de diseño moderno que se ha desarrollado para la Web que se ha establecido como el diseño con un propósito, no sólo el diseño para su propio bien.
*Diseño Centrado
Somos capaces de presentar nuestra información en un lugar limpio y seguro de sí mismo centrado en la orientación. Este diseño es una opción práctica porque es mucho más compatible con distintos tamaños de pantalla y resoluciones.
*Bordes redondeados
La tendencia actual es para redondear las esquinas, incluso en las fuentes – no presentar nada agudo o grave. Es el reflejo de la actitud y el tono informal de hoy en la Web.
*San Serif y Fuentes minúsculas
En armonía con el tono casual de la nueva web, y la tendencia a redondear las esquinas, hay un montón de fuentes san serif que se encuentran en la actualidad de las nuevas páginas web. Del mismo modo, las minúsculas son las fuentes utilizadas, sobre todo en el logotipo para transmitir una cómoda y ocasional relación con el usuario.
*Fuentes grandes
Estas son a menudo utilizadas por los nuevos sitios Web para señalar los conceptos clave a los usuarios, o para transmitir con valentía un simple y claro mensaje acerca de la finalidad principal del sitio web.
*Navegación simple
La navegación por páginas Web Nueva es distinta y clara, se establece además de los ocupados del contenido y el cuerpo de la página. A menudo se encuentra en ejecución en la parte superior de la página. Es persistente el sentido de que aparece en cada página en todo el sitio web.
*Logos en Negrita
Las nuevas aplicaciones Web son audaces y confiadas y también lo son los logotipos de la compañía que representan sus marcas.
*Colores fuertes
Estos son utilizados por los sitios web de hoy a hacer hincapié en conceptos importantes, así como para la creación de la distinción entre zonas de una página.
*Colores complementarios
Los sitios web modernos tienden a no ser monocromáticos, pero ricos en color. Muchas de las nuevas páginas web están utilizando los colores complementarios, como los azules y naranjas, y amarillos y violetas para enriquecer su diseño.
*Sutil 3D
No encontraremos efectos chillones 3D o ilusiones ópticas en las nuevas páginas web de hoy, sino un sutil uso de sombras, gradientes, y reflejo de superficies que añaden un borde realista a la interfaz.
Superficies reflectantes
Esta tendencia de crear el efecto de una reflexión, o espejos de superficie se puede encontrar en muchos de los nuevos sitios web, a menudo en torno a un logotipo.
Iconos simples
Debido a la verdadera naturaleza de la Nueva Web hay muy pocas o ninguna fotografía. En el lugar de la comercialización de estas imágenes con gente de negocios felices agitando las manos, tenemos originales iconos que representan las acciones que pueden ser adoptadas por el usuario.
Blanco
Diseño y mantenimiento de un sitio simple y Zen-como la disposición por el aumento de alturas y añadiendo la línea de los lotes a las páginas en blanco. En lugar de exclusión de la página con la sobrecarga de información, la nueva web de los diseñadores se centra en lo esencial, y en la producción limpia y fresca páginas.
Starbursts
La emocionante explosión de formas está muy de moda en los sitios web. Se pueden encontrar en toda la Web, y la mayoría de las veces son utilizados para promover y destacar un servicio gratuito.
Los avances en interfaces de usuario
Además de los estilos de diseño, se han producido varios avances recientes en diseño de interfaz de usuario que han hecho de la web un simple lugar para estar.
AJAX – es una evolución en el diseño de la interfaz web que permite que la ver la información que se procesa sin volver a cargar la página. Este adelanto ha traído consigo varias nuevas capacidades en el diseño de página web.
Grandes pestañas
Alternar entre las pestañas es ahora totalmente posible sin volver a cargar la página, los diseñadores Web están haciendo un buen uso de ellas.
Drag & Drop
La funcionalidad de arrastrar y soltar que permite AJAX permite a los diseñadores crear ricas experiencias interactivas para los visitantes del sitio web. Muchas de las actuales aplicaciones de la página de inicio personal utilizan esta funcionalidad, que permite a los usuarios arrastrar los widgets y gadgets que desee en su espacio personalizado.
Mapas
Hace apenas unos años era ridículo pensar que se podía combinar cualquier conjunto de información con un mapa del mundo y permitir a los visitantes de su sitio web ampliar la foto en la calle e incluso obtener una foto de satélite de la zona. Sin embargo, las capacidades de mapeo se están convirtiendo en un lugar común y parte integral de la experiencia del usuario de hoy. Y son algo que los usuarios llegan a esperar.
Wysiwyg
Ya no es necesario conocer el código HTML para crear contenido en línea. Blogs, wikis, sistemas de gestión de contenidos, y otras aplicaciones basadas en web están ofreciendo “Lo que usted ve es lo que obtiene” editores que imitan una palabra-como el interfaz de contenidos.
Previas
Acerca de esta tipo de web a los visitantes ya no les es necesario el compromiso de hacer clic a través de otro sitio antes de saber exactamente lo que veremos allí. A través de aplicaciones tales como el ajuste, es posible proporcionar a los usuarios con página web todas las vistas previas de los enlaces de una página.
Social
Existen al menos dos tendencias que se perfilan en el diseño de sitios web de hoy, y cada vez hay mas cruce entre los dos.
La socialización de los medios de comunicación y sus aplicaciones
Ha surgido en la Web una tendencia hacia la socialización de las cosas que no son inherentemente social, tales como libros, fotos, videos, y el texto como artículos de noticias, documentos. Esta inclinación se extiende a las aplicaciones Web como la colaboración en la gestión de los proyectos incluidos en programas de Base, documentos para compartir aplicaciones como Google Docs y Hojas de cálculo, y muchos otros. Con estos cambios se añade una expectativa entre los usuarios que ahora supongo que será capaz de interactuar con la información a descubrir en la Web.
Comentando
Los visitantes del sitio Web ya no son pasivos lectores, sino que activamente quieren unirse a la conversación y añadir sus comentarios.
Calificación y Revisión
Calificación de autoría de los artículos y comentarios son capacidades que se están convirtiendo rápidamente en requisitos para los sitios web con los productos y medios de comunicación.
Compartir
En el día de hoy la página web de un usuario es una colaboración que espera que las aplicaciones web, documentos, calendarios y de otras herramientas de creación de contenido para ser compartidos con un equipo.
Guardar
Multitarea Web de los usuarios que esperan para poder marcar los artículos para leer más tarde, de entretenimiento, favoritos, de videos, y otros. Guardar el contenido de la Web en su propio servicio de marcadores con un clic.
Variedad de opiniones
Cuando los lectores encuentran una noticia interesante en un sitio web, quieren saber lo que otros están diciendo sobre el tema. Esto es posible a través de servicios tales como SphereIt y otros.
Para el bien social
Además de los sitios web que socializan los medios de comunicación y las aplicaciones, existen sitios web que son de índole social para el bien social. Estos sitios web son todos acerca de la conexión de las personas y la construcción de comunidad. Son los sitios web de redes sociales como el MySpace, Facebook y las redes de Ning. El principal componente en estos sitios es el perfil de usuario en torno a la cual tanto la navegación y la actividad gira. Este tipo de sitio web requiere también una interfaz de línea de base de la funcionalidad social.
Perfil de Usuario
El ingrediente principal en cualquier sitio de redes sociales es el perfil de usuario que puede adaptarse para que coincida con la personalidad de un usuario.
Listas de amigos
¿Cuál es el punto de unirse a una comunidad social si no se puede hacer amigos? La lista de amigos permite a las personas crear su propia red de relaciones sociales y mostrarlos al mundo.
Mensaje y comunicación
Una parte integral de cualquier red social es un medio con el que comunicarse con los demás miembros, ya sea un sistema de mensajería interna, correo electrónico, mensajería instantánea, hablar o vivir.
Suscribir Usuario
Al igual que con sitios web de medios de comunicación social, los miembros de las comunidades de redes sociales esperan encontrar las herramientas que les permite suscribirse a los miembros que encuentran interesante.
Grupos
Estas sub-comunidades están dentro de un ecosistema social en la que los miembros se asocian con un grupo enfocado de personas que comparten un mismo interés, la profesión, o característica.
Herramientas para la expresión
Populares sitios de redes sociales a disposición de sus miembros con las herramientas para crear contenidos tales como diarios personales y blogs, así como la posibilidad de cargar los medios de comunicación y otros elementos como fotografías, diapositivas, videos y todo tipo de artilugios.
A diferencia de los medios de comunicación social el diseño de estas herramientas de la comunidad debe ser fácil para los miembros de utilizar, al alcance de la mano, y obvio.
El usuario
No es suficiente sólo encontrar información, la gente quiere explorar y encontrar uno al otro como individuos. Este tipo de navegación es natural en los sitios web de redes sociales donde el objetivo principal es conectar con otros miembros.
La Nube de etiquetas
Este es un complemento de la taxonomía para el vocabulario controlado de un sitio web creado por los diseñadores, que es orgánico a la comunidad de usuarios. No hay instrucciones exigidas con esta herramienta intuitiva que es, obviamente, hacer clic y con frecuencia.
El Comienzo de la página
Incluye tales como listas de los más populares, más buscado, más reciente, comentarios arriba, mas votado… Esta característica proporciona un resumen de lo que es más importante en una comunidad en un momento dado. Todavía hay espacio para la lista de los editores a sus propios elementos, junto con estas listas de la comunidad.
El Zeitgeist
Este es un contenedor para todos los de la parte superior y la mayoría de las listas, así como las nubes de etiquetas, proporcionando una visión de la cultura y la personalidad de un determinado sitio web.
Widgets – Gadgets
Se trata de la agregación de datos personalizados en un solo lugar, y navegar desde ahí. Los Sitios web ya no muestran simplemente texto, pero son aplicaciones que contienenn otras aplicaciones.
Mashups
Los usuarios de la Web están creando sus propias maneras de navegar por la información, remezclar el contenido de diferentes servicios para crear nuevas aplicaciones.
Principios de Diseño para la nueva web
* Manténgalo Simple – Incluir sólo la funcionalidad necesaria y proporcionar un eficiente diseño limpio.
* Hágalo Social – Conozca las expectativas de los usuarios que permitan conexiones a través de herramientas sociales.
* Oferta de navegación alternativa – reflejar el espíritu de la época de la web la comunidad y abrazar las vías alternas a la información, también la utilización de herramientas visuales.
Nueva Web de Filosofías
* Evolucionar – Hoy en día los creadores de sitios Web no tienen miedo a probar cosas nuevas. No hay ninguna respuesta correcta y no todo necesita ser resuelto desde el principio.
* Ser Ágil y abierto- Responder a los avances en la tecnología y los cambios en las necesidades del mercado. Estar dispuestos a abandonar malas ideas
El Color y sus efectos sobre el Diseño de un Sitio Web
5 de Enero de 2009Un sitio web es básicamente una herramienta de marketing, en representación de las empresas, productos y servicios y es también un reflejo de la personalidad de las empresas, las ideologías y filosofías. Es, sin duda, una pesada carga para llevar a una simple página web. Las grandes corporaciones gastan millones a fin de determinar el color perfecto para la marca y el embalaje de su producto. Esto se debe al hecho de que la mezcla perfecta de colores aumenta la rentabilidad de su producto. La misma regla se aplica al diseño de su sitio web.
El color afecta al usuario en muchos niveles fisiológicos y psicológicos. El esquema de color de su sitio web puede tener un impacto, positivo o negativo en su potencial de éxito. El color es un elemento importante de diseño de una página web. Es tan importante como puede serlo el diseño de gráficos.
Una vez que un visitante ha llegado a su sitio web tiene alrededor de 8 a 10 segundos para que el atractivo visual pueda convertirlo en cliente. Dado que afecta a la sensación de color, las percepciones, y las interacciones, podemos utilizar los colores para que un usuario se sienta acogido, confortable, relajado y seguro. Antes de elegir los colores de su sitio web es importante obtener una comprensión básica del color y sus efectos.
Colores cálidos
Los tonos cálidos van desde el rojo al amarillo, pasando por el crema, son estimulantes, vitales y alegres. Dan sensación de calor, y potencian la luz. Los colores morados y verdes son los colores intermedios que son o bien caliente o frío, dependiendo de la cantidad de rojo o amarillo que tienen en relación al azul. Si contiene menos azul, entonces se inclina hacia un tono cálido, y si tiene más de color azul, entonces será mas fresco.
Colores Frescos
Los colores frescos se basan en colores azules, verdes, rosas, violetas, magentas, y rojos. Estos colores tienden a ser sedantes y calmantes y pueden ser utilizados en grandes cantidades.
Colores neutros
Los colores neutros son el blanco, negro y gris. Los colores neutrales son ideales para aumentar el efecto de los colores cálidos.
Multi-color
El uso de varios colores en un sitio provoca una visita menor de tiempo dado que al usuario le parecerá desordenado o ambiguo, lo mismo pasa con una combinación de colores cálidos y fríos que suelen siempre confundir al usuario. Por lo tanto, es mejor elegir un par de colores y adherirse a ellos.
Armonía de color
Demasiado color puede ser inquietante y caótico, mientras que muy poco puede ser aburrido. Es mejor utilizar un equilibrio. Por lo tanto, es mejor utilizar sólo unos colores diferentes en una página. Evite utilizar una cantidad excesiva de colores, mezcla y el uso de colores cálidos y fríos.
Colores del texto
Ser excepcionalmente cuidadoso al establecer el texto y colores de fondo, La Legibilidad, debe ser preservada a toda costa. Si el texto es de color claro, el fondo tiene que ser oscuro y vice-versa. Blanco y negro siempre hacen una buena combinación, y el rojo y el azul son útiles para poner de relieve. Intente evitar el uso de la combinación de negro como fondo y un color cálido con texto, ya que aunque parece tener gran claridad tiene tendencias negativas hacía los visitantes.
Psicología del color
Azul representa la paz, la tranquilidad, la calma, la estabilidad, la armonía, la unidad, la seguridad, la confianza. En China, el azul es asociado con la inmortalidad. En Colombia, el azul se asocia con jabón. En la India, el azul es el color de Krishna, en el Oriente Medio azul es un color de protección. Es el color del infinito, de los sueños y de lo maravilloso.
Negro representa el poder, la sofisticación, la formalidad, la elegancia, el anonimato, la infelicidad de riqueza, el misterio, el miedo, el mal también. En EE.UU. es negro de duelo.
Verde representa la naturaleza, la salud, la buena suerte, la renovación, la juventud, el vigor, la primavera, la generosidad, la fecundidad, los celos. En la India, el verde es el color del Islam. En Irlanda, el verde ha significado religioso (católico). En algunos países tropicales el verde se asocia con el peligro. Aquellos que prefieren este color detestan la soledad y buscan la compania.
Naranja representa la energía, el equilibrio, la calidez, el entusiasmo, la vitalidad. Es algo mas cálido que el amarillo y actúa como estimulante de los tímidos, tristes o linfáticos. En Irlanda, naranja se asocia a la religión (protestante).
Púrpura representa la realeza, espiritualidad, nobleza, ceremonia, el misterio, la transformación, la sabiduría, la iluminación.
Rojo representa el amor, peligro, deseo, velocidad, fuerza, violencia, ira, y la sangre. En China la celebración de color rojo simboliza la suerte y se utiliza en muchas ceremonias culturales que van desde las bodas a los funerales. En la India, el rojo es el color de la pureza (utilizado en trajes de boda). Mezclado con blanco es frivolidad, inocencia, y alegría juvenil, y en su mezcla con el negro estimula la imaginación y sugiere dolor, dominio y tiranía.
Rosa se asocia con la suavidad, dulzura, inocencia, juventud, ternura.
Blanco representa la pureza, la sencillez, la limpieza, la paz, la humildad, la inocencia de la juventud, el nacimiento, la buena nueva, y el matrimonio. En Japón, los claveles de color blanco significan la muerte. En las culturas orientales el blanco simboliza frialdad y esterilidad. En EE.UU. significa virginidad. Es el que mayor sensibilidad posee frente a la luz, es la suma o síntesis de todos los colores, y el símbolo de lo absoluto.
Marrón se asocia con la tierra, la naturaleza, tribal, primitivo, la simplicidad.
Amarillo representa la alegría, la felicidad, optimismo, idealismo, la imaginación, la esperanza, el sol, y la cobardía. En Asia, el amarillo es sagrado, e imperial. Es el color de la luz, el sol, la acción , el poder y simboliza arrogancia, oro, fuerza, voluntad y estimulo.
A continuación resumiremos lo que simbolizan los principales colores y su efecto psicológico y terapéutico, tanto en positivo como en negativo:
Ahora lo plantearemos a la inversa: Vamos a sugerir determinadas situaciones y sentimientos entre nuestros visitantes al diseñar un nuevo sitio web.
Los colores son una herramienta poderosa! Causan la primera impresión de su sitio web, de modo que tenga en cuenta los puntos anteriores la hora de decidir sobre el esquema de color de su sitio.
La WCAG 2.0 pasa a ser una recomendación de la W3C
2 de Enero de 2009El 11 de diciembre de 2008 la W3C anunció, como se esperaba para finales de dicho año, que la WCAG 2.0 (Web Content Accessibility Guidelines 2.0 – Guía de Accesibilidad de Contenidos 2.0) se establece como una recomendación en el diseño de páginas Web, actualizando a su predecesora WCAG 1.0.
La WCAG es un estándard referenciable de la accesibilidad de los contenidos en la Web. La versión 2.0 no cambia los principios de accesibilidad de su predecesor 1.0, aunque se acerca más a las nuevas tecnologías implementadas en la Web de hoy en día. Del mismo modo se ha hecho más práctica y fácil de implementar aplicación que automaticen su validación. Para comprender estas diferencias es importante consultar How WCAG 2.0 Differs from WCAG 1.0.
Sin embargo, su aplicación en una Web puede significar poco o ningún esfuerzo, dependiendo del tipo y de la cantidad nuevas tecnologías implementadas en el desarrollo de dicha Web.
