-about.me / tarjeta personal web- tutorial-

20
-about.me / It’s all about you- -Tarjeta Personal Web / Tutorial-

Upload: ale-gordillo

Post on 13-Jun-2015

20.722 views

Category:

Documents


3 download

DESCRIPTION

About.me es un servicio que permite crear un sitio web personal y único en el cual agrupar toda tu actividad de perfiles dispersos en tus webs y redes sociales. Es como tu propia Tarjeta Personal Digital. Te permite generar un sitio único con tu Perfil desde el cual linkear tus otros sitios, blogs, perfiles de redes sociales como por ej.: FB, TW, LKDN, FQ, MSN, CMS, etc, pudiendo así seguir nuestra actividad online de forma más simple.

TRANSCRIPT

Page 1: -About.me / Tarjeta Personal Web- Tutorial-

-about.me / It’s all about you-

-Tarjeta Personal Web / Tutorial-

Page 2: -About.me / Tarjeta Personal Web- Tutorial-

-about.me / It’s all about you-

-Tarjeta Personal Web / Tutorial-

•¿Qué es “about.me”?: Es un servicio online que permite

crear un sitio web personal y único en el cual agrupar toda tu

actividad y perfiles dispersos en tus webs y redes sociales.

•En otras palabras, es como tu propia tarjeta personal

digital que te permite aglutinar toda tu presencia online que

por lo general se encuentra dispersa en numerosos blogs y

redes sociales.

•Funciona como una “foto y breve descripción” de tu

actividad profesional y personal en la web unificada en un

único perfil desde el cual se accede a tu conglomerado social.

Page 3: -About.me / Tarjeta Personal Web- Tutorial-

-Ventajas de About.me-

•Te permite generar un sitio único con tu Perfil desde el cual

linkear tus otros sitios, blogs, perfiles de redes sociales como por

ejemplo: Facebook (Pers.), Facebook (Fan Page), Twitter, Linkedin,

Foursquare, Live MSN, Skype, Web, Blogger, Wordpress, Tumblr,

Flickr, Pinterest, Instagram, Youtube, Vimeo, (entre otros más!).

•Es posible crear un sitio con un fondo personalizado o nuestra

foto, agregar una descripción personal, modificar el tipo de

letra y agregar social links a alguno de los servicios listados

anteriormente.

•Permite dirigir a nuestros amigos, clientes o contactos

laborales a un único portal personal desde el cual acceder a

nuestra información digital como sitios webs, portfolios, CVs

digitales, perfiles sociales, etc y que así puedan seguir nuestra

actividad online de forma más simple.

Page 4: -About.me / Tarjeta Personal Web- Tutorial-

-Ventajas de About.me-

•Permite construir un Perfil desde cero mediante un fondo

personalizado o con nuestra foto, o bien recurrir a los perfiles

destacados y modificarlos.

•Despliega nuestra presencia on line mediante íconos visuales, a

diferencia de otros sitios similares que despliegan largas listas de

links. Esto permite destacar en cambio nuestra foto, el fondo y la

descripción que se redacte.

•Incluye un directorio de perfiles destacados y buscador de

perfiles.

•Analíticos: “about.me” también nos ofrece analíticos de

medición y datos sobre la cantidad de usuarios que visitan nuestro

perfil y cantidad de clicks, datos sobre nuestra actividad en otras

redes sociales y datos por variables geográficas y demográficas.

Page 5: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 1: Creación de nuestra Cuenta en About.me:

•Ingresar en: https://about.me; ingresar Nombre, Apellido y Mail.

•Click en: Create Your Page.

Page 6: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 1: Creación de nuestra Cuenta en About.me:

•Colocar nuevamente: Nombre, Apellido, Mail, Password y

seleccionar el sufijo de nuestro nombre de dominio personal

verificando que esté disponible para poder registrarlo

•Click en: Create Your Page. Verificar haber recibido el Mail de

Bienvenida.

Page 7: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 2: Configuración Básica.

•Una vez que creamos nuestra cuenta abrimos nuestro navegador con:

https://about.me. Donde dice: Alredy have a page? nos logueamos

con nuestro nombre de usuario o mail y contraseña. También

podemos loguearnos con nuestra cuenta de Facebook y Twitter.

Habremos ingresado a nuestro Dashboard o Escritorio.

Page 8: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 2: Configuración de la Cuenta.

•Desde el Dashboard podemos ingresar en Account/Account Settings para

editar: nuestro nombre y apellido (que figurarán en nuestro site), mail,

(permitiendo que nos encuentren por nuestro mail o que nos envíen uno), modificar

nuestra contraseña y configurar las notificaciones: avisarnos cuando alguien

destaca nuestro site, la comparte, nos comenta o responde o se agrega al directorio

de perfiles destacados.

Page 9: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 3: Compartiendo la Cuenta.

•Share Your Page: En esta sección podremos clickear para compartir nuestro

sitio hacia Facebook, Twitter o Linkedin o bien sino vía mail a nuestros contactos

