Qrescue by todossomostomas

Proyecto

QRESCUE

TALLER PROFESIONAL / PROFESOR.LUIS FONTECHA

botiq

Proyecto QRESCUE

SUMARIO botiq

PET

EMPRESA

IDENTIDAD

PRODUCTO

QRESCUE

PROCESO CREATIVO

SITIO WEB

6-13 PAG.

14-93 PAG.

94-143 PAG.

EMPRESA

PET

QRESCUE 08/ QUE ES? 10/ CANVAS 12/ MAPA DE EMPATÍA

botiq

Que es?

QRESCUE

PEDRO EL GATO Dueño Telefono Contacto

Qrescue es una empresa que se despliega en dos áreas diferentes, estas son Qrescue Pet y Qrescue People, la cual ofrece la primera herramienta capaz de geolocalizar perdidas en el caso de las mascotas, o accidentes en el caso de las personas evitando negligencias, ya que ofrece información de la persona o mascota, como su nombre, enfermedades, edad, entre otros, todo en tiempo real y de forma inmediata.

La idea es minimizar los tiempos de identificación de personas y animales en caso de urgencias. Ofrece una solución de alta tecnología e innovación, que logran el rescate de datos en tiempo real, altos estándares de calidad y seguridad mejorando con ello la calidad de vida.

Modelo de negocio

CANVAS

- Proveedor de argollas Metalicas y placas de pvc - Servicio técnico - Protectoras animales - Clubes de mascotas - Veterinaria - Diseñadores: Www.Abyssal.Com - Programación - Sociocapital - Servidores de bases De datos

- Identidad visual - Diagramación web - Difusión

- Profesionales - Oficina - Impresora de pvc + insumos

- Arriendo de oficina - Insumos - Web: host- dominio

- Servicio de geolocalización internacional y en tiempo real, a través de un código qr - Perfil online: mascotas y personas - Producto que beneficie la reducción de perros y gatos callejeros. - Diferenciarse haciendo partici- par al consumidor con técni- cas interactivas, que lo hacen formar parte de la comuni- cación, en base a innovadoras intervenciones en el espacio público.

- Sueldos - Servicios básicos - Publicidad

- Relación virtual: Cercana Simetrica Personalizada (Mantener la fidelidad)

- Hombres y mujeres - Abc1 - c2 - c3 - Entre 25 y 50 años de edad - Con real preocupación por sus mascotas - Con acceso a un dispositivo móvil - Usuario tecnológico

- Mailing - Redes sociales - Web oficial

- Pago directo: Suscripción: $5.990 Mensualidad: $990 - Venta de comida gourmet para mascotas

Mapa de

EMPATÍA

IDENTIDAD

PROCESO CREATIVO 16/ CONCEPTUALIZACIÓN 18/ CÓDIGOS 20/ PROCESO GRÁFICO Y CREATIVO 24/ MANUAL IDENTIDAD botiq

Proceso de

CONCEPTUALIZACIÓN

MODERNO 01. Que pertenece al presente, al período de tiempo actual. 02. Que existe, se conoce o se usa desde hace poco tiempo. 03. Que está de acuerdo con la moda del momento actual.

SIMPLE 01. Que está formado por un solo elemento. 02. Que no tiene complicación ni dificultad. 03. Que no tiene lujos ni adornos excesivos.

URGENCIA 01. Asunto que se debe solucionar con mucha rapidez. 02. Falta de lo que es totalmente necesario. 03. Que necesita ser realizado o solucionado con mucha rapidez.

C贸digos

LOGOTIPO E ISOTIPO

NAIMING

Qrescue es la nueva propuesta de naiming para la marca actual. Los hitos que nos hicieron trabajar el nombre fueron las ganas de ampliar nuestro mercado a todos los chilenos y el mundo. Qrescue, juego fonético que busca indicar el cómo y que lograre al utilizar esta aplicación.

LOGOTIPO

ISOTIPO

Logotipo formado por tipografía Orgánica ( Susa) - que posee un recorrido en ella aplicando “Acento” de color en la mayor intención de la marca Q- Rescue. Posee un sombreado el cual le otorga mayor cuerpo permitiéndonos de mejor forma trabajar los diferentes soportes.

Referente visual que a través de formas icónicas, simples y pregnantes intenta demostrarlas cualidades de la marca y sus características. Las cuales son: Simple / Ubicación / Código Qr / Modernidad / Urgencia

Proceso

GRﾃ：ICO Y CREATIVO

