WordCamp Berlin 2015, “Ich bin ein WordPreser”

A excepción de los terremotos, incendios y otras formas de desastres naturales, no hay muchos que me hagan despertar a las 7 de la mañana un sábado por la mañana. Sin embargo, hace dos fines de semana, salté en la cama. ¿Por qué? Tres palabras: Wordcamp Berlin 2015. En este día, personas de toda Europa se llenaron de la Universidad Técnica de Berlín, donde tuvo lugar el campamento. He estado bastante emocionado ya que fue mi primer Word Camp. Los boletos estaban agotados hace semanas y tuve la suerte de tomar uno de los lotes adicionales que lanzaron. Si no ha tenido éxito, no se preocupe. Tomé suficientes notas para ambos. Entonces, si quieres saber qué era WordCamp Berlin, sigue leyendo.
Tenga en cuenta que la mayoría de las discusiones estaban en alemán (había varias sesiones de inglés). Todas las traducciones son mías. Llegada e introducción La organización de WordCamp Berlín fue la mejor eficiencia alemana. La llegada y el establecimiento fueron sin problemas, y todo el personal hizo un muy buen trabajo, manteniendo las cosas en movimiento. La introducción también fue rápida para el objeto. No había nota principal, sino solo una presentación general de qué esperar antes de ingresar a las primeras sesiones. Ranura 1: La condición del diseño del sitio web para el primer espacio, fue difícil para mí decidir entre “crear sus propios temas” y “el estado del diseño del sitio web”.
Debido a que las tendencias de diseño web de WordPress eran algo que realmente miré este año, decidí por este último. El discurso fue apoyado en inglés por Philipp Roth, un diseñador web de Colonia. Habló sobre cómo se ve el panorama web del diseño actual y sobre las consecuencias que surgen de su estado actual. La falta de presupuesto lleva a la falta de marca una de las primeras cosas que han abordado fue que muchos clientes de hoy carecen de efectivo, o simplemente no están dispuestos a gastar dinero en su sitio. Uno de los resultados de esta tendencia es la aparición de muchos sitios web genéricos, algo que personalmente nunca había pensado antes. Hizo hincapié en este punto con un impresionante collage de sitios web que mostraron todos o menos lo mismo.
Fuente: Philipp Roth Aunque es un poco divertido desde el exterior, tiene serias consecuencias de marca. Piensa sobre esto. Cuando cada sitio se ve igual, ¿cómo se diferenciará? Este es un problema importante a tener en cuenta para futuros proyectos de clientes y podría ser un buen punto que se les informa sobre los clientes que “saben exactamente lo que quieren”. El rendimiento es parte del diseño web no es ningún secreto para nadie que cada vez más tráfico web provenga de dispositivos móviles.

Tampoco es ningún secreto que estos dispositivos a menudo no tienen las mismas capacidades de conexión que las computadoras de escritorio. Mientras que en el pasado la tendencia iba a aumentar los sitios web, últimamente es cierto. Los sitios se reducen a funcionar bien en dispositivos móviles. Por una buena razon. Incluso antes del contenido, el rendimiento es el indicador de calidad más importante del sitio web para los visitantes. Philipp ha recomendado un tiempo de carga de la página de dos segundos en una conexión 3G como un buen punto de referencia de rendimiento y para establecer el presupuesto de rendimiento de antemano. Aquí hay algunas otras herramientas para reducir el tiempo de carga de la página:
Carga trituradora y perezosa para fotos
Reducir el número de fuentes
Subir activos de forma asincrónica
Reduzca los scripts y colóquelos al final de la página
Use la compresión de caché y gzip
Use una red de entrega de contenido (local).
Resalte el uso en dispositivos móviles Además de usar pocas fuentes, otro aspecto importante para el uso móvil es asegurarse de que aquellos en su sitio sean claramente legibles en todos los dispositivos. También resulta que a los usuarios les gusta ejecutar más que hacer clic para evitar tiempos de carga adicionales.
Por esta razón, podría ser una buena idea proporcionar tanta información vital en la misma página, en lugar de enviarla a otras partes del sitio.
Fuente: Philipp Roth Además, los usuarios móviles deben considerarse un grupo objetivo con sus propias necesidades específicas. Por ejemplo, alguien que revisa el sitio web de una tienda sobre la marcha podría estar más interesado en cómo llegar a su ubicación que las últimas ofertas. Estas prioridades cambiantes deben considerarse durante el diseño, incluso si esto significa la devolución del sitio al revés. Un buen ejemplo para un sitio que se adapta a diferentes usuarios es Airbnb. Muchos elementos que se encuentran en la versión de escritorio no se pueden encontrar en el móvil. Mejorar la interacción con el usuario Aunque el diseño web siempre debe comenzar con el contenido primero, es igualmente importante pensar en cómo se entrega este contenido. Al ofrecer a los pequeños usuarios regalos animados para la interacción con el sitio, puede convertir la navegación en un sitio web en un viaje divertido. Al mismo tiempo, los elementos de diseño en movimiento también se pueden usar para eliminar las cosas y mejorar la navegación.
Un último consejo: cuando use los botones de su sitio, asegúrese de no solo marcarlos con iconos. La gente busca mensajes de texto primero. Sin embargo, los íconos pueden funcionar como un soporte. Puede encontrar las diapositivas para esta discusión aquí. Slot 2: Los elementos básicos del diseño web para el no diseño, los desarrolladores y las personas normales primero, debe ser uno de los mejores títulos para una discusión, ¿verdad? En él, Daniela Wibbeke ha establecido los principios básicos del diseño para el diseño web moderno. Esta discusión perpetuó mucho al tema de la sesión anterior, lo que en realidad me gustó mucho. Los principios del diseño web moderno en lugar del arte, el diseño no solo se ve bien. El diseño es funcional y siempre tiene un propósito. En los sitios, este propósito es estructurar la información de una manera agradable. Para hacer esto, el diseño web debe centrarse en:

