Revoluciona tu vida digital con Notion

En este curso, aprenderás a usar Notion. ¿Y qué es Notion? Es difícil definirlo, pero podríamos decir que es una herramienta de productividad "todo­ en-uno", en la que puedes centralizar toda tu actividad digital.

Su gran virtud, es sin duda, la versatilidad. Puedes utilizarlo como centro de conocimiento, herramienta de escritura, lista de tareas, gestión de proyectos, calendario, para preparar propuestas a tus clientes, como CRM e incluso para publicar una página web.

Las posibilidades son ilimitadas, por lo que la clave está en aprender a utilizarla de forma correcta y conocer de qué es capaz. Esto es lo que vas a aprender en este taller y, a partir de aquí, solo queda que empieces a crear páginas, bloques, bases de datos... lo que necesites. Notion se adapta a ti y no al revés.

Transcript

1. imanolteran.com NOTION Revoluciona tu vida digital Notion
2. Notion imanolteran.com HOLA, SOY IMANOL DESARROLLADOR WEB CONSULTOR DE ESTRATEGIA DIGITAL FORMADOR EN NUEVAS TECNOLOGÍAS hola@imanolteran.com @imanolteran
3. Notion imanolteran.com PODCAST SI DUDAS, HAZLO Spotify Apple Podcasts Google Podcasts imanolteran.com Notion
4. Notion imanolteran.com OTROS PROYECTOS DE FORMACIÓN REMOTEWORKTOOLS.ES 👉 PASATEAONLINE.COM 👈
5. imanolteran.com 1. Introducción 2. ¿Qué es Notion? 3. Páginas 4. Bloques 5. Bases de datos 6. Relaciones índice Notion
6. imanolteran.com 7. Fórmulas y funciones 8. Integraciones 9. Trabajo Colaborativo 10. Publicar web desde Notion 11. Extras índice Notion
7. imanolteran.com 01 Introducción Pongámonos en situación Notion
8. Notion imanolteran.com • Actualmente, contamos con un montón de soluciones software para ayudarnos a gestionar nuestra vida digital. • Gestores de tareas. • Bases de datos. • Calendarios. • Centros de conocimiento. • Herramientas de facturación. Introducción 01 8
9. Notion imanolteran.com • Actualmente, contamos con un montón de soluciones software para ayudarnos a gestionar nuestra vida digital. • Dashboards para analítica de datos. • Editores de texto. • Presentaciones. • CRM. • Toma de notas. • … Introducción 01 9
10. Notion imanolteran.com • Son todas herramientas muy bien hechas, que realmente nos facilitan mucho todas las tareas en entorno digital. • El problema es que hay muchas aplicaciones y servicios, y cada semana surgen nuevas alternativas. • Difícil saber qué herramienta utilizar. Introducción 01 10
11. Notion imanolteran.com • La realidad es que acabamos usando 1000 servicios, utilidades y herramientas diferentes, una para cada cosa. • Corremos el riesgo de conseguir el efecto contrario: • Desorganización. • Falta de organización. • Desconcierto. • Falta de tiempo. Introducción 01 11
12. Notion imanolteran.com • ¿Y si encontraremos una herramienta tan versátil que cubriera muchas de nuestras necesidades y nos permitiera centralizar toda nuestra actividad digital en ella? Introducción 01 12
13. imanolteran.com 02¿Qué es? Notion Notion
14. Notion imanolteran.com • Es difícil definir qué es Notion. • Notion puede ser prácticamente lo que tú quieras. • Precisamente en su versatilidad y capacidad de adaptación está su potencial. • Se trata de un espacio de trabajo todo-en-uno. ¿Qué es? 02 14
15. Notion imanolteran.com • Puedes crear una cuenta con tu correo electrónico, cuenta de Google o Apple. • Existe un plan gratuito. • Puedes acceder a todas sus funcionalidades a partir de $4 al mes. • https://www.notion.so/pricing ¿Qué es? 02 15
16. Notion imanolteran.com • Puede usarse de diferentes formas: • Web. • App de escritorio. (macOS y Windows) • App móvil. (iOS y Android) • Extensión de navegador. (Chrome, Safari, Firefox) ¿Qué es? 02 16
17. Notion imanolteran.com • Tiene modo de trabajo offline. • Puedes editar tus documentos sin conexión a Internet, y cuando vuelvas a estar online, se sincronizan los cambios. ¿Qué es? 02 17
18. Notion imanolteran.com • Podemos decir que, en general, el espacio de trabajo se divide en 3 áreas: • Barra superior. • Barra lateral. • Editor de página. ¿Qué es? 02 18 ESPACIO DE TRABAJO
19. Notion imanolteran.com • Nombre y ruta de la página actual. • Opciones de compartir. • Control de versiones. • Estilos y ajustes de página. ¿Qué es? 02 19 ESPACIO DE TRABAJO > BARRA SUPERIOR
20. Notion imanolteran.com • Espacio/s de trabajo. • Búsquedas. • Actualizaciones/Notificaciones. • Ajustes. ¿Qué es? 02 20 ESPACIO DE TRABAJO > BARRA LATERAL
21. Notion imanolteran.com • Páginas. • Plantillas. • Importar. • Papelera. ¿Qué es? 02 21 ESPACIO DE TRABAJO > BARRA LATERAL
22. Notion imanolteran.com • Área de trabajo principal en la que componemos nuestras páginas a través de diferentes bloques. ¿Qué es? 02 22 ESPACIO DE TRABAJO > EDITOR DE PÁGINA
23. imanolteran.com 03Páginas Notion
24. Notion imanolteran.com • La página es la clave y la unidad mínima de Notion. • Se trata de un lienzo en blanco donde empezaremos a construir nuestro ecosistema digital. • Para crear nuevas páginas: • Botón + de la barra lateral. • Atajo de teclado: /page Páginas 03 24
25. Notion imanolteran.com • En Notion no existe el concepto de archivos o carpetas. • La forma de organizar la información de forma jerárquica es ir anidando páginas. • Una página puede albergar tantas páginas como necesitemos. • De esta forma podemos organizar toda nuestra información. Páginas 03 25
26. Notion imanolteran.com • Las páginas contienen un enlace único. • De esta forma, aunque cambiemos una página de sitio, los enlaces hacia ella no se romperán. • Acciones a realizar sobre las páginas: • Eliminar. • Copiar. • Duplicar. • Mover. Páginas 03 26
27. Notion imanolteran.com • Hace poco se ha añadido el concepto de backlink. • Las páginas que son referenciadas desde otras páginas, incluyen en su parte superior enlaces a las páginas desde las que se la está referenciando. • Hay que tener cuidado y organizar bien la información para no perderse cuando empecemos a tener muchas páginas. Páginas 03 27
28. Notion imanolteran.com • Las páginas tienen tal importancia que incluso son el elemento clave de las bases de datos. • De hecho, cada elemento de una base de datos, es a su vez una página. Páginas 03 28
29. Notion imanolteran.com • Aparte del lienzo en blanco, las páginas tienen una serie de características que podemos personalizar: • Título. • Icono. • Imagen de cabecera. Páginas 03 29
30. Notion imanolteran.com • Además, podemos seleccionar diferentes puntos de partida: • Página en blanco. • Seleccionar una plantilla. • Importar datos desde servicio externo. • Empezar a partir de una base de datos. Páginas 03 30
31. Notion imanolteran.com • Si partimos de una página en blanco, comenzamos a utilizarlo como un editor de textos. • Como en cualquier editor de texto, podremos dar estilo a lo que vayamos escribiendo. • También podemos cambiar el color del texto y de su fondo (subrayado). • Se puede enlazar un texto a una url externa o a cualquier página dentro de nuestro espacio de trabajo. Páginas 03 31
32. Notion imanolteran.com • Si las páginas son la base de nuestro sistema en Notion, la base que forman las páginas son los bloques. Páginas 03 32
33. imanolteran.com 04Bloques Notion
34. Notion imanolteran.com • Es gracias a la cantidad de bloques diferentes que existen en Notion, que podemos adaptarlo a nuestro gusto y crear el sistema que mejor se ajuste a nuestras necesidades. • Los bloques se combinan entre sí para formas páginas. • Para acceder a todo el listado de bloques y añadir los que queramos, basta con pulsar la tecla “/”. Bloques 04 34
35. Notion imanolteran.com • A tener en cuenta que, al igual que Notion, los bloques son entidades flexibles. • Esto quiere decir que los bloques pueden convertirse en bloques de otro tipo de forma muy sencilla. • Conseguimos que las distintas piezas que conforman nuestro espacio de trabajo, pueden adoptar la forma que queramos en cada momento. Bloques 04 35
36. Notion imanolteran.com • Los bloques se organizan en distintos tipos: • Bloques básicos. • Bloques de página. • Bloques especiales. • Bloques avanzados. Bloques 04 36
37. Notion imanolteran.com • Texto. • Encabezados. • Listas. • Checkbox. • Citas. Bloques 04 37 BLOQUES BÁSICOS
38. Notion imanolteran.com • Callouts. • Desplegables. • Separadores. Bloques 04 38 BLOQUES BÁSICOS
39. Notion imanolteran.com • Uno de los bloques que podemos añadir en una página, es a su vez una página. • En este caso, aplica todo lo mencionado en el apartado 3. Bloques 04 39 BLOQUES DE PÁGINA
40. Notion imanolteran.com • Bloques en línea. • Bloques de bases de datos. • Bloques de multimedia. • Bloques para incrustar. Bloques 04 40 BLOQUES ESPECIALES
41. Notion imanolteran.com • Bloques que se incrustan en línea con el texto que estemos escribiendo. • Se invocan mediante el símbolo “@“. • Menciones. • Fechas/Recordatorios. • Emojis. “:” y empezar a escribir nombre del emoji Bloques 04 41 BLOQUES ESPECIALES > BLOQUES EN LÍNEA
42. Notion imanolteran.com • Páginas. • Crea un nuevo enlace a una página. • Personas. • Recibe una notificación. • Fechas. • Crea una marca de tiempo en ese punto. • Today, tomorrow, yesterday, @mes/día Bloques 04 42 MENCIONES
43. Notion imanolteran.com • Funciona igual que las fechas, pero antes de la fecha hay que incluir la palabra remind. • @remind tomorrow • @remind 12/30 Bloques 04 43 RECORDATORIOS
44. Notion imanolteran.com • Solo hay que escribir : y el nombre del emoji que queramos. • :rocket 🚀 Bloques 04 44 EMOJIS
45. Notion imanolteran.com • Seguramente los bloques más potentes en Notion. • Notion nos permite introducir 6 tipos distintos de BBDD. • En realidad se tratan de los mismos datos, mostrados de forma diferente. • Nos darán opción de crearla en línea o a pantalla completa. Bloques 04 45 BLOQUES ESPECIALES > BLOQUES DE BBDD
46. Notion imanolteran.com • Calendario. • Lista. • Galería. • Tabla. • Tablero. • Línea temporal. Bloques 04 46 BLOQUES ESPECIALES > BLOQUES DE BBDD
47. Notion imanolteran.com • Imágenes o gifs. • Marcadores visuales de páginas web. • Vídeo. • Audio. • Código. • Archivos. Bloques 04 47 BLOQUES ESPECIALES > BLOQUES DE MULTIMEDIA
48. Notion imanolteran.com • Podemos incrustar cualquier página web dentro de una página de Notion. • Además, se integra de forma directa con un montón de servicios externos. Bloques 04 48 BLOQUES ESPECIALES > BLOQUES EMBED
49. Notion imanolteran.com • Google Drive. • Twitter. • Google Maps. • Figma. • Invision. • Miro. Bloques 04 49 BLOQUES ESPECIALES > BLOQUES EMBED
50. Notion imanolteran.com • Documentos PDF. • Loom. • Typeform. • Codepen. Bloques 04 50 BLOQUES ESPECIALES > BLOQUES EMBED
51. Notion imanolteran.com • Tabla de contenidos. • Breadcrumb. • Template button. • Ecuaciones matemáticas. • Bloques sincronizados Bloques 04 51 BLOQUES AVANZADOS.
52. imanolteran.com 05Bases de datos Notion
53. Notion imanolteran.com • Gracias a las bases de datos podemos estructurar y visualizar información de diferentes maneras. • También vamos a poder categorizar y filtros lo datos. • Tienen una serie de peculiaridades frente a sistema de bases de datos tradicionales. Bases de datos 05 53
54. Notion imanolteran.com • Cada elemento de una base de datos es, a su vez, su propia página, en la que recogeremos toda su información asociada. • Puedes añadir diferentes propiedades a cada elemento. • Podemos incluirlas en cualquier momento. • Servirán también a la la hora de filtrar y de personalizar la visualización de los datos. Bases de datos 05 54
55. Notion imanolteran.com • Actualmente contamos con 6 modos de visualización: • Lista. • Tabla. • Calendario. • Galería. • Tablero. • Línea temporal. Bases de datos 05 55
56. Notion imanolteran.com • Que creemos una BBDD con una visualización determinada, no quiere decir que siempre tenga que ser así. • En cualquier momento podemos crear nuevas vistas de esa base de datos. • De esta forma, consultamos los mismos datos de formas diferentes, dependiendo del contexto. Bases de datos 05 56
57. Notion imanolteran.com • Podemos crear las bases de datos de dos formas diferentes: • En línea. • A pantalla completa. Bases de datos 05 57
58. Notion imanolteran.com • Diferencias: • Las inline pueden convivir con otros bloques de información diferentes en una misma página. • Las que son a pantalla completa, solo aceptan nuevos ítems a la tabla, no podemos añadir ningún otro tipo de contenido. Bases de datos 05 58
59. Notion imanolteran.com • Elegir uno u otro tipo, es reversible. • Volvemos a utilizar el concepto de los bloques básicos de “turn into”. • Turn into inline. • Turn into page. Bases de datos 05 59
60. Notion imanolteran.com • Tenemos diferentes tipos de propiedades, para definir la estructura de información de los ítems de nuestra BBDD. • Todas pueden mostrarse u ocultarse cuando queramos. • También crear filtros, ordenar y elegir distintas vistas. • Estas propiedades se dividen en: • Básicas. • Avanzadas Bases de datos 05 60
61. Notion imanolteran.com • Nombre. • Texto. • Número. • Selector. • Selector múltiple. • Fecha. Bases de datos 05 61 PROPIEDADES BÁSICAS.
62. Notion imanolteran.com • Persona. • Archivos y medios. • Checkbox. • URL. • Email. • Teléfono. Bases de datos 05 62 PROPIEDADES BÁSICAS.
63. Notion imanolteran.com • Hora de creación. • Creador/a. • Última edición. • Última persona en editar. Bases de datos 05 63 PROPIEDADES AVANZADAS
64. Notion imanolteran.com • Relaciones. • Rollups. • Fórmulas. Bases de datos 05 64 PROPIEDADES AVANZADAS
65. Notion imanolteran.com • Notion nos permite que filtremos los datos de nuestra base de datos, por cualquiera de las propiedades que hayamos añadido a la misma. • Para añadir filtros: • Filter / Add a filter • Filter / Add a filter group Bases de datos 05 65 FILTROS
66. Notion imanolteran.com • También podemos ordenar de forma ascendente o descendente en base a cualquiera de las propiedades. • Igual que con los filtros, podemos añadir varios criterios de ordenación. • Si queremos recurrir a estos filtros y ordenaciones, podemos guardarlos en vistas. Bases de datos 05 66 ORDENACIÓN
67. Notion imanolteran.com • Los datos de una BBDD se muestran por defecto con la vista con la que ha sido creada. • Al igual que otro tipo de bloques, podemos convertirlos en otro tipo de visualización. • También podemos crear y guardar diferentes visualizaciones para un mismo conjunto de datos. Bases de datos 05 67 VISTAS
68. Notion imanolteran.com • Estas vistas podemos guardarlas con un nombre y asignadles criterios de filtrado y ordenación. • Esto es muy útil para consultar los datos diferentes dependiendo del contexto desde el que lo consultemos. Bases de datos 05 68 VISTAS
69. Notion imanolteran.com • Lista. • Tabla. • Calendario. • Galería. • Tablero. • Línea temporal. Bases de datos 05 69 TIPOS DE BBDD
70. Notion imanolteran.com • Vista más simple y condensada de todas. • En muchos casos puede ser útil. • Podemos elegir qué propiedades mostrar. • Que nos muestre menos información no quiere decir nada, dentro de cada ítem sigue estando todo el contenido de la página. Bases de datos 05 70 LISTA
71. Notion imanolteran.com • Vista más tradicional de todas. • Se parece mucho al concepto clásico de hoja de cálculo (Excel, Google Sheets, Numbers…). • Cada propiedad que elijamos mostrar, creará una nueva columna en la tabla. • Podemos mostrar, ocultar o reordenar las propiedades. Bases de datos 05 71 TABLA
72. Notion imanolteran.com • Es posible hacer que el tamaño de las celdas se ajuste a su contenido (Wrap cells), o que lo contengan. Bases de datos 05 72 TABLA
73. Notion imanolteran.com • Para que funcione, necesitamos haber definido al menos un campo de tipo fecha: • Date. • Created time. • Last edited time. Bases de datos 05 73 CALENDARIO
74. Notion imanolteran.com • Muy útil si queremos mostrar contenido visual. • Cada elemento se representa en forma de cuadrado, con una imagen que lo represente de forma clara. • Para contar con una buena apariencia, es necesario que cada elemento cuente con un valor asignado en una propiedad de tipo imagen. Bases de datos 05 74 GALERÍA
75. Notion imanolteran.com • Vista muy útil si queremos resaltar el estado en el que se encuentra un ítem dentro de un proceso determinado. • Podemos mover los ítems de una fase a otra. • Cuando los ítems se muestran en forma de tarjeta, podemos elegir las propiedades a mostrar en la misma. • Podemos ocultar columnas en las vistas que queramos. Bases de datos 05 75 TABLERO
76. Notion imanolteran.com • Las tarjetas se agrupan en base a valores de una propiedad. • Tipos de propiedades que nos permiten agrupar: • Select. • Multi select. • Person. • Cambiar en “Group by” Bases de datos 05 76 TABLERO
77. Notion imanolteran.com • Vista similar a un Diagrama de Gantt. • Vista temporal, con scroll horizontal. • Indispensable contar con campo de fecha, idealmente fecha inicio y fecha fin. Bases de datos 05 77 LÍNEA TEMPORAL
78. imanolteran.com 06Relaciones Notion
79. Notion imanolteran.com • Estamos ante una de las grandes funcionalidades de las bases de datos en Notion. • Las relaciones permiten enlazar bases de datos entre ellas. • Como punto de partida, necesitamos al menos dos BBDD. • De esta forma, relacionamos todo el contenido y propiedades de un elemento de una tabla, con uno de otra. Relaciones 06 79
80. Notion imanolteran.com • Así, podemos acceder a todo el contenido de esa página, no solo a la propiedad que relacionamos. • También se puede relacionar una BBDD consigo misma. Relaciones 06 80
81. Notion imanolteran.com • Una vez hemos relacionado dos BBDD, la propiedad Rollup nos permite mostrar el valor de una propiedad de la BBDD relacionada, como si perteneciera a la BBDD en la que nos encontramos. • Depende totalmente de Relation, sin una relación creada anteriormente, no podemos hacer un Rollup. Relaciones 06 81 ROLLUPS
82. Notion imanolteran.com • Tenemos 3 posibilidades a la hora de crear un Rollup: • Relation. • Propiedad a mostrar. • Cálculo a realizar. Relaciones 06 82 ROLLUPS
83. imanolteran.com 07 Fórmulas Y funciones Notion
84. Notion imanolteran.com • Para operar con fórmulas, debemos añadir al menos una propiedad de tipo fórmula en una BBDD. • Al pulsar en un campo de esa propiedad, se nos despliegan una serie de opciones: • Propiedades. • Constantes. • Operadores. • Funciones. Fórmulas 07 84
85. imanolteran.com 08Integraciones Con otros servicios Notion
86. Notion imanolteran.com • Ahora mismo, Notion incluye varias integraciones con servicios de terceros, como los embed. • También hay proyectos, que permiten automatizar tareas entre Notion y otras plataformas como: • Asana. • Trello. • Twitter. Integraciones 08 86
87. Notion imanolteran.com • También hay proyectos, que permiten automatizar tareas entre Notion y otras plataformas como: • Webflow • Todoist. • Google Drive. • Google Calendar. • https://notion-automations.com Integraciones 08 87
88. Notion imanolteran.com • Pero el gran salto ha venido con la liberación de su API pública. • Esto hace que pueda relacionarse con casi cualquier servicio, de forma nativa o mediante herramientas de automatización. Integraciones 08 88
89. imanolteran.com 9 Trabajo Colaborativo Notion
90. Notion imanolteran.com •Hay diversas formas de trabajar con Notion de forma colaborativa: •Menciones. •Comentarios. •Compartir. Colaboración 9 90
91. Notion imanolteran.com •Opciones para compartir: •Acceso total. •Edición. •Comentar. •Visualizar. Colaboración 9 91
92. imanolteran.com 10 Publicar web Desde Notion Notion
93. Notion imanolteran.com •Para muchos proyectos, puede ser interesante publicar una página de Notion bajo un dominio propio. •Landing page. •Web corporativa. •Tienda online. •Cursos formativos. •Dashboards para analítica. Publicar web 10 93
94. Notion imanolteran.com •Para muchos proyectos, puede ser interesante publicar una página de Notion bajo un dominio propio. •Onboardings empresa. •Centros de conocimiento. •Blog. •Podcast. Publicar web 10 94
95. Notion imanolteran.com •Para hacerlo, hay que hacer uso de plataformas externas: •https://super.so •https://fruitionsite.com •https://notion2site.com Publicar web 10 95
96. imanolteran.com 11 Extras Notion
97. Notion imanolteran.com •Han surgido un montón de servicios que complementan y amplían las posibilidades de Notion: •Widgets. •Iconos. •Visualización de datos. •Presentaciones. •Formularios. •Templates. Extras 11 97
98. Notion imanolteran.com •https://www.notioneverything.com/toolbox •https://www.notion.so/Notion- Tools-25d054da911344199cdf403cc04f317c Extras 11 98
99. imanolteran.com Notion hola@imanolteran.com Eskerrik asko