Así Comenzó todo A base del brainstorming y búsqueda de referentes para poder realizar una imagen a QRescue. Previamente así fue todo el proceso. Con diferentes pruebas de color, tipografías, formas, gráficas, etc. Siempre tomando en cuenta la conceptualización del proyecto e ideas ejemplificadas en:

ENCUENTRO PERSONAS CODIGO QR

SECUESTRO SOS MASCOTAS

AYUDA ANIMALES AMOR BUSQUEDA VIDA MODERNO

CREACIÓN DE NAIMING Y LOGO/ISO TIPOS Después del proceso de croquis, de conceptualización y búsqueda de varios nombres para el rediseño completo de la marca empresa, antiguamente llamada “SIBEQR”. Pensamos en un nombre el ingles, ya que el cliente así lo quería y es mas pregnante para su expansión a través del mundo. Con fin de la universalidad de la marca. Ideas de nombres como: Help, Help you!, I found you, Spot, Spotlight, Rescue Me, etc. Finalmente lo nombramos QRescue.

ULTIM0S INTENTOS Estas fueron las últimas pruebas fallidas de tipografías y gráfica complementaria. Si bien es cierto funcionaban de alguna forma, es mucho mas coherente el resultado actual. Para el logo, se pensó siempre en representar, la búsqueda, la geolocalización y la tecnología Código QR. Así mismo con la tipografía, amigable y moderna. En cuanto a la gráfica complementaria. Siempre se tuvo en mente representar un núcleo urbano. De forma sencilla , pero pregnante a la ves. La representación de una ciudad.

Manual de

IDENTIDAD

botiq

e c i d Ă?n botiq

La Empresa

botiq

Gráficas

Conceptos 30 Gráfica Complementaria 48 Naming & Logotipo 32 Grilla 50 Isotipo 34 Grilla Marca 51 Bajada 36 Grilla Isotipo 52 Color 38 Grilla Logotipo 53 Variaciones 40 Área autónoma 54 Positivo / Negativo 42 Construcción Marca 55 Tipografía 20 Reducción 56 Tamaño Mínimo 58 Variaciones Marca 60 Usos Incorrectos 62 Regla 3/3 64

Papelería

Aplicaciones

Tarjeta de Presentación 73 Aplicaciones 80 Hoja Carta 74 Mockup 88 Credencia 75 Carpeta 77 Sobre 78 Sticker 79 Pendon 86

La Empresa botiq

VISIÓN Liderar el mercado chileno de tecnologías asociadas al rescate de información en tiempo real, siendo reconocidos como una empresa de clase mundial por nuestros clientes y usuarios.

Nuestra misión es la implementación de soluciones de alta tecnología e innovación, que logran el rescate de datos en tiempo real bajo altos estándares de calidad y seguridad mejorando con ello la calidad de vida de sus empleados y clientes, así como elevar los estándares de seguridad e información en los procesos de logística.

OBEJTVOS El objetivo es por una parte minimizar los tiempos de identificación de personas y animales en caso de urgencias evitando así negligencias y aumentando la sobrevida de los involucrados, convirtiendonos en un canal que refuerce la identificación de los productos y el incremento de la calidad de los servicios tecnicos.

botiq

MODERNO 1. Que pertenece al presente, al periodo de tiempo actual. 2. Que existe, se conoce o se usa desde hace poco tiempo. 3. Que estรก de acuerdo con la moda del momento actual.

SIMPLE 1. Que estรก formado por un solo elemento. 2. Que no tiene complicaciรณn ni dificultad. 3. Que no tiene lujos ni adornos excesivos.

URGENCIA 1. Asunto que se debe solucionar con mucha rapidez. 2. Falta de lo que es totalmente necesario. 3. Que necesita ser realizado o solucionado con mucha rapidez.

o p i t o g o L y g n i m a N

botiq

NAIMING Qrescue es la nueva propuesta de naiming para la marca actual. Los hitos que nos hicieron trabajar el nombre fueron las ganas de ampliar nuestro mercado a todos los chilenos y el mundo. Qrescue, juego fonético que busca indicar el cómo y que lograre al utilizar esta aplicación.

LOGOTIPO Logotipo formado por tipografía Orgánica ( Susa) - que posee un recorrido en ella aplicando “Acento” de color en la mayor intención de la marca Q- Rescue. Posee un sombreado el cual le otorga mayor cuerpo permitiéndonos de mejor forma trabajar los diferentes soportes.