completando el formulario de mensaje y colocando manualmente las direcciones o

importándolas desde Gmail o Yahoo.

•Find Your Friends: me permite encontrar contactos por Facebook, Twitter, Gmail

o Yahoo Mail o bien Invitarlos a mi Perfil o a que usen About.me.

Page 10: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Backrounds: Lo primero es elegir el fondo que más nos guste.

Podemos arrastrar una imagen desde la web, subir desde nuestra PC (JPG, GIF,

PNG optimizada a 1680 x 1050 px) o elegir uno de los Fondos Predeterminados

en la Galería de Wallpapers. Luego lo podremos alinear: Izq., Dcha., Centro o

Encajar en Pág.

Page 11: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Biography: ahora podemos cargar la info. referente a nuestra

BIO; podemos modificar una vez más nuestro nombre y apellido de acuerdo a

como querramos que figure en el site, colocar un título o slogan, redactar algo

breve sobre nosotros, colocar hasta 10 Tags (para SEO) y subir una foto para

este Perfil de la BIO.

Page 12: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Colors: ahora podemos configurar los estilos de colores que

más nos gusten para el aspecto estético y visual de nuestro site. Page: color de

fondo de nuestro site; Blo Box: color de fondo del box de la BIO; Your Name,

Headline, Biography: color del texto dentro del cuadro de la BIO; Links & Tags:

color de las etiquetas de enlaces.

Page 13: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Fonts: edita todos los estilos de Fuentes utilizadas en el

cuadro de la BIO. Permite seleccionar la Fuente y darle el Tamaño que se prefiera

para cada elemento dentro del box BIO.

Page 14: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Apps: nos permite agregar ahora sí Apps que utilicemos. Al

clickear en Add an App se despliega una lista con las principales aplicaciones que

podemos configurar y agregar a la BIO especificando si queremos que se muestre el

social button o un link hacia nuestros perfiles sociales.

Page 15: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Links: ahora podemos agregar links hacia nuestros sitios o

blogs para que se muestren debajo de los social buttons.

•Edit Your Page / Settings: me permite configurar los botones para compartir y si

permito que los visitantes del sitio me envíen un mail.

Page 16: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Get More Visitors / Simplify your email signature: me

permite generar y configurar una firma personalizada de correo electrónico para mi

mail (Gmail, Hotmail, Yahoo, etc).

•Edit Your Page / Get More Visitors / Link to your about.me page: permite

redirigir tráfico web desde nuestros perfiles de redes sociales hacia nuestro sitio

about.me.

•Edit Your Page / Get More Visitors / Share your about.me page: permite

enviar o compartir mi sitio about.me hacia mis principales perfiles sociales como

Facebook / Twitter o Linkedin.

Page 17: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 5: Diseñando Tarjetas Personales.

•Edit Your Page / Get More Visitors / Get free about.me business cards:

haciendo click en Get Your Cards Now, el sistema me deriva hacia

http://uk.moo.com, una App que me permite diseñar y generar mis propias Tarjetas

Personales basadas en el sitio about.me que nos acabamos de construir.

•Podremos redefinir el diseño, colores, texto, tanto del anverso como del

reverso de las Tarjetas y generar un código QR para redirigir tráfico desde

Smartphones hasta nuestro sitio about.me.

Page 18: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 6: Explorando otros sitios About.me.

•Explore Pages: clickeando aquí se despliega un slider de perfiles al azar.

•Otra posibilidad es expandir desde la lupa y buscar perfiles en forma manual,

a través del directorio de perfiles destacados (featured directory) o hallando a

nuestros contactos a través de Facebook, Twitter, Gmail, Yahoo Mail, etc, (siempre

que también utilicen About.me o bien invitándolos).

Page 19: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 7: Interacción Social.

•Social Buttons: como todos los sitios actuales, About.me también funciona como

red social.

•Los sigs. Social Buttons, ubicados debajo de nuestro nombre nos permiten: a)

Estrella: marcar un Perfil como Favorito; b) Share: enviar un perfil que me guste a

Facebook, Twitter o Pinterest; c) Compliments: permite señalar que me gusta un

perfil, el fondo, la redacción o conectarme a la persona; d) Email: envía un mail al

correo del contacto desde su BIO de About.me (Máx. 1000c).

Page 20: -About.me / Tarjeta Personal Web- Tutorial-

-¿Cómo usar About.me? / Breve Tutorial-

Paso 8: Resultado Final.

•Finalmente, tras haber completado todos los pasos anteriores, nuestro sitio estará

online y será visible y accesible para quien ingrese nuestro dominio:

https://about.me/tudominio.

•Al ingresar podrán ver nuestro site c/ nuestra BIO, foto, social links y web links todo

de forma unificada.

•A modo de ejemplo les paso cómo quedó en mi caso desde:

https://about.me/alegordilloweb.

•Esto es todo. Saludos, que estén bien, nos vemos en clases. Ale!