
Actividad diagnostica
Objetivo:Identificar los conocimientos previos de los estudiantes en HTML, CSS y lógica básica de diseño web.Instrucciones:Crea una página web simple con un archivo index.html.La página debe contener:Un título principal con tu nombre.Un párrafo donde describas qué entiendes por "aplicaciones web progresivas".Una lista (puede ser ordenada o no ordenada) con 3 aplicaciones web que uses en tu día a día.Una imagen (puede ser de internet o de tu computadora).Aplica algo de estilo con CSS interno o...

App móvil con CRUD conectado a servidor LAMP
Objetivo generalDesarrollar una app móvil en React Native (Expo) capaz de conectarse a una API PHP que realiza operaciones CRUD sobre una tabla en MySQL, todo dentro de una red local.Herramientas necesariasMySQ: Base de datosPHP (Apache o XAMPP): API en backendReact Native + ExpoApp: móvil frontendPostman (opcional): Prueba de endpoints APIVS Code: Editor de códigoExpo Go: Pruebas en el móvil (iOS/Android)Parte 1: Crear la base de datosEn phpMyAdmin o línea de comandos de MySQL:CREATE DATABAS...

La señal que nunca llegó
Lucas tenía una visión: crear una app que ayudara a pequeños productores locales a vender sus cosechas directamente a consumidores urbanos. Nada de intermediarios, solo conexión. La llamó Raíz. Desde su pequeño estudio en Oaxaca, con más corazón que presupuesto, construyó una app limpia, intuitiva y optimista. El diseño estaba listo. Las funciones estaban listas. Los productores estaban listos. Solo faltaba que el mundo se conectara con ella. El día del lanzamiento fue como un amanecer. Lucas...



Actividad diagnostica
Objetivo:Identificar los conocimientos previos de los estudiantes en HTML, CSS y lógica básica de diseño web.Instrucciones:Crea una página web simple con un archivo index.html.La página debe contener:Un título principal con tu nombre.Un párrafo donde describas qué entiendes por "aplicaciones web progresivas".Una lista (puede ser ordenada o no ordenada) con 3 aplicaciones web que uses en tu día a día.Una imagen (puede ser de internet o de tu computadora).Aplica algo de estilo con CSS interno o...

App móvil con CRUD conectado a servidor LAMP
Objetivo generalDesarrollar una app móvil en React Native (Expo) capaz de conectarse a una API PHP que realiza operaciones CRUD sobre una tabla en MySQL, todo dentro de una red local.Herramientas necesariasMySQ: Base de datosPHP (Apache o XAMPP): API en backendReact Native + ExpoApp: móvil frontendPostman (opcional): Prueba de endpoints APIVS Code: Editor de códigoExpo Go: Pruebas en el móvil (iOS/Android)Parte 1: Crear la base de datosEn phpMyAdmin o línea de comandos de MySQL:CREATE DATABAS...

La señal que nunca llegó
Lucas tenía una visión: crear una app que ayudara a pequeños productores locales a vender sus cosechas directamente a consumidores urbanos. Nada de intermediarios, solo conexión. La llamó Raíz. Desde su pequeño estudio en Oaxaca, con más corazón que presupuesto, construyó una app limpia, intuitiva y optimista. El diseño estaba listo. Las funciones estaban listas. Los productores estaban listos. Solo faltaba que el mundo se conectara con ella. El día del lanzamiento fue como un amanecer. Lucas...
Share Dialog
Share Dialog

Subscribe to Frexus