o p i t o s I

botiq

Referente visual que a través de formas icónicas, simples y pregnantes intenta demostrar las cualidades de la marca y sus características. Las cuales son:

Simple / Ubicación / Código Qr / Modernidad / Urgencia

Bajada botiq

Una de las primeras bajadas que poseerá la marca será referente a uno de los principales “usuarios” las mascotas. Esta será Pet (Mascota) la cual estará contenida entre dos barras puntadas la cual indica rasgos que refuerzan la gráfica orgánica. La marca poseera una segunda bajada para personas, la cual sera “people”, esta sera aplicada para el otro publico objetivo de la marca de Qrescue.

Color botiq

CMYK

C:0 - M:0 - Y:0 - K:100 C:0 - M:0 - Y:0 - K:89,84 C:0 - M:97 - Y:52 - K:0 C:14,84 - M:100 - Y:60 - K:51

PANTON SOLID COATED

RGB

SINESTECIA DE COLOR ROJO / MAGENTA

PANTONE 447 EC

R: 29 - G:29 - B:27

PANTONE 446 EC

R: 61 - G:61- B:60

PANTONE 1925 PC

R: 230 - G:24 - B:81 R: 126 - G:14 - B:40

El color rojo es reconocido internacionalmente como el de la emergencia. (org. cruz roja), es un color que denota emergencia, inmediatez, alerta, y tambien ayuda, amor, solidaridad. En este caso es una variaci贸n del color rojo para darle un toque de modernidad, y que sea mas amigable con el usuario. GRIS Color de la teor铆a y la reflexi贸n, la modestia la pasividad y la humildad. Los artistas aprecian el gris.

s e n o i c ra ia

V botiq

o v i t i s o P egativo N

botiq

TipografĂa botiq

LOGOTIPO SUSA BOLD

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 ()!”#$%&/=?

BAJADA

TEXTO

BEBAS

QLASSIK MEDIUM

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ()!#$%&/=?

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ()!#$%&/=?

TRABAJO DE PARRAFO QLASSIK MEDIUM // 11pts.

ALINEADO A LA IZQUIERDA

JUSTIFICADO TODAS LAS LINEAS

Pis aceaquatiur? Sa est que sequo offic tet errum, que sum conse essi blam sinus et aut rem qui delia consed ut od quam cusandis nisimag nisquis ad quo tem voluptat volum dipsamus ea pre vendipit molo et quam arum adigent alia nes

JUSTIFICADO AL CENTRO

ALINEADO DERECHA

ALINEADO IZQUIERDA- BANDERA

TRABAJO DE PARRAFO QLASSIK BOLD // 11pts.

ALINEADO A LA IZQUIERDA

JUSTIFICADO TODAS LAS LINEAS

JUSTIFICADO AL CENTRO

ALINEADO DERECHA

ALINEADO IZQUIERDA- BANDERA

Grรกfica Complementaria botiq

GRﾃ：ICA COMPLEMENTARIA

botiq

a l l i r G botiq

GRILLA MARCA

120 x

180 x

GRILLA LOGOTIPO

20 mm

2x 2x 2x

10x

2x 2x 2x

GRILLA ISOTIPO

15 mm 30 mm

0.08 mm

25 mm

ÁREA AUTONOMA

10 x

CONSTRUCCIÓN MARCA

n 贸 i c c u d e R botiq

o ñ a m Tmaínimo

botiq

1.5 cm 1.5 cm

3 cm

2 cm

Medida mĂnima permitida, a menor tamaĂąo la bajada comienza a perder legibilidad.

Variantes Marca botiq

La marca posee tres versiones, pensada para futuras aplicaciones teniendo en cuenta soportes y tama帽os. La reducci贸n de la marca se realiza mediante la s铆ntesis de informaci贸n.

s o t c e r r o c n I Usos botiq

DIAGRAMACION

COLOR

TIPOGRAFIA // FORMA

El logotipo e isotipo se deben trabajar siempre con la convinacion de colores expuestas anteriormente, no se puede ocupar solo de un tono. El isotipo debe ir siempre en la parte superior del logotipo de forma vertical. No se permiten variaciones en su tipografĂa. Su bajada siempre debe ir en la parte inferior y centrada en la marca.

Regla 3/3

botiq

UBICACIÓN En Fondos fotográficos o videos la marca siempre irá posicionada en la esquina inferior derecha, según la regla de los tres tercios.

o c fi a r g to o F o d n o F botiq

67 APLICACIÓN POSITIVO

