Speakers: Ana Cirujano

  • Ana Cirujano: Ortotipografía para WordPress

    Ana Cirujano: Ortotipografía para WordPress

    WordCamp Zaragoza 2019Speaker: Ana Cirujano

    January 29, 2019 — Dobles espacios, rayas o guiones, puntos suspensivos, comillas tipográficas, espacio de no separación… Cuando escribimos en WordPress, a veces, tenemos dudas ortotipográficas que no sabemos cómo resolver. O, peor aún, cometemos errores ortotipográficos sin saberlo.

    En esta charla veremos algunos de los errores más habituales. Te haré ver algunos detalles que antes no veías y te pido disculpas de antemano, porque cuando salgas de la charla te sangrarán los hojos más a menudo…

  • Ana Cirujano: Fuentes variables: el futuro de la tipografía web

    Ana Cirujano: Fuentes variables: el futuro de la tipografía web

    WordCamp Granada 2018Speaker: Ana Cirujano

    December 11, 2018 — La tipografía es una disciplina del diseño gráfico que estudia la composición de los textos en armonía con las imágenes y otros elementos. Tradicionalmente, en diseño editorial, los tipógrafos se han ocupado de conseguir composiciones perfectamente equilibradas y legibles, para que el lector las percibiera como agradables y fáciles de leer. Durante años ha sido muy difícil conseguir esto mismo en diseño web, ya que la tecnología no lo permitía.

    En los últimos años y gracias a tecnologías como OpenType o las webfonts, se mejora mucho el panorama, pero no se consiguen grandes avances, ya que se valora más la velocidad de carga de la web que su aspecto visual.

    Hoy, utilizando fuentes variables, podemos conseguir que los textos de una web se adapten al contexto del lector o usuario, para que sean más legibles y atractivos, consiguiendo un gran rendimiento, sin sacrificar la velocidad de carga de la web.

    Las fuentes variables cambian sus propiedades —como el ancho o el peso, por ejemplo— ¡utilizando un único archivo!

    Se espera que las fuentes variables sean totalmente utilizables en los navegadores a lo largo de este año, por lo que veremos cómo se utilizan en WordPress (código CSS) y qué ventajas tienen respecto a las demás fuentes. También veremos ejemplos reales de aplicación de fuentes variables y cómo se crea una fuente variable.

    Presentation Slides »

  • Ana Cirujano: ¿Cómo se diseña una web y cuánto cuesta?

    Ana Cirujano: ¿Cómo se diseña una web y cuánto cuesta?

    WordCamp Bilbao 2018Speaker: Ana Cirujano

    November 27, 2018 — Cuando me encargan el diseño de una web, ¿qué conceptos tengo que incluir y cuánto tengo que cobrar?.

    Cuando empezamos a trabajar para clientes, una de las cosas más difíciles es cuantificar económicamente nuestro trabajo y aprender a estimar el tiempo que tardaremos en realizar cada tarea.

    El precio es la cantidad de dinero más alta que un cliente está dispuesto a pagar por un producto o servicio. Averiguar esa cantidad se consigue conociendo el mercado y conociendo el valor de nuestro trabajo.

    Veremos todos los pasos que hay que dar para diseñar una web profesional y aprenderemos a valorarlos económicamente.

  • Ana Cirujano: Bloguero, ¡cuidado con el lock-in!

    Ana Cirujano: Bloguero, ¡cuidado con el lock-in!

    WordCamp Valencia 2018Speaker: Ana Cirujano

    November 21, 2018 — Una de las ventajas de utilizar un gestor de contenidos como WordPress para publicar en internet, es que el contenido está separado del diseño y de las funcionalidades. De esta manera, podemos cambiar de tema y que el aspecto de nuestro sitio web cambie; podemos cambiar de plugins y que las funcionalidades cambien; y, a pesar de cambiar el diseño o las funcionalidades, los contenidos siempre permanecerán.

    Esta característica tan ventajosa se puede ir al traste si aplicamos malas prácticas en el desarrollo de la web. Si, por ejemplo, el tema que instalas lleva incorporada alguna funcionalidad, siempre deberás tener instalado ese tema para que la web siga funcionando. Esta dependencia es lo que se conoce como lock-in.

    Pero, ojo, cuidado, bloguero, existen malas prácticas en la gestión de contenidos que tú haces, que también pueden generar dependencias. ¡Y son más habituales de lo que crees!

    Veremos lo que no hay que hacer jamás y qué debemos hacer siempre para conservar intacto lo más valioso de tu web: los contenidos.

    Presentation Slides »

  • Ana Cirujano: ¿Puede la tipografía aumentar las ventas de tu tienda online?

    Ana Cirujano: ¿Puede la tipografía aumentar las ventas de tu tienda online?

    WordCamp Pontevedra 2018Speaker: Ana Cirujano

    September 23, 2018 — Definitivamente, sí: la tipografía es esencial para el éxito de tu tienda online.

    Las decisiones que tomemos en cuanto a la tipografía de nuestra tienda online van a afectar —positiva o negativamente— a la tasa de conversión y a los beneficios que obtengamos de nuestra tienda online.

    Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: sutilmente, transmiten una amplia gama de sentimientos y emociones.

    Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, para que puedas decidir cuál es el que más encaja con lo que quieres comunicar en tu tienda online y mejorar así la experiencia de usuario de tus clientes y generar más ventas.

    Presentation Slides »

  • Ana Cirujano: ¿Por qué WordPress eliminó el botón para justificar texto en la versión 4.7?

    Ana Cirujano: ¿Por qué WordPress eliminó el botón para justificar texto en la versión 4.7?

    WordCamp Sevilla 2018Speaker: Ana Cirujano

    August 2, 2018 — En diciembre de 2016, WordPress lanza una actualización en la que hay algunos cambios en el editor. Entre otros, desaparece el botón para justificar textos, alegando cuestiones de accesibilidad.

    ¿Por qué no se deben justificar los textos en la web? Si es por motivos de legibilidad, entonces, ¿por qué se justifican los textos en los libros?

    Veremos las razones históricas para la justificación de los textos a ambos lados y en qué consiste el proceso de diseño editorial, para ver las diferencias entre la maquetación para papel y la maquetación para web con CSS.

    Presentation Slides »

  • Ana Cirujano: ¿Roboto, Comic Sans, Helvetica? ¿De verdad es importante elegir la tipografía para...

    Ana Cirujano: ¿Roboto, Comic Sans, Helvetica? ¿De verdad es importante elegir la tipografía para…

    WordCamp Irun 2018Speaker: Ana Cirujano

    June 3, 2018 — La elección de la tipografía es una de las decisiones más importantes que se toman a la hora de diseñar un sitio web.

    El tipo de letra que elijamos va a definir el carácter de nuestra web.

    La tipografía es el tono, la voz y dota al texto de un sentido más allá del significado de las palabras escritas.

    Aprenderemos en qué debemos fijarnos para saber si una tipografía es adecuada y cómo debemos combinar tipografías para conseguir comunicar exactamente lo que pretendemos.

    Presentation Slides »

  • Sí, soy mujer y no nací sabiendo WordPress

    Sí, soy mujer y no nací sabiendo WordPress

    WordCamp Madrid 2018Speaker: Ana Cirujano

    May 4, 2018 — Como la vida, el desarrollo de un proyecto con WordPress se basa en tomar decisiones.

    Tema multipropósito, tema gratuito del repositorio, tema premium, Divi, tema desde cero… ¡yo no me caso con ninguno! Te contaré mi experiencia con unos y con otros, los problemas que tuve y cómo afronto ahora los proyectos para mis clientes.

    Veremos todo lo que he aprendido, para que tus primeros pasos con WordPress puedan ser más sencillos.

    Presentation Slides »

  • Ana Cirujano: Tipografía responsive: mejora el diseño de tu web

    Ana Cirujano: Tipografía responsive: mejora el diseño de tu web

    WordCamp Gran Canaria 2018Speaker: Ana Cirujano

    April 23, 2018 — Veremos algunas recomendaciones de composición de textos que nos ayudarán a construir mejores sitios web responsive para todos los usuarios. Tipo de letra, tamaño, interlineado, ancho de línea… aprenderemos a tomar decisiones de diseño para conseguir: comunicar eficazmente, que nuestros usuarios disfruten más del sitio web, que aumente el tiempo de permanencia en la página y que consigamos más visitas.

  • Ana Cirujano: Tipografía responsive: diseño para programadores y blogueros

    Ana Cirujano: Tipografía responsive: diseño para programadores y blogueros

    WordCamp Zaragoza 2018Speaker: Ana Cirujano

    March 30, 2018 — Diseñar es resolver problemas de comunicación.

    Cada vez que creamos un documento para comunicar algo, ya sea una presentación de Power Point o una página web con WordPress, necesitamos tomar decisiones de diseño: el tamaño de la letra, el interlineado, la partición de líneas…

    Veremos algunas recomendaciones de tipografía que nos ayudarán a construir mejores sitios web responsive para todos los usuarios.

    Presentation Slides »