El documento habla sobre la importancia de diseñar sitios web pensando en la escalabilidad para permitir que crezcan y se adapten a nuevos contenidos en el futuro. Recomienda anticipar cómo crecerá el contenido y tener en cuenta contenidos dinámicos como comunidades de usuarios y tecnologías como la Web 2.0. También destaca la importancia de estructuras de pantalla y componentes flexibles, así como comprender los distintos roles en el proceso de diseño web.
Análisis de cómo afecta el nuevo formato de Facebook para las Fan Pages en la comunicación corporativa. Manual dirigido especialmente a Community Managers
Este documento aborda las diferencias entre HTML, XHTML y CSS y cómo cada uno se utiliza para el diseño de sitios web. HTML es el lenguaje base para crear páginas web, mientras que XHTML es una versión más estricta. CSS se usa para dar formato y estilo a las páginas web, separando la presentación del contenido.
El documento habla sobre Blogger y la Web 2.0. Explica que Blogger es un servicio creado por Pyra Labs que permite crear y publicar blogs en línea de forma sencilla. También describe algunas características clave de la Web 2.0 como su enfoque en compartir información de forma interactiva y colaborativa a través de aplicaciones en línea.
El documento presenta dos definiciones de usabilidad provistas por la Organización Internacional para la Estandarización (ISO), y describe brevemente los beneficios de la usabilidad y si vale la pena invertir en ella. Además, ofrece información sobre posicionamiento web, palabras clave, y las etapas de diseño de un sitio web como definir la audiencia y contenido, estructura, bocetos, páginas preliminares y maquetación.
Este documento presenta un curso sobre usabilidad en entornos web. Explica conceptos clave como arquitectura de la información, experiencia de usuario, persuabilidad y diseño orientado al usuario. También describe métodos para el análisis de procesos web como card sorting, focus groups y evaluaciones heurísticas. El documento resalta la importancia de una buena usabilidad para mejorar el rendimiento y reducir costos.
ESERP eMarketing & Social Media Marketing Sesion II (Obsoleted)Oshcar Vidal Martinez
Seminario de eMarketing y Social Media Marketing impartido en los Masters de Dirección de Marketing y Comercial y MBA's de ESERP Business School.
Sesion II - Social Media Marketing
Este documento clasifica y compara diferentes herramientas web 2.0, incluyendo Mindmeister, MediaWiki, People Aggregator, Google Docs, TWiki, Confluence, Elgg, Chyrp, Pligg, WordPress, Dotclear y MODx. Describe las características y usos principales de cada herramienta para actividades como blogging, publicación de contenido, edición colaborativa y compartición de recursos.
Seminario de eMarketing y Social Media Marketing impartido en los Masters de Dirección de Marketing y Comercial, Dirección General, MBA y Publicidad de ESERP Business School.
Análisis de cómo afecta el nuevo formato de Facebook para las Fan Pages en la comunicación corporativa. Manual dirigido especialmente a Community Managers
Este documento aborda las diferencias entre HTML, XHTML y CSS y cómo cada uno se utiliza para el diseño de sitios web. HTML es el lenguaje base para crear páginas web, mientras que XHTML es una versión más estricta. CSS se usa para dar formato y estilo a las páginas web, separando la presentación del contenido.
El documento habla sobre Blogger y la Web 2.0. Explica que Blogger es un servicio creado por Pyra Labs que permite crear y publicar blogs en línea de forma sencilla. También describe algunas características clave de la Web 2.0 como su enfoque en compartir información de forma interactiva y colaborativa a través de aplicaciones en línea.
El documento presenta dos definiciones de usabilidad provistas por la Organización Internacional para la Estandarización (ISO), y describe brevemente los beneficios de la usabilidad y si vale la pena invertir en ella. Además, ofrece información sobre posicionamiento web, palabras clave, y las etapas de diseño de un sitio web como definir la audiencia y contenido, estructura, bocetos, páginas preliminares y maquetación.
Este documento presenta un curso sobre usabilidad en entornos web. Explica conceptos clave como arquitectura de la información, experiencia de usuario, persuabilidad y diseño orientado al usuario. También describe métodos para el análisis de procesos web como card sorting, focus groups y evaluaciones heurísticas. El documento resalta la importancia de una buena usabilidad para mejorar el rendimiento y reducir costos.
ESERP eMarketing & Social Media Marketing Sesion II (Obsoleted)Oshcar Vidal Martinez
Seminario de eMarketing y Social Media Marketing impartido en los Masters de Dirección de Marketing y Comercial y MBA's de ESERP Business School.
Sesion II - Social Media Marketing
Este documento clasifica y compara diferentes herramientas web 2.0, incluyendo Mindmeister, MediaWiki, People Aggregator, Google Docs, TWiki, Confluence, Elgg, Chyrp, Pligg, WordPress, Dotclear y MODx. Describe las características y usos principales de cada herramienta para actividades como blogging, publicación de contenido, edición colaborativa y compartición de recursos.
Seminario de eMarketing y Social Media Marketing impartido en los Masters de Dirección de Marketing y Comercial, Dirección General, MBA y Publicidad de ESERP Business School.
Este documento ofrece tres definiciones clave relacionadas con la usabilidad de sitios web. La primera define la usabilidad como la efectividad, eficiencia y satisfacción con que un producto permite a los usuarios lograr objetivos específicos. También describe algunos beneficios de una alta usabilidad, como mejorar la imagen de la marca y aumentar la productividad y satisfacción de los usuarios. Luego, explica que la inversión en usabilidad vale la pena.
Este documento analiza herramientas web 2.0 para el aprendizaje colaborativo. Presenta MindMeister y MediaWiki como dos herramientas que permiten la colaboración en línea y la creación colectiva de contenido. MindMeister permite crear mapas mentales colaborativos, mientras que MediaWiki se enfoca en la escritura colaborativa de documentos a través de páginas wiki. El documento establece criterios para evaluar estas y otras herramientas y determinar cuáles son más adecuadas para establecer entorn
El documento discute diferentes perspectivas sobre el concepto de usabilidad. Menciona que la usabilidad puede medirse en términos de atributos del producto o del esfuerzo del usuario. También describe orientaciones hacia el producto, usuario, desempeño y contexto, y cómo cada una enfatiza diferentes elementos del diseño de interfaces como minimizar ruido visual, facilitar la exploración, prevenir errores y adaptarse al usuario.
Este documento habla sobre los criterios de diseño para la creación de páginas web. Explica que el proceso incluye una etapa de pre-diseño que considera los objetivos, público, contenidos, estructura y visualización. Luego describe cada uno de estos elementos del pre-diseño y cómo interactúan entre sí para definir los aspectos fundamentales del sitio web antes de su construcción.
Describe técnicamente las características fundamentales del servicio ofrecido por Aureo Manager. Gestión y montaje de portales con publicación de contenidos
Este documento proporciona información sobre el uso de material bajo una licencia Creative Commons. Establece que el material puede ser utilizado de forma no comercial siempre que se cite la fuente y enlace a la página web original. También indica que fue revisado en marzo de 2014 y es una iniciativa de Google España.
El documento describe las características de varias plataformas para compartir contenido en línea como Scribd, SlideShare, Issuu, YouTube y Flickr. Scribd permite publicar y compartir documentos, libros electrónicos y presentaciones. SlideShare permite almacenar presentaciones de diapositivas en diferentes categorías. Issuu genera un índice de diapositivas y permite ver revistas de forma interactiva. Flickr ofrece almacenamiento de fotos públicas y privadas con etiquetas. YouTube permite compartir videos con millones de usuarios y cuenta con editor de
Este documento presenta las tareas asignadas para varias semanas. Entre las tareas se incluyen investigar diferentes programas y sus características, estudiar para exámenes escritos, y crear un proyecto web que será calificado según criterios como el diseño del logotipo, la redacción, la combinación de colores y el contenido de la página web.
Las páginas de Facebook permiten a las empresas expresar su identidad y contar su historia. Las empresas pueden diseñar visualmente atractivas páginas con fotos, publicaciones e información sobre su negocio. También pueden administrar sus páginas para ver estadísticas, responder mensajes y editar contenido con el fin de conectar con personas y clientes potenciales.
Las páginas son el punto clave para establecer conexiones entre las empresas y la gente. Las
páginas de Facebook te permiten expresar tu identidad y contar tu historia en Facebook.
Este documento describe las herramientas de diseño web y sus principales características. Explica que el diseño web involucra factores como la navegabilidad, usabilidad e interacción con medios como audio, texto, imágenes y video. También cubre las etapas clave del diseño web como el diseño visual, la estructura de la información y el posicionamiento en buscadores. Finalmente, menciona algunas herramientas comunes como HTML y programas WYSIWYG para crear páginas web.
El documento habla sobre el diseño web, describiendo que consiste en planificar, diseñar e implementar sitios y páginas web teniendo en cuenta factores como la navegabilidad, interactividad y usabilidad. Explica las cinco generaciones del diseño web y los tipos de diseño web como el avanzado, clásico e industrial. Por último, resume las fases básicas del diseño web como el análisis, creación y programación de la navegabilidad de las páginas.
Este documento presenta una guía sobre WAI ARIA. Explica que WAI ARIA proporciona roles y propiedades para dotar de información accesible a widgets y componentes dinámicos en aplicaciones web. Describe los roles que identifican widgets y regiones de la página, y las propiedades que describen estados y características como áreas activas y drag-and-drop. Además, brinda consejos sobre la implementación de WAI ARIA en páginas web.
Este documento presenta una comparación de varios métodos para el desarrollo de aplicaciones web, incluyendo HDM, WSDM, RMM, OOHDM y SOHDM. Estos métodos proponen diferentes actividades y notaciones para las fases de diseño, modelado conceptual, diseño de navegación e implementación. Algunos métodos como OOHDM y SOHDM se basan en objetos y utilizan UML, mientras que otros como HDM y WSDM proponen sus propias notaciones.
Este documento describe la pancreatitis aguda, sus etiologías, síntomas, diagnóstico y tratamiento. También explica el score APACHE, una herramienta que evalúa el riesgo de mortalidad basado en 12 variables fisiológicas y factores como edad y enfermedades crónicas. El score APACHE es útil para determinar la gravedad de la pancreatitis pero solo identifica el 35-45% de los casos severos.
JBoss AS Cluster - Curso JBoss JB366 Día 4 César Pajares
Este documento presenta un curso sobre JBoss que cubre temas como la escalabilidad, alta disponibilidad, despliegue continuo, gestión y estándares de JBoss. El curso también analiza conceptos como la identidad y seguridad, y compara servidores J2EE de código abierto frente a servidores comerciales.
En esta práctica, emplearemos algunas de las características principalmente, la
utilización de servidores virtuales, como configuracion de servidor apache,configuracion de phpmyadmin e instalacion de joomla bajo el entorno ubuntu*
El documento compara las ventajas y desventajas de los servidores Apache y ISS. Apache es altamente configurable pero tiene formatos de configuración no estándar, mientras que es multiplataforma pero le falta integración. ISS es confiable, seguro y administrable en internet pero solo funciona con Windows. Posee licencia Freeware pero no posee buena administración.
El documento compara las características de varios servidores web gratuitos populares como Apache, Microsoft IIS, Glassfish y NginX. Apache es el servidor web más utilizado a nivel mundial, mientras que Microsoft IIS solo funciona con Windows. Glassfish es un servidor de aplicaciones Java EE de código abierto, e NginX es ligero y estable con alta capacidad de manejo de conexiones simultáneas. Cada servidor web tiene ventajas y desventajas en cuanto a funcionalidad, plataformas compatibles y requisitos técnicos.
Ventajas y desventajas de los servidores apache y IISelianaespinoza
El documento compara las ventajas y desventajas del servidor Apache y IIS. El servidor Apache es de código abierto, multiplataforma, configurable y extensible, pero carece de integración y tiene formatos de configuración no estándar. El servidor IIS es desarrollado por Microsoft, integrado y administrable, pero sólo funciona en Windows y tiene limitaciones en versiones no Server. Ambos tienen ventajas de popularidad pero también vulnerabilidades.
Este documento ofrece tres definiciones clave relacionadas con la usabilidad de sitios web. La primera define la usabilidad como la efectividad, eficiencia y satisfacción con que un producto permite a los usuarios lograr objetivos específicos. También describe algunos beneficios de una alta usabilidad, como mejorar la imagen de la marca y aumentar la productividad y satisfacción de los usuarios. Luego, explica que la inversión en usabilidad vale la pena.
Este documento analiza herramientas web 2.0 para el aprendizaje colaborativo. Presenta MindMeister y MediaWiki como dos herramientas que permiten la colaboración en línea y la creación colectiva de contenido. MindMeister permite crear mapas mentales colaborativos, mientras que MediaWiki se enfoca en la escritura colaborativa de documentos a través de páginas wiki. El documento establece criterios para evaluar estas y otras herramientas y determinar cuáles son más adecuadas para establecer entorn
El documento discute diferentes perspectivas sobre el concepto de usabilidad. Menciona que la usabilidad puede medirse en términos de atributos del producto o del esfuerzo del usuario. También describe orientaciones hacia el producto, usuario, desempeño y contexto, y cómo cada una enfatiza diferentes elementos del diseño de interfaces como minimizar ruido visual, facilitar la exploración, prevenir errores y adaptarse al usuario.
Este documento habla sobre los criterios de diseño para la creación de páginas web. Explica que el proceso incluye una etapa de pre-diseño que considera los objetivos, público, contenidos, estructura y visualización. Luego describe cada uno de estos elementos del pre-diseño y cómo interactúan entre sí para definir los aspectos fundamentales del sitio web antes de su construcción.
Describe técnicamente las características fundamentales del servicio ofrecido por Aureo Manager. Gestión y montaje de portales con publicación de contenidos
Este documento proporciona información sobre el uso de material bajo una licencia Creative Commons. Establece que el material puede ser utilizado de forma no comercial siempre que se cite la fuente y enlace a la página web original. También indica que fue revisado en marzo de 2014 y es una iniciativa de Google España.
El documento describe las características de varias plataformas para compartir contenido en línea como Scribd, SlideShare, Issuu, YouTube y Flickr. Scribd permite publicar y compartir documentos, libros electrónicos y presentaciones. SlideShare permite almacenar presentaciones de diapositivas en diferentes categorías. Issuu genera un índice de diapositivas y permite ver revistas de forma interactiva. Flickr ofrece almacenamiento de fotos públicas y privadas con etiquetas. YouTube permite compartir videos con millones de usuarios y cuenta con editor de
Este documento presenta las tareas asignadas para varias semanas. Entre las tareas se incluyen investigar diferentes programas y sus características, estudiar para exámenes escritos, y crear un proyecto web que será calificado según criterios como el diseño del logotipo, la redacción, la combinación de colores y el contenido de la página web.
Las páginas de Facebook permiten a las empresas expresar su identidad y contar su historia. Las empresas pueden diseñar visualmente atractivas páginas con fotos, publicaciones e información sobre su negocio. También pueden administrar sus páginas para ver estadísticas, responder mensajes y editar contenido con el fin de conectar con personas y clientes potenciales.
Las páginas son el punto clave para establecer conexiones entre las empresas y la gente. Las
páginas de Facebook te permiten expresar tu identidad y contar tu historia en Facebook.
Este documento describe las herramientas de diseño web y sus principales características. Explica que el diseño web involucra factores como la navegabilidad, usabilidad e interacción con medios como audio, texto, imágenes y video. También cubre las etapas clave del diseño web como el diseño visual, la estructura de la información y el posicionamiento en buscadores. Finalmente, menciona algunas herramientas comunes como HTML y programas WYSIWYG para crear páginas web.
El documento habla sobre el diseño web, describiendo que consiste en planificar, diseñar e implementar sitios y páginas web teniendo en cuenta factores como la navegabilidad, interactividad y usabilidad. Explica las cinco generaciones del diseño web y los tipos de diseño web como el avanzado, clásico e industrial. Por último, resume las fases básicas del diseño web como el análisis, creación y programación de la navegabilidad de las páginas.
Este documento presenta una guía sobre WAI ARIA. Explica que WAI ARIA proporciona roles y propiedades para dotar de información accesible a widgets y componentes dinámicos en aplicaciones web. Describe los roles que identifican widgets y regiones de la página, y las propiedades que describen estados y características como áreas activas y drag-and-drop. Además, brinda consejos sobre la implementación de WAI ARIA en páginas web.
Este documento presenta una comparación de varios métodos para el desarrollo de aplicaciones web, incluyendo HDM, WSDM, RMM, OOHDM y SOHDM. Estos métodos proponen diferentes actividades y notaciones para las fases de diseño, modelado conceptual, diseño de navegación e implementación. Algunos métodos como OOHDM y SOHDM se basan en objetos y utilizan UML, mientras que otros como HDM y WSDM proponen sus propias notaciones.
Este documento describe la pancreatitis aguda, sus etiologías, síntomas, diagnóstico y tratamiento. También explica el score APACHE, una herramienta que evalúa el riesgo de mortalidad basado en 12 variables fisiológicas y factores como edad y enfermedades crónicas. El score APACHE es útil para determinar la gravedad de la pancreatitis pero solo identifica el 35-45% de los casos severos.
JBoss AS Cluster - Curso JBoss JB366 Día 4 César Pajares
Este documento presenta un curso sobre JBoss que cubre temas como la escalabilidad, alta disponibilidad, despliegue continuo, gestión y estándares de JBoss. El curso también analiza conceptos como la identidad y seguridad, y compara servidores J2EE de código abierto frente a servidores comerciales.
En esta práctica, emplearemos algunas de las características principalmente, la
utilización de servidores virtuales, como configuracion de servidor apache,configuracion de phpmyadmin e instalacion de joomla bajo el entorno ubuntu*
El documento compara las ventajas y desventajas de los servidores Apache y ISS. Apache es altamente configurable pero tiene formatos de configuración no estándar, mientras que es multiplataforma pero le falta integración. ISS es confiable, seguro y administrable en internet pero solo funciona con Windows. Posee licencia Freeware pero no posee buena administración.
El documento compara las características de varios servidores web gratuitos populares como Apache, Microsoft IIS, Glassfish y NginX. Apache es el servidor web más utilizado a nivel mundial, mientras que Microsoft IIS solo funciona con Windows. Glassfish es un servidor de aplicaciones Java EE de código abierto, e NginX es ligero y estable con alta capacidad de manejo de conexiones simultáneas. Cada servidor web tiene ventajas y desventajas en cuanto a funcionalidad, plataformas compatibles y requisitos técnicos.
Ventajas y desventajas de los servidores apache y IISelianaespinoza
El documento compara las ventajas y desventajas del servidor Apache y IIS. El servidor Apache es de código abierto, multiplataforma, configurable y extensible, pero carece de integración y tiene formatos de configuración no estándar. El servidor IIS es desarrollado por Microsoft, integrado y administrable, pero sólo funciona en Windows y tiene limitaciones en versiones no Server. Ambos tienen ventajas de popularidad pero también vulnerabilidades.
El documento menciona varias herramientas y tecnologías comúnmente usadas para crear y administrar sitios web, incluyendo Apache, PHP, MySQL, phpMyAdmin, SMTP, FTP FileZilla, phpBB, Joomla, WordPress y Visual C# bajo Windows XP.
Este documento describe qué es un servidor web, sus funciones principales, los tipos de servidores que existen y los más utilizados como Apache, Nginx e IIS. Explica cómo funcionan los servidores web al procesar solicitudes de los clientes y generar respuestas, y cómo configurar y utilizar el popular servidor Apache.
La introducción resume que el trabajo contiene tres partes: introducción, desarrollo y conclusiones. Explica que la introducción define el tema de investigación, su importancia e implicaciones, y cómo se abordará. Luego, presenta cinco preguntas que debe responder la introducción: 1) ¿Cuál es el tema del trabajo?; 2) ¿Por qué se hace el trabajo?; 3) ¿Cómo está pensado el trabajo?; 4) ¿Cuál es el método empleado?; 5) ¿Cuáles son las limitaciones del trabajo? Finalmente, ofrece sugerencias para elabor
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...edwin.bernal
Este documento presenta información sobre Edwin Bernal Holguín y sus contactos en diferentes plataformas como Twitter, correo electrónico y Skype. El documento incluye su nombre completo, su cuenta de Twitter, dos direcciones de correo electrónico y su nombre de usuario en Skype.
El documento describe la Web 2.0 como la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final que generen colaboración y reemplacen aplicaciones de escritorio. Explica que la Web 2.0 se basa en principios como usar la Web como plataforma, aprovechar la inteligencia colectiva y experiencias enriquecedoras para los usuarios. También menciona tecnologías como Ajax y redes sociales que apoyan la Web 2.0, y ejemplos como Wikipedia y blogs que ilustran la diferencia entre la Web 1
Este documento describe las etapas para el desarrollo de un sitio web, incluyendo el análisis y planeación, diseño, desarrollo, y evaluación y publicación. En la etapa de análisis y planeación se involucra con el cliente, se realizan entrevistas y se establecen los requerimientos. En la etapa de diseño se crean mapas del sitio y de navegación y bocetos para definir la estructura y apariencia del sitio. Finalmente, en la etapa de desarrollo se construye el sit
El documento describe la evolución del diseño web desde su creación en 1991 hasta la actualidad. Explica las características del diseño web 2.0 como colores vibrantes, bordes redondeados y degradados. También cubre temas como estándares, navegadores, usuarios y arquitectura de la información en el contexto del diseño web moderno.
El documento describe la evolución del diseño web desde su creación en 1991 hasta la actualidad. Explica las características del diseño web 2.0 como colores vibrantes, bordes redondeados y degradados. También cubre temas como estándares, navegadores, usabilidad y arquitectura de la información que han permitido la revolución del diseño web.
El documento describe la evolución del diseño web desde su creación en 1991 hasta la actualidad. Explica las características del diseño web 2.0 como colores vibrantes, bordes redondeados y degradados. También cubre temas como estándares, navegadores, usabilidad y arquitectura de la información que han permitido la revolución del diseño web.
La primera web fue publicada en 1991 por Tim Berners-Lee. Trece años después, en 2004, la World Wide Web se reinventó y pasó a llamarse Web 2.0, dando al usuario un papel más activo en la creación y participación de contenidos. La Web 2.0 ha establecido una serie de estilos y clichés de diseño comunes, aunque existen tendencias emergentes que apuestan por romper con estos estándares.
La primera web fue publicada en 1991 por Tim Berners-Lee. Trece años después, en 2004, la World Wide Web se reinventó y pasó a llamarse Web 2.0, dando al usuario un papel más activo en la creación y participación de contenidos. La Web 2.0 ha establecido una serie de estilos y clichés de diseño comunes, aunque existe una tendencia a romper con estos estándares para crear nuevos cánones.
Este documento proporciona una guía sobre los pasos para crear un sitio web. Explica la diferencia entre una página web y un sitio web, y los pasos clave que incluyen realizar un análisis previo para determinar el objetivo, público objetivo, estructura y contenidos del sitio, elegir palabras clave, diseñar el sitio, registrar un nombre de dominio, y hospedar el sitio web. También analiza factores como la cantidad, frecuencia y posición del texto para optimizar la presencia en los motores de bú
El documento describe las etapas clave en la planificación de un sitio web: 1) conceptualización e idea inicial, 2) desarrollo que incluye la selección de plataforma y personalización, y pruebas, y 3) generación de contenidos y difusión que implica la puesta en marcha y análisis continuos. Además, ofrece consejos sobre diseño de contenidos, usabilidad y diseño gráfico para mejorar la experiencia del usuario.
Este documento describe las herramientas colaborativas y en línea de la Web 2.0, incluidas Slideshare y Google como herramientas colaborativas. Explica qué es la Web 2.0, las diferencias entre la Web 1.0 y la Web 2.0, y proporciona ejemplos de herramientas en línea como redes sociales, suites de oficina en línea y plataformas virtuales. Luego se centra en Slideshare, describiendo qué es y cómo funciona, y en varias herramientas de Google como Gmail, Google
Este documento describe las herramientas y aplicaciones para diseñar páginas web. Explica la evolución del diseño web desde páginas sólo de texto hasta la inclusión de imágenes, video y animaciones. También describe programas pagados como Adobe Flash, Dreamweaver y Microsoft FrontPage, así como programas gratuitos como WYSIWYG Web Builder, HTMLSpy y GI Web para crear y editar páginas web.
El documento discute el diseño web a través de los años. Explica que el primer diseño web era lineal y estaba orientado a científicos, mientras que los diseños posteriores incorporaron más elementos visuales como imágenes e iconos. También analiza las características de los diseños web de las generaciones posteriores, incluyendo un mayor enfoque en la multimedia y orientación al objetivo de las páginas web.
El documento describe la historia y herramientas del diseño de páginas web. Explica que inicialmente las páginas web solo contenían texto pero que luego evolucionaron para incluir imágenes, video y animación. También describe algunos programas populares tanto pagados como gratuitos que permiten diseñar páginas web de forma visual sin necesidad de conocimientos de código.
Este documento introduce el diseño web y explica que va más allá del diseño gráfico, enfocándose en la usabilidad, la experiencia del usuario y la arquitectura de la información. Explica las etapas del diseño web, incluyendo el diseño de la información, el diseño del sitio, el diseño de páginas y el desarrollo. También discute las herramientas, oportunidades laborales y retos de ser diseñador web.
Este documento presenta una introducción a las herramientas y conceptos clave de la Web 2.0. Explica brevemente el concepto de Web 2.0, sus características principales como aprovechar la inteligencia colectiva, gestión de bases de datos, programación ligera y experiencias enriquecedoras para el usuario. Luego describe algunas herramientas Web 2.0 esenciales como videos y podcasting, redes sociales, presentaciones, wikis, blogs, colaboración e instant messaging. Finalmente, introduce otras herramientas como marcadores sociales
Las 5 Reglas de Oro del Diseño Web ResponsiveAntonRoMX
Desde que se convirtió en una norma de Google, el diseño web responsive nos ha hecho replantear la visibilidad de nuestro sitio en todos los dispositivos.
El diseño web implica la planificación, diseño e implementación de sitios web, requiriendo considerar la navegabilidad, interactividad, usabilidad y otros factores. Un buen diseño y jerarquía de contenidos mejoran la eficiencia de la web como canal de comunicación. El diseño web se ha aplicado ampliamente en sectores comerciales de Internet y también es usado por artistas para difundir su obra.
Este documento describe los sistemas de gestión de contenidos (CMS), incluyendo su definición, tipos, clasificaciones, funcionalidades y factores a considerar para seleccionar un CMS. Explica que un CMS es un software que permite crear y administrar un sitio web de forma sencilla sin necesidad de conocimientos de programación y que existen diferentes tipos de CMS como WordPress y Joomla.
1. Diseño Escalable
Betina García
Café Binario - betina@cafebinario.com
MEMBER
2. Una historia conocida
Cuando ya creíamos terminarlo renace con
nuevos cambios.
“Design is never done”
“El diseño nunca está terminado”
(Bruce Sterling)
Concepto:
Los sitios no deben pensarse como productos finales.
página 1
3. ¿Cómo evitamos esta frustración de pelear
contra nuestro propio trabajo?
Diseño Escalable
Una posible respuesta a considerar
“Diseñar pensando en el futuro”
página 2
4. ¿Qué tener en cuenta al diseñar nuestro sitio?
Diseñar pensando en la escalabilidad.
Comprender los distintos roles en el proceso de diseño
web: metodología esencial de trabajo.
Conocer los elementos que permiten adaptar el diseño
a nuevos contenidos.
página 3
5. Diseñar pensando en la escalabilidad
El plan de negocio puede escalar.
Los contenidos crecen constantemente.
Las empresas utilizan contenidos dinámicos.
(ejemplo: web social).
Anticipar dónde y cómo crecerá el contenido a futuro
y estar atentos a la integración con nuevas tecnologías
y sus implicancias (web 2.0, redes sociales, blogs,
wikis, Google Maps, etc).
página 4
6. Diseñar pensando en la escalabilidad
ejemplos
Bloggin (Bloggers)
Fotos (Flickr)
Marcadores (Del icio.us)
web 2.0
Agregadores (Bloglines)
Sindicación (Feedburner)
Mapas API (Google Maps)
Audio (Odeo)
Búsqueda Blogs (Technorati)
Correo etiquetado (Gmail)
Autoría masiva (Wikipedia)
Retroalimentación (Ebay)
Opinión Clientes (Amazon)
concepto aplicación operaciones tecnología
Plataforma Microcontenido Publicación personal CSS
Web Lectura/Escritura Usuarios individuales Redes Sociales AJAX
Controlado por usuarios Colaboración Cliente a cliente RSS/ATOM
Conversación Aplicación a medida API
P2P
HTML/XHTML
OPML
página 5
7. Diseñar pensando en la escalabilidad
Contenidos que escalan
estructuras textos imágenes
página 6
11. Diseñar pensando en la escalabilidad
Resumen:
Comprender que la web es una parte del negocio
de la empresa y es muy probable que éste crezca
acompañando el crecimiento de la misma (nuevos
mercados, ampliación del negocio, etc).
Prever contenidos dinámicos:
Anticipar dónde y como crecerá el contenido en el
futuro.
Atender a posibles contenido de comunidades de
usuarios, Web 2.0, redes sociales, blogs, wikis, etc.
y nuevas tecnologias (Google Maps, etc)
página 10
12. Distintos roles en el proceso de diseño web
Disciplinas
Diseño de experiencia de usuario
Diseño de Interacción
Estándares
Principios Interacción
Diseño de interfaces Escalabilidad
Desarrollo
página 11
13. Distintos roles en el proceso de diseño web
Roles
Consultor UX / Análisis Cualitativo
Consultor IXD / Análisis Cuantitativo
Estándares
Principios Interacción
Diseñador / Maquetador Escalabilidad
Desarrollador
página 12
14. Conocer los elementos que permiten adaptar el diseño
a nuevos contenidos.
Estructuras de pantallas.
Estructuras de interfaz de usuario.
Componentes.
página 13
15. Estructuras de pantallas
Una buena estructura
Navegación del contexto
pensada desde la escalabilidad
Datos de secciones Herramientas del sitio ayuda mucho a la hora
de su crecimiento.
Mensajes (opcional)
(Así como un arquitecto decide
en su plano cómo va a ser la
cocina y cuál va a ser el lugar
Filtros
donde va a instalar el nuevo
horno)
Datos
página 14
18. Estructuras de interfaz de usuario
Ejemplo de lista horizontal que no
escala bien en otros idiomas.
Se aconseja para estos casos, utilizar
listas desplegables o listas verticales si
los items debieran estar visibles.
Nota:
El diseñador debe evaluar la elección de la
no escala bien estructura de acuerdo a la necesidad (o no)
de escalabilidad.
página 17
19. Componentes
Probar su funcionamiento con distintos contenidos
Si bien el componente escala bien, debemos
probar cómo se adapta a su contenido.
La última figura muestra cómo debería escalar en
caso de tener un ítem con tres palabras.
página 18
20. Componentes
Resumen
Usar estructuras de pantallas nos permite estar
preparados para futuros cambios.
Trabajar con una interfaz de usuario flexible permite
que el contenido se adapte a las nuevas necesidades.
Estudiar y conocer qué componentes nos ayudan
a que los contenidos dinámicos escalen.
página 19
21. Diseñar pensando en el futuro nos obliga a
considerar la escalabilidad como una variable
más de nuestro sitio.
página 20
22. ¡Muchas Gracias!
Betina García
betina@cafebinario.com
www.cafebinario.com
MEMBER