APLICACIÓN POSITIVO

69 APLICACIÓN COLOR

APLICACIÓN POSITIVO

71 APLICACIÓN NEGATIVO

PapelerĂa botiq

8 cm Qlassik Bold 12pt

RODRIGO DIAZ MARLEY Ejecutivo de cuentas

11pt 9,3pt

rod@qrescue.cl 123456789 www.qrescue.cl

5 cm

Qlassik Bold / 9,5pt

8,5pt 7,3pt

RODRIGO DIAZ MARLEY Ejecutivo de cuentas

rod@qrescue.cl 123456789 www.qrescue.cl

1x1 cm 2x3 cm

TARJETA DE PRESENTACIÓN

4,3x2,3 cm

La tarjeta de presentacion debe respetar los codigos expuestos en la norma, esta mide 9,5 x 5 cm y tiene los bordes contorneados con un radio vertice de 1 mm, la tipografia utilizada en la tarjeta de presentación es qlassick bold.

5,1 x 3,4 cm WWW.QRESCUE.CL ALAMEDA #980 OF.41 F:123456789 CONTACTO@QRESCUEL.CL

20,5x 16,5 cm 279,4 mm

10,5x 4,5 cm

HOJA CARTA

215,9 mm

La Hoja carta debe ser siempre impresa siempre a color, respentando el diseño y medidas que se muestran en el diagrama de distribucion de elementos. La tipografia utilizada es qlassick bold tamaño 10. Esta hoja carta es para uso de la empresa y envio de información, la cual va escrita en el interior del cuadrado marcado en el diagrama.

7,7x5,1 cm

12,7x8,5 cm

190 mm Hola, mi nombre es:

Radio vertice 3 mm

Rodrigo Diaz Y soy:

Qlassik Bold 12 pt

Productor 155 mm

CREDENCIAL Debe ser siempre impresa siempre a color, respentando el dise単o y medidas que se muestran. La tipografia utilizada es qlassick tama単o 10 y 12 pt.

440 mm

14,2x9,6 cm

280 mm

www.qrescue.cl

22,5x10 cm

220 mm 6x8 cm

CARPETA La carpeta debe respetar los dise単os y tama単os de la estructura acordados sin ninguna exepci坦n, el dise単o cuenta con patron que se repite a modo de textura y la grafica se encuentra a escala de grises a exepcion del logo.

280 mm

220 mm 77

11,5 x 2,6 cm

5,8 x 3,7cm 11 cm

botiq

SOBRE botiq

El sobre americano al igual que el resto de la papeleria se debera respetar el formato y dise単o. El sobre debe ser impreso en alta resolucion y el tama単o de este cerrado es de 220 mm x 110 mm.

22 cm

14 cm

14 cm 0,8 cm

10x7 cm

10x7 cm 8,2cm diametro

3,6x3,6 cm 28,5 cm Qlassik Bold 10,5 pt 35,5 cm

3,6x3,6 cm 28,5 cm 7,5 cm

Qlassik Bold 10,5 pt 13x6 cm

10,2x7 cm

7,5 cm

13x6 cm

6,3x6,3 cm

35,5 cm

13,2,2x6 cm

PENDĂ&#x201C;N // STICKER El sticker tiene 9,5 cm de diametro, la grafica complementaria se debe imprimir a escala de grises y el logotipo a color. (Img. 1) El Sticker mide 35,5 cm de ancho x 7,5 de alto (Img.2), la grafica complementaria se debe imprimir siempre color. 10,2x7 acm 13,2,2x6 cm 6,3x6,3 cm

s e n o i c a c i l p A botiq

APLICACIÓN POLERA FRENTE // TRASERA

APLICACIÓN MERCHANDISING

APLICACIÓN PAPELERÍA

APLICACIÓN POLERON // PLATO MASCOTA

APLICACIÓN GLOBO PUBLICITARIO

PUNTO DE INFORMACION - PENDON

PUNTO DE INFORMACION - STAND

p u k c o M

botiq

HOME

ACERCA DE QRESCUE

COMO FUNCIONA

PRODUCTOS

CONTACTO

botiq

PRODUCTO

SITIO WEB 96/ CARD SORTING 98/ USABILIDAD 112/ MAPA DE FLUJO 114/ WIREFRAMES 120/ MOCK UP 130/ PROPUESTA SOPORTE 138/ PORTADAS QRESCUE 142/ FODA botiq

Card

SORTING

Acerca de

Home