Creando una experiencia de usuario positiva
Disponibilidad constante y rápida de contenido
Adaptación del contenido a varias situaciones de usuario (por ejemplo, diseño receptivo)
Por lo tanto, las características de un buen diseño web son:
Código semántico
Tiempo de carga rápida
Esteticismo y alto uso
Reconocimiento
Varios principios ayudan a lograr esto.
La claridad y la simplicidad de nadie le gustan los sitios superpoblados. Para hacer el consumo de contenido agradable y proporcionar un enfoque para el usuario, es esencial una estructura simple y clara. Cada elemento del sitio debe estar allí por una razón y tener su propio propósito. Debe haber una jerarquía visual clara y una unidad para evitar la confusión de visitantes y usuarios. Espacio en blanco Por alguna razón, muchos clientes odian los espacios blancos y, a menudo, quieren que los elementos estén muy cerca el uno del otro. Sin embargo, el espacio en blanco o el “espacio negativo”, como a veces se le llama, es una parte importante del diseño web. Ofrece espacio para el contenido web, lleva elementos en primer plano, establece relaciones claras entre ellos y guía la concentración del usuario. Un buen ejemplo de este principio en el trabajo es promedio. Alineación y cuadrícula El tercer principio del diseño web es la forma en que se organizan los elementos en relación con los demás. La adhesión a una cuadrícula ayuda a estructurar y alinear los elementos correctos y proporciona orientación y una descripción general del sitio. Un ejemplo para una cuadrícula muy estática es el sitio web de Polyera, mientras que la página inicial de Ableton muestra cómo se puede hacer más interesante con menos regularidad. Los colores probablemente no deberían decirle que los colores son una de las partes más importantes de la marca. Los colores pueden: crear una atmósfera
Hacer que las marcas sean más fáciles de reconocer
Evocar emociones
Dar acento
El diseño web no es una excepción. Cuando se trata de colores, Daniela aconsejó limitar su número a dos o tres (¿simplicidad, ¿recuerdas?) Y trabajar con esquemas de color. P.ej:
Colores complementarios: un diseño con fuertes contrastes. Ejemplo: JetBlue con naranja y azul como colores principales. Monocrómico: un solo color básico con muchas variaciones de saturación y brillo. Ejemplo: Fanta Alemania (¡el color naranja principal, espíritu!).
Aquí hay algunos consejos sobre cómo crear su propio esquema de color:
Use la rueda de colores para encontrar colores complementarios y luego defina tonos allí.
Use herramientas de color, como esquemas de diseñadores de color, Adobe Color CC (anteriormente Kuler) o la Guía de Google para el diseño de materiales.
La tipografía, por supuesto, el uso de fuentes es otra parte importante del diseño web moderno. De hecho, el diseñador Oliver Reicenstein dijo que el diseño web es un 95% de tipografía. Se siguieron algunas guías para diseñar fuentes y fuentes:
Nunca uses más de dos fuentes
Use la jerarquía tipográfica para lograr la jerarquía visual
El tamaño de la fuente debe ser 14-16 PX
Títulos H1 aproximadamente 180-200% del texto normal
Otros campos entre 130% y 150%
Haga la altura de la línea al 30-40% del tamaño de la fuente