Subscribe to Frexus
<100 subscribers
<100 subscribers
Clara llevaba años soñando con una librería online que conectara a lectores con libros raros, olvidados y tesoros editoriales que solo encontraba en ferias de segunda mano. Tras ahorrar durante tres años, lanzó “EntreLíneas”, un sitio web que parecía tenerlo todo: diseño llamativo, catálogos extensos y una comunidad de lectores apasionados en redes sociales.
Pero Clara, en su entusiasmo por lo visual, dejó de lado algo crucial: la estructura del sitio.
A los pocos meses, comenzaron las señales: correos de clientes preguntando cómo comprar, abandono masivo de carritos, visitas que duraban menos de 30 segundos y reseñas en línea criticando lo difícil que era encontrar un libro específico.
Clara no entendía. Había invertido en imágenes de alta calidad, animaciones y una paleta de colores elegida por una diseñadora. Pero en el fondo, su sitio era un laberinto.
La página de inicio tenía enlaces que no llevaban a ningún lado. El menú principal cambiaba en cada sección. Algunos libros estaban catalogados por autor, otros por género, otros por año de publicación. La función de búsqueda fallaba más de lo que ayudaba.
Clara sintió que su sueño se desmoronaba bajo el peso de su propio desorden digital.
En un último intento por salvar “EntreLíneas”, Clara se inscribió en un curso gratuito de UX. Lo primero que aprendió le sacudió: “Diseñar no es decorar; es guiar”.
Junto con un grupo de estudiantes, reconstruyó su sitio desde la raíz:
Simplificó la jerarquía del menú a tres niveles claros: Categorías, Autores y Novedades.
Añadió migas de pan y rutas visibles para que nadie se perdiera.
Hizo pruebas con usuarios reales, incluso con adultos mayores que no dominaban lo digital.
Incorporó un mapa del sitio y URLs amigables.
El rediseño tardó dos meses, pero la respuesta fue inmediata: el tiempo promedio en el sitio aumentó a 4 minutos. Las compras crecieron un 38%. Más importante aún, Clara recibió mensajes agradeciendo “lo fácil que ahora era encontrar libros que antes parecían escondidos”.
Clara entendió que una buena estructura no es visible porque simplemente funciona. Pero cuando falla, todo se derrumba: la atención, la confianza, la experiencia.
Su historia es un recordatorio de que un sitio web es como una librería física: si los libros están desordenados, sin letreros y las puertas cambian de lugar, nadie vuelve.
Hoy, “EntreLíneas” no solo es una tienda: es un espacio de navegación intuitiva, donde cada visitante encuentra lo que vino a buscar... y algo más.
Más info:
https://www.frexus.dev/post/la-clave-invisible-de-la-usabilidad-la-estructura-de-un-sitio-web/
Clara llevaba años soñando con una librería online que conectara a lectores con libros raros, olvidados y tesoros editoriales que solo encontraba en ferias de segunda mano. Tras ahorrar durante tres años, lanzó “EntreLíneas”, un sitio web que parecía tenerlo todo: diseño llamativo, catálogos extensos y una comunidad de lectores apasionados en redes sociales.
Pero Clara, en su entusiasmo por lo visual, dejó de lado algo crucial: la estructura del sitio.
A los pocos meses, comenzaron las señales: correos de clientes preguntando cómo comprar, abandono masivo de carritos, visitas que duraban menos de 30 segundos y reseñas en línea criticando lo difícil que era encontrar un libro específico.
Clara no entendía. Había invertido en imágenes de alta calidad, animaciones y una paleta de colores elegida por una diseñadora. Pero en el fondo, su sitio era un laberinto.
La página de inicio tenía enlaces que no llevaban a ningún lado. El menú principal cambiaba en cada sección. Algunos libros estaban catalogados por autor, otros por género, otros por año de publicación. La función de búsqueda fallaba más de lo que ayudaba.
Clara sintió que su sueño se desmoronaba bajo el peso de su propio desorden digital.
En un último intento por salvar “EntreLíneas”, Clara se inscribió en un curso gratuito de UX. Lo primero que aprendió le sacudió: “Diseñar no es decorar; es guiar”.
Junto con un grupo de estudiantes, reconstruyó su sitio desde la raíz:
Simplificó la jerarquía del menú a tres niveles claros: Categorías, Autores y Novedades.
Añadió migas de pan y rutas visibles para que nadie se perdiera.
Hizo pruebas con usuarios reales, incluso con adultos mayores que no dominaban lo digital.
Incorporó un mapa del sitio y URLs amigables.
El rediseño tardó dos meses, pero la respuesta fue inmediata: el tiempo promedio en el sitio aumentó a 4 minutos. Las compras crecieron un 38%. Más importante aún, Clara recibió mensajes agradeciendo “lo fácil que ahora era encontrar libros que antes parecían escondidos”.
Clara entendió que una buena estructura no es visible porque simplemente funciona. Pero cuando falla, todo se derrumba: la atención, la confianza, la experiencia.
Su historia es un recordatorio de que un sitio web es como una librería física: si los libros están desordenados, sin letreros y las puertas cambian de lugar, nadie vuelve.
Hoy, “EntreLíneas” no solo es una tienda: es un espacio de navegación intuitiva, donde cada visitante encuentra lo que vino a buscar... y algo más.
Más info:
https://www.frexus.dev/post/la-clave-invisible-de-la-usabilidad-la-estructura-de-un-sitio-web/
No activity yet