Cómo funciona

Productos

Contacto

Debido a una previa investigacion a través de testeos de nuestro posible público objetivo, (universo 20 personas) logramos llegar a una síntesis de la propuesta final de navegación en el sitio web. Identificando jerarquía, temas de interés y usabilidad para crear un menú de fácil navegación.

botiq

Entrar

Crear cuenta

Navegaci贸n

USABILIDAD

Se refiere a la facilidad con que el usuario pueda utilizar un sitio web, con el fin de alcanzar un objetivo concreto. Los puntos claves para la realización de un sitio deben ser: la rapidez, simplicidad, interactividad, buena navegabilidad y mantener al usuario actualizado. De esto de desglosan los “10 principios de usabilidad” de Jakob Nielsen, lo que aplicaremos a continuación.

Navegación

USABILIDAD 1 . visibilidad del estado del sistema “El sistema debe siempre mantener a los usuarios informados del estado del sistema, con una realimentación apropiada y en un tiempo razonable.”

botiq

100

En el caso del Sitio de Sibe QR Chile, no cuenta con información dirigida a clientes específicos, solo muestra información generalizada en la página. Por lo que, nosotros proponemos crear una sección en la cuál los clientes interesados se puedan suscribir ingresando sus datos y la de sus mascotas. Aqui podran crear un perfil con la informacion de contactos del dueño como tambien para su mascota. Esta sera de gran ayuda al momento de la perdida de ellos debido que con esta podran identificar rasgos y caracteristicas. Con el se podra generar de forma optima el codigo qr.

Al poseer esta nueva cualidad, podremos mantener al cliente fiel debido a que lo mantendremos actualizado de toda la nueva informacion de la pagina como alimentos nuevos a la venta, productos para sus mascotas, promociones ,etc. Otra forma de mantener al cliente en constante actualizaciones sera utilizando las diferentes plataformas con los cuales nuetro publico objetivo estan familiarizados, estas son: 1/ Facebook. 2/ Twitter 3/ Youtube 4/ Instangram

101

Navegación

USABILIDAD 2. UTILIZAR EL LENGUAJE DE LOS USUARIOS “El sistema debe usar el lenguaje de los usuarios, con las palabras, las frases y los conceptos familiares, en lugar de que los términos estén orientados al sistema. Utilizar convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico.”

102

Este punto no se encuentra logrado en el sitio actual ya que los terminos utilizados no son de conocimiento de su publico objetivo como por ejemplo la sigla “SIBE” la cual significa Sistema Integrado Bursátil Electrónico. El nombre de la empresa fue modificado por “Qrescue” que significa QR + rescatar.

Por otro lado en el lenguaje visual se ve confuso por la discontinuidad de la linea grafica de las ilustraciones y caos que produce al momento de leer la informacion por una mala jerarquización. Como nos basamos en la experiencia del usuario llevamos la gráfica a algo mas cotidiano, ilustraciones que muestren la urbanización y personajes que poseen una coherencia en su ilustración.

Gracias a esto el cliente se sentira mas familiarizado y captara rapidamente el fin de el servicio que se ofrece. Propusimos tambien una nueva marca la cual posee forma simples y pregnantes, compuesta por diversas iconografias muy reconosidas por el usuario potencial (Lupa - Codigo Qr - Ubicacion).

103

botiq

Navegación

USABILIDAD 3. control y libertad para el usuario “Los usuarios eligen a veces funciones del sistema por error y necesitan a menudo una salida de emergencia claramente marcada, esto es, salir del estado indeseado sin tener que pasar por un diálogo extendido. Es importante disponer de deshacer y rehacer.”

El sitio actual no posee restricción de usuario, tiene toda la información expuesta a todo tipo de público. Por ende no posee impedimentos en la navegacion de todos los interiores de esta. Nosotros al identificar diferentes usuarios segmentaremos la informacion entregada a través de la opcion “usuario” debido a que con el se podra optener mayor informacion de promociones y productos nuevos. Como tambien el perfil de la mascota. Sin embargo el usuario potencial o expectador poseera informacion de funcionamiento , contacto, productos y caracterisitcas de la empresa.

botiq

104

4 . Consistencia y esTANdares El menu es simple y limpio, no cuenta con subdiviciones y posee una jerarquización adecuada para una navegación rapida y directa. La jerarquización de cada sección es la adecuada, cumpliendo una estructura simple de facil lectura y navegación. Nosotros sabemos que no todos los usuarios sabran o estaran familiarizados con esta tecnologia, por ende a través de modalidades interactivas como video, ilustracion se informara de sus cualidades y beneficios.

