Es posible que algunos de ustedes estén en la versión móvil de Habr por primera vez, y alguien por el contrario dirá que "
esta es la tercera versión y pase lo que pase
, pero en 2009 fue la más ". Sea como fuere, esta vez quería hacer algo más que solo anunciar la nueva versión móvil. Fue agradable retroceder el tiempo y recordar cómo fue.
Para tal retrospectiva, tuvimos que recurrir al archivo web. Gracias a él, se pueden distinguir las siguientes etapas en la vida del sitio:
22 de abril de 2009
Versión móvil de cumpleaños. Los ID-shniks de las publicaciones en Habré acaban de comenzar su viaje a valores de seis dígitos, y en la oficina de TM (entonces esta abreviatura todavía se descifró como "Medios temáticos") en el carril Krivokolenny reinó la atmósfera de una startup. Poco antes de esta fecha, en la cabeza de uno de los desarrolladores (Maxim
rossomachin ), surge la idea de hacer una versión lite experimental de "Habr", que funcionaría mejor en dispositivos móviles.
Tres personas (un programador, un tecnólogo web y un diseñador de interfaz), dos semanas de tiempo y el anuncio posterior más corto apareció en el sitio:
μHabr (cita literal del anuncio). Como dicen, nada más, ni en el anuncio, ni en el recién nacido
nuHabr muHabr. Entonces este nombre no se arraigó, ya que era difícil de deletrear correctamente y todos pensaban que era un rastreador de hábitos. Por lo tanto, el nombre "Microhabr" pronto se adhirió al proyecto.
Características de la primera versión móvil:
- Cada página pesaba un promedio de 5 kilobytes (excluyendo contenido)
- La falta total de publicidad y elementos innecesarios.
- Cada página contenía 40 enlaces a publicaciones
- Bien exhibido en todas las principales plataformas móviles
En esta versión, las funciones de autorización, votación y comentarios no estaban disponibles. Es decir, podría usarse solo para leer, lo que, de hecho, se le exigió en ese momento. El microhabr no era muy diferente del agregador RSS, pero no requería una aplicación separada (excepto el navegador).
Y ella se veía así:
2010
Si Microhabr tuviera una cuenta de Twitter, durante los próximos años sería como un gorjeo de piedra en el bosque: diariamente "no pasó nada hoy". Bueno, quizás una vez peinó las fuentes, haciéndolas más grandes y menos desvaídas:
De esta forma (con ligeros cambios en el diseño), la versión móvil existió hasta 2014, ya que el tráfico móvil en ese momento era muy insignificante.
2013
Blogs anteriores a Habr, con el simple movimiento de una mano convertida en elegantes centros. Se hizo posible adjuntar cada publicación a varios centros, por lo que la lista de centros tuvo que moverse debajo del título. La versión móvil sigue siendo un lector primitivo: el auge del tráfico móvil no sucedió en ese momento y todo el runet ignoró por unanimidad las soluciones telefónicas.
2014. Versión 2.0 y la aplicación móvil
De 2009 a 2014, la versión móvil de Habr siguió siendo un simple lector. Sin embargo, el crecimiento de la audiencia móvil nos obligó a actualizar el teléfono móvil a la segunda versión, lo que
hicimos el 10 de junio de 2014. Esto no es tanto un experimento de pasatiempo de uno de los empleados como el trabajo deliberado de un grupo de personas en una conspiración preliminar.
Si antes no se permitía que las pantallas diagonales (y sus resoluciones) de varios PDA jugaran con sangría, en 2014 los teléfonos inteligentes capturaron el
trono de hierro del mercado del
imperio . Con la nueva tipografía y los márgenes más aireados, ya era difícil mostrar 40 publicaciones por página, por lo que su número se redujo a 10. El nombre "Microhabr" no aparece en ninguna parte, la "versión móvil" está en todas partes.
A pesar de que fue principalmente un lavado de cara (ya que el diseño anterior era obsoleto), el nuevo "móvil" ha adquirido nuevas características: ha aparecido la autorización y, por lo tanto, la capacidad de rastrear nuevos comentarios sobre las publicaciones que el usuario ya ha leído. También hubo la oportunidad de ir al centro deseado o al blog de la empresa.
En el mismo año,
se lanzó la
aplicación oficial Habr, lanzada inmediatamente bajo tres plataformas (psychoanuli): iOS, Android y Windows Phone. La funcionalidad es similar: autorización, lectura de feeds, suscripción a centros, votación-favoritos-comentarios.
En la aplicación iOS, el avatar del usuario tiene un pequeño huevo de Pascua, que casi nadie ha encontrado.
2015. TM Feed
A finales de 2014, ocurrió otro evento importante en la historia de Habr: Geektimes
se separó de él. Algunos usuarios eran muy sensibles a la posterior división de publicaciones en dos sitios, por lo que para anestesiar esto, creamos TM Feed, una especie de puente entre los dos sitios. La misma versión móvil, pero con la capacidad de seleccionar uno o ambos sitios como fuente. O los tres (cuando Megamind también
apareció en 2015).
2017
Unos años después de la separación de proyectos, decidimos tomar un curso en la gran Internet. Ir allí en varios barcos sería muchas veces más difícil que en un gran rompehielos, por lo que se decidió reunir todos los proyectos previamente divididos. Y la forma más fácil de comenzar a hacer esto era combinar proyectos de contenido, ya que eran lo más parecidos y cercanos en estructura posible. Al mismo tiempo, TM Feed ya no era necesario, por lo que desapareció del menú superior.
2018
Con Habr solo, decidimos actualizar su versión móvil, que, de hecho, no ha cambiado desde 2014. Era difícil hacer esto en la versión anterior debido a la gran cantidad de código heredado de mucho tiempo, por lo que se decidió no redecorarlo, sino hacer una revisión importante: volver a dibujar todo desde cero, reescribir todo el backend y la interfaz.
Si pasaron 2 semanas desde la idea hasta el lanzamiento en 2009, entonces en 2018 no pudimos permitirnos esa agilidad e intentamos hacer todo "de una manera adulta": pasaron varios meses solo
pruebas beta , en las que participaron más de 7000 personas . Y, como saben, no en vano, gracias a él, es decir, a usted, pudimos solucionar muchos errores en la versión móvil: desde pequeños insectos discretos hasta escarabajos gigantes. Y hoy, bajo el sonido de las campanas de primer grado, decidimos finalmente volvernos verdes.
El lema al que intentamos adherirnos: la versión móvil ≠ una versión simplificada. Por lo tanto, se agregaron algunas funciones nuevas al requisito anterior (lectura conveniente de publicaciones) y se sentaron las bases para una mayor ampliación.
De lo nuevo:
- Todas las entidades estuvieron disponibles: transmisiones, centros, listas de empresas y usuarios.
- Soporte para ordenar publicaciones: por suscripción, todo en una fila y lo mejor (por día / semana / mes)
- Cada publicación tiene un contador de nuevos comentarios
- Se realizaron búsquedas de publicaciones y usuarios.
- Al final de la publicación, apareció un menú con desplazamiento hacia arriba de la página con métricas
- Votación más conveniente para comentarios
Sobre diseño
“El trabajo realizado difícilmente puede llamarse un rediseño. De hecho, creamos un nuevo producto con solo la dirección restante del anterior. El objetivo principal era crear un entorno visual unificado que consistiera en un estilo gráfico del proyecto y escenarios de comportamiento repetitivos ".
// diseñador
Acerca de la tecnología
“La versión móvil anterior funcionaba con jQuery en el front end y PHP con el motor de plantillas Blitz en el backend. El nuevo se basa en tecnologías más modernas y bien establecidas. A saber, Vue y toda la pila cercana (vuex, vue-router, vue-meta, vue-server-render), Express y Node.js: hay una interfaz en forma de SPA, hay un back-end (que representa este SPA para motores de búsqueda y solicitudes de proxy en la API) y un servidor API separado ".
// desarrolladores
Los propietarios de Tesla admiten amargamente que la nueva versión móvil es significativamente más rápida que sus autos eléctricos :)
Y debemos entender que por ahora lanzaremos la versión básica del Habr móvil, pero no la final: obtendremos carne nueva con nuevas características un poco más tarde.
Bueno, vete? Hemos creado:
m.habr.com