La longitud de la línea es de aproximadamente 70-90 caracteres por línea
Use fuentes simples para información técnica
Fuentes serif para periódicos y otro contenido editorial
Las herramientas útiles para la tipografía web son el tipo de genio y las fuentes de Google. Puede encontrar las diapositivas en esta discusión en Slideshare (en alemán). Slot 3: Falso como gerente de proyecto para diseñadores y desarrolladores, la próxima discusión fue mi favorito personal en este campamento. No estaba solo. Cuando Sara Rosso de Automatic habló sobre cómo usar los principios de la gestión de proyectos gratuitos y los trabajadores individuales, la habitación estaba llena. Esto es lo que tenía que compartir. Principios básicos para la gestión de proyectos “La gestión de proyectos es resolver problemas en una fecha límite”. – Sara Rosso La comunidad de WordPress tiene mucho talento para el desarrollo. Sin embargo, las habilidades de no desarrollo a veces son difíciles de obtener. Es hora de cambiar eso. Cada proyecto consiste en el alcance, el programa y el costo. Compensan las esquinas de lo que se llama Triángulo de gestión de proyectos. Dado que para los trabajadores independientes, el costo depende del individuo, la discusión se ha centrado principalmente en los dos primeros componentes. El alcance de la aplicación La pregunta del alcance es por qué debe hacerse y cómo. El propósito de un proyecto está determinado por las razones comerciales detrás de él. Sara ha propuesto una serie de preguntas que le permiten dar un paso atrás y obtener claridad sobre lo que está tratando de hacer: ¿qué sé?
¿Lo que no sé?
¿Cuáles son nuestras expectativas/cliente?
¿Qué no esperamos hacer?
¿Supongo o incluso pregunté?
El programa del programa se refiere a qué hora y en qué secuencia se deben entregar los resultados del proyecto. A menudo, esto será determinado por el cliente. Si no es así, automáticamente a menudo uso el principio “¡solo elige una vez!” Incluso si no sabe exactamente cuánto tiempo llevará algo, establecer datos arbitrarios le permite trabajar desde el punto final. A partir de ahí, todo es para descubrir el camino crítico. Este es el camino más largo que tomará todo el proyecto y determina el intervalo de tiempo general. Para determinar la ruta crítica, es importante dividir los componentes más grandes en piezas más pequeñas, tangibles y alcanzables y darse cuenta de cómo dependen el uno del otro. Esto significa echar un vistazo a las tareas que se llevarán a cabo antes de que otros puedan ser iniciados. Además, recomendó que sepa exactamente dónde contribuye a la ruta crítica y siempre deja un poco de espacio de llenado cuando proporciona estimaciones. Otros puntos importantes se enfrentan a los bloqueadores: cuando permanezca atascado, da un paso atrás y vea lo que lo bloquea. ¿Es la falta de información? Falta de retroalimentación? Si se hace, estas preguntas lo ayudarán a desbloquear más rápido.
Comunicación: “La comunicación es oxígeno”. El intercambio regular con los clientes y otros involucrados en el proyecto es importante para mantenerse al día y administrar las expectativas. También obtiene aprobaciones para datos, acuerdos y cualquier otra cosa para que siempre esté en la misma página.
Trabajar en etapas: otra forma importante de gestionar las expectativas es acordar los puntos de referencia y las tareas con mayor prioridad.
Evite el “plate de oro”, es decir, agregue características que no son realmente necesarias, pero que son agradables de tener. Siempre conozca las razones comerciales de lo que hace. Documente y comparta todo: escriba y envía recapitulaciones con discusiones de clientes y cualquier otra cosa. Además, importante para la planificación del riesgo de equipo. Evita que se convierta en el único que conoce toda la información importante.
Descubra la asignación de recursos: descubra cuántos clientes puede tomar sin reducir la calidad. Aprenda cuándo contratar a alguien más.
Slot 4: Cómo desarrollar temas con el marco de Genesis no es un gran secreto de que soy un gran fanático del marco de Genesis. Por lo tanto, estaba encantado de participar en una sesión sobre este tema. Sin embargo, resulta que estaba muy destinado a principiantes y no aprendí muchas cosas que no habría compilado en la Guía de Génesis. De todos modos, hasta entonces había llegado el catering y estaba listo para llenar mi cara y hablar con otros usuarios de WordPress antes de ir a las siguientes sesiones. Slot 5: WordPress Preguntas y respuestas Lo siguiente para mí fue un foro de discusión abierto entre los miembros de la comunidad de WordPress. Junto con Dominik Schilling y Pascal Bichler, tuvimos dos comités básicos de WordPress, listos para responder las preguntas de la comunidad. Los sujetos incluyeron:
API WP y compatibilidad previa
Una mejor documentación y una configuración más ligera del archivo wp-config.php
Mover WordPress a una versión mínima más grande de PHP (en este momento se romperían demasiados sitios; discusión automática con las compañías de alojamiento para hacer el cambio; hay una idea de formar un equipo similar para Alemania)
La decisión detrás de mover los paquetes de idioma a la carpeta WP-Content (actualizaciones de traducción más fáciles, independientemente de las actualizaciones de complementos) Limpieza del código en WP-Admin (se inició parcialmente en WordPress 4.4)
Fue muy fuerte ver cuánto trajo la comunidad a la mesa y cuántos de los participantes han tratado activamente de participar en la mejora de WordPress.Ranura 6:
Las conversaciones de los rayos: los temas de la sesión de preguntas y respuestas fueron seguidas por las discusiones temáticas de los rayos. Varios oradores han realizado presentaciones cortas sobre diferentes temas que pasaré rápidamente. Los trucos de magia con SCSS Friedhelm Oja hablaban sobre las ventajas de trabajar con Sass (hojas de estilo sintácticamente impresionantes) para escribir CSS. Lo mencioné antes de una de las muchas maravillosas herramientas de desarrollo de WordPress. Este lenguaje de extensión permite el uso de variables como $ maincolor al compilar las hojas de estilo, por lo que puede cambiar todas las canchas simultáneamente en lugar de usar la búsqueda y el reemplazo. También permite la importación, la importación de CSS de diferentes archivos y mezclas. Para usarlo, necesitará un preprocesador (como Koala o Compass). También está disponible un complemento para el compilador SCSS de WordPress. La internacionalización y ubicación de los temas y complementos Dennis Plotner, el organizador de WordPress Meetup Milano, proporcionó una visión general de las funciones más importantes para hacer temas y complementos traducibles (I18N y L10N) y cómo usarlos. Puede verificar el Codex de WordPress para obtener más información sobre esto. La jerarquía de las plantillas como una discusión final de Lightning, Daniel Dziamski echó un vistazo más de cerca a la jerarquía de plantillas de WordPress. Las versiones 4.3 y 4.4 vieron algunos cambios en la jerarquía, como la introducción singular.php (para publicaciones únicas, independientemente del tipo de publicación) y plantillas de tipo post personalizadas. Ranura 7:
Hanchos temáticos después, escuché a Monika Thon-Soun explicando la diferencia entre ganchos y plantillas temáticas y cómo usarlos.Aunque fue, nuevamente, un tema ligeramente para principiantes, planteó preguntas interesantes, como si los ganchos temáticos se estandarizaran y canónicos.Ranura 8:
Una mejor búsqueda: navegar con facetas inmediatamente después, ya fue la última reunión. Decidí escuchar a Frank Stades hablando de un tema absoluto para los desarrolladores: navegar con facetas. Si alguna vez ha comprado algo de eBay o Amazon, ya sabe qué es la navegación facetaria, incluso si el nombre es nuevo para usted. Los fites describen diferentes propiedades de un objeto que no tiene relaciones entre sí, pero se puede usar para grabar grandes Datos de cantidades sobre estos y otros sitios. Con cierto esfuerzo, lo mismo es posible en WordPress. Si está interesado en este tema, le aconsejaría que mire a Elasticsearch (disponible en algunos hosts) y el fantástico complemento Elasticsearch. Tengo que decir que tengo que decir que me sorprende lo rápido que ha pasado mi primer Campamento. Demasiado temprano, era hora de irse a casa lleno de trabajos, lleno de café gratis y muy inspirado. Tuve un montón de diversión. El equipo no solo hizo un muy buen trabajo organizándolo, sino que también aprendí mucho de los oradores y me fui con muchas ideas nuevas. También fue muy fuerte conocer gente de la comunidad de WordPress en la vida real, que yo, como blogger y tipo de marketing, no puedo hacer muy a menudo. Lo que me gustaba ver aún más es cuánta pasión y energía han invertido muchas personas para mejorar la plataforma de WordPress, que era la más obvia durante las preguntas y respuestas. Es una muy buena sensación ser parte de algo tan grande y vivo. En resumen, mi próximo WordCamp vendrá pronto. Espero verte allí.