“Los usuarios no deben tener que preguntarse si las diversas palabras, situaciones, o acciones significan la misma cosa. En general, siga las normas y convenciones de la plataforma sobre la que está implementando el sistema.”

105

Navegación

USABILIDAD 5 . PrevencION de errores “Es importante prevenir la aparición de errores. Qué mejor que generar buenos mensajes de error.”

La pagina actual posee errores de direccion y navegacion, sin embargo no posee ninguna grafica asociada que informe al usuario de que estos errores no son intensionales o cuando seran solucionados. Por ende nosotros generaremos gráficas acorde al sitio, que dé la información necesaria explicando el por qué el enlace no está en funcionamiento. Por ejemplo: “sitio en mantenimiento, estamos trabajando para usted. Vuelve a visitar la sección en 7 días”. En el formulario de contacto si se encuentra con caracteres erroneos sera notificado con anticipacion al envio.

106

6 . Minimizar la carga de la memoria del usuario Este punto se presenta débil, ya que existe demasiado texto y poca interactividad en el sitio. El sitio se muestra confuso y por ello poco pregnante, con demasiada información inecesaria y en consecuencia a esto el usuario NO lee. Por ello creamos un nuevo diseño y estructura del sitio que es muy pregnante al poseer mayoritariamente ilustraciones, iconos y muy poco texto. Es un sitio limpio, didactico e innovador, adémas cuenta con pocas secciones y precisas lo que permite al usuario recordar con facilidad las secciones ya visitadas.

botiq

“El usuario no debería tener que recordar la información de una parte del diálogo a la otra. Es mejor mantener objetos, acciones, y las opciones visibles que memorizar.”

107

Navegación

USABILIDAD 7 . Flexibilidad y eficiencia de uso “Las instrucciones para el uso del sistema deben ser visibles o fácilmente accesibles siempre que se necesiten. Los aceleradores no vistos por el usuario principiante, mejoran la interacción para el usuario experto de tal manera que el sistema puede servir tanto para usuarios inexpertos como para experimentados. Es importante que el sistema permita personalizar acciones frecuentes.” 108

El sitio cuenta con rutas únicas para llegar a cada sección, Lo cual en este caso si es funcional, porque no tiene una gran cantidad de información que justifique el uso de “atajos”.

8 . Los dIAlogos esTEticos y disENo minimalista El sitio actual posee muchos elementos distractorios, no tiene una jerarquizacion adecuada de la información, la falta de diseño y mala elección tipografica en los interiores hace una navegacion poco amena. Como solución proponemos un sitio mas amigable, limpio con mas diagramas explicativos simples y que sigan la gráfica propuesta. Comenzaremos en el home con un video ilustrado explicando claramente y de forma entretenida para que sirve el producto y los pasos a seguir, esto evitara tener demasiado texto a la entrada del sitio, lo reforzaremos en la sección “Como funciona” la cual tendra la misma informacion del video pero diagramada por pasos en un slider.

botiq

“No deben contener la información que sea inaplicable o se necesite raramente. Cada unidad adicional de la información en un diálogo compite con las unidades relevantes de la información y disminuye su visibilidad relativa.”

109

Navegación

USABILIDAD 9 . Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores. “Los mensajes de error se deben expresar en un lenguaje claro, se debe indicar exactamente el problema, y deben ser constructivos.”

botiq

110

El formulario de contacto debe indicar los errores en el momento en que se va escribiendo. Por ejemplo, en los lugares destinados a e-mail, no se permitan espacios o avise si falta el @, para ayudar al usuario a identificar los errores. En el caso de que el formulario se termine, y aún contenga errores, no permita ser enviado y el error destaque para poder volver a llenarlo. Y finalmente, una vez corregido y enviado, debe aparecer un mensaje que confirme el envío. La cual actualmente no posee el formulario ninguna de estas caracteristicas.

10 . Ayuda y documentacIOn El sitio no tiene aplicado un buscador ni preguntas frecuentes ya que se encuentra toda la información necesaria en el sitio, en este caso no se juntificaria tales elementos con una buena jerarquizacion de elementos e informacion directa y clara. Ademas se debe agregar en información de contacto y footer el numero telefonico ya que actualmente no lo tienen.

“Aunque es mejor si el sistema se puede usar sin documentación, puede ser necesario disponer de ayuda y documentación. Ésta tiene que ser fácil de buscar, centrada en las tareas del usuario, tener información de las etapas a realizar y que no sea muy extensa.”

111

Mapa de

FLUJO

112

MENÚ HOME

ACERCA DE

COMO FUNCIONA

PRODUCTO

CONTACTO

video

EMPRESA

PASO 1

PLACA

FORMULARIO

REDES SOCIALES

PASO 2

ALIMENTO 1

FACEBOOK

PASO 3

ALIMENTO 2

TWITTER

PASO 4

ALIMENTO 3

COMIDA

INICIAR SESIÓN

YOUTUBE INSTAGRAM

MENÚ

HOME

ACERCA DE

COMO FUNCIONA

PRODUCTO

CONTACTO

video

EMPRESA

PASO 1

PLACA

FORMULARIO

REDES SOCIALES

PASO 2

ALIMENTO 1

FACEBOOK

PASO 3

ALIMENTO 2

TWITTER

PASO 4

ALIMENTO 3

COMIDA

YOUTUBE INSTAGRAM

113

NOMBRE USUARIO perfil

CERRAR SESIÓN

EMERGENCÍA

Propuesta

WIREFRAMES

114

323 px

112 px

38 px

70 px

105 px

75 px

63 px

51 px

94 px

12 px 150 px 1254 px

9 px 1280 px

HOME 115

380 px

260 px 48px

48px

75 px

660 px

75 px

9 px

780 px

120 px

660 px

8px 26 px 26 px

acerca de

cOMO FUNCIONA 116

323 px 38 px

70 px

325px

105 px

75 px

63 px

51 px

94 px

325px

670 px 40 px 330 px

9 px 20 px 40 px 9 px

330 px

20 px 40 px

325px

9 px

300 px

325px

137 px

107 px

1280 px

280 px

310 px

105 px

productos

contacto

117

330 px

500 px

160 px 20 px

500 px

50 px

10 px 200 px

240 px

30 px

10 px

160 px

30 px

57 px 240 px

30 px

60 px

260 px

350 px

30 px

13 px 40 px

30 px

160 px 60 px

10 px

130 px

10 px 10 px

10 px

60 px

30 px

160 px 50 px

50 px

10 px

160 px

30 px

46 px

180 px

10 px

630 px

7 px

26 px 26 px

360 px

3 px

110 px 20 px

10 px

100 px

80 px

200 px

30 px 10 px

6 px

30 px

10 px

25 px

30 px 40 px

300 px 30 px

60 px

iniciar sesion

CREAR CUENTA

118

25 px

90 px 120 px

25 px

30 px

60 px

323 px 50 px 38 px

112 px

70 px

105 px

75 px

63 px

110 px 50 px

12 px 12 px 94 px 1254 px

9 px 490 px 1280 px 340 px 70 px

190 px 370 px

240 px

300 px

50 px 100 px

27 px 370 px

220 px

350 px

50 px

300 px

90 px

440 px

110 px 400 px

390 px 70 px

300 px 440 px 60 px

160 px 25 px

25 px 63 px

INGRESO CORRECTO

PERFIL 119

Propuesta

mockup

120

HOME

botiq

121

ACERCA DE

CÓMO FUNCIONA

PRODUCTOS

CONTACTO

| ENTRAR | CREAR CUENTA

USUARIO:

PASSWORD:

多OLVIDASTE TU PASSWORD? RECORDAR

122

HOME

ACERCA DE

CÓMO FUNCIONA

PRODUCTOS

CONTACTO

¡QUE BUENO QUE TE ANIMAS!

TU INFORMACIÓN

POR FAVOR, LLENA ESTE FORMULARIO DE INSCRIPCIÓN.

NOMBRE

APELLIDO

CORREO

CELULAR

| ENTRAR | CREAR CUENTA

DIRECCIÓN

ADJUNTA TUS REDES SOCIALES

TU MASCOTA EDAD

NOMBRE

RAZA

FOTO EXAMINAR

ENVIAR

123

¡GENIAL!

TU REGISTRO ESTÁ COMPLETO AHORA, EN LA ESQUINA SUPERIOR DERECHA DEL SITIO PUEDES ACCEDER A LA INFORMACIÓN DE TU CUENTA Y EDITARLA SI ES NECESARIO. TAMBIÉN APARECERÁ UN ICONO ROJO, QUE SIRVE PARA DAR AVISO A LA COMUNIDAD QRESCUE DE QUE TU MASCOTA ESTÁ PERDIDA, ESTO EN CASO DE QUE LAMENTABLEMENTE ESO SUCEDA, ESPERAMOS QUE NO. LISTO

124

HOME

ACERCA DE

CÓMO FUNCIONA

PRODUCTOS

CONTACTO

| RODRIGO DIAZ CERRAR SESIÓN

PERFIL

MASCOTA: NOMBRE: PELUSA RAZA: CHIHUAHUA EDAD: 2 AÑOS

Este es tu perfil. Esta información es la que obtendrá quién encuentre a tu perro en caso de que se extravíe.

OTRA INFORMACIÓN: LE ENCANTA QUE LE HAGAN CARIÑO EN EL MENTON. LE ASUSTAN LOS RUIDOS MUY FUERTES

DUEÑO: NOMBRE: RODRIGO DIAZ TELEFONO: 123456789 CORREO: ROD.DIAZ@GMAIL.COM COMUNA: PROVIDENCIA

EDITAR

125

Lorem ipsum dolor sit cuchuflí barquillo bacán jote gamba listeilor po cahuín, luca melón con vino pichanga coscacho ni ahí peinar la muñeca chuchada al chancho achoclonar. Chorrocientos pituto ubicatex huevo duro bolsero cachureo el hoyo del queque en cana huevón el año del loly hacerla corta impeque de miedo quilterry la raja longi ñecla. Hilo curado rayuela carrete quina guagua lorea piola ni ahí.

126

PASO 1 Crear cuenta y pagar (REDACTAR ESTE PASO) Lorem ipsum dolor sit cuchuflí barquillo bacán jote gamba listeilor po cahuín, luca melón con vino pichanga coscacho ni ahí peinar la muñeca chuchada al chancho achoclonar. Chorrocientos pituto ubicatex.

127

PLACAS “Q RESCUE”

COMIDA GOURMET 128

GRACIAS,

POR TU INTERES EN COMUNICARTE CON NOSOTROS, PUEDES HACERLO LLENANDO ESTE FORMULARIO.

129

NOMBRE

CORREO

MENSAJE

Propuesta

SOPORTE

130

Soporte

Ipad

HOME 131

Soporte

Ipad

acerca de

como funciona 132

Soporte

Ipad

productos

contacto 133

Soporte

Ipad

perfil

registro 134

Soporte

Iphone

inicio

home 135

acerca de

Soporte

Iphone

productos

como funciona 136

Soporte

Iphone

contacto

perfil 137

Portadas

qrescue

138

botiq

139

COMIDA GOURMET

140

141

Anรกlisis

foda

142

· Innovación en el mercado nacional, ya que no tiene competencia directa.

· Es posible asociarse a diferentes empresas que poseen el perfil de usuario.

· Bajo costo de producción, ya que se mueve en plataformas digitales.

· Como empresa será posible asociarse a marcas que potencien el concepto asociado a la aplicación, por ejemplo veterinarias.

· Nicho de mercado amplio, ya que cubre una necesidad para un público objetivo efectivo.

· El uso de dispositivos móviles se están utilizando en forma masiva. · Poseemos una realidad de país de un exceso de perros callejeros y/o perdidos.

· La plataforma soporta futuras modificaciones en el sistema QR. · El sistema QR en esta aplicación permite abrir otras oportunidades en el mercado, como por ejemplo, personas, objetos, entre otros.

· Debido a la globalización existe una mayor cultura social, lo que genera un aumento en usuarios potenciales. · Las redes sociales permiten potenciar la difusión del servicio.

· El sistema permite identificar el lugar no solamente nacional, sino que también en el extranjero.

· Al ser un sistema que funciona en base a tecnología, el mercado se segmenta, ya que no es alcanzable paras todo público.

· Al no ser un proyecto complejo es fácilmente imitable. · El sistema QR es vulnerable a ser reemplazado por nuevas tecnologías.

· Para algunas implementaciones de la aplicación es necesario de conocimientos previos para esta.

· Una empresa con mayor recursos utilice otro medio de geolocalización (gps) mucho más efectivo.

· Para que la aplicación sea utilizada de forma óptima es necesario la cultura de los usuarios con respecto al cuidado y mantención de mascotas.

143

PROYECTO REALIZADO POR ESTUDIO CREATIVO ABYSSAL TALLER PROFESIONAL / PROFESOR LUIS FONTECHA DUOC UC / SANTIAGO DE CHILE MAYO 2013

botiq

144