Development by Lali&friends

Introducc 6-27 Branding 30-49

Bibliograf

ción

fía

Introdu

ucciรณn

Jennifer Aaker es una psicรณloga y sociรณloga que imparte clases en Stamford especializada en la creaciรณn de marcas globales e internacionales.

bus, caminar, pedalear en bicicleta o coger un taxi. Por otra parte, este servicio, gracias a sus características sostenibles, permitirá la mejora del posicionamiento del Port de Barcelona como Smart Port (Eco Port) y lo potenciará como atracción turística. Se posicionará en comparación con otros medios de transporte de masas que presenten su servicio en la Barceloneta o Barcelona capital: buses (TMB) o las Golondrinas, por mucho que las características del servicio son muy diferentes. En el caso del servicio que el Port de Barcelona quiere desarrollar, la marca promete ser el medio de transporte más rápido, emocionante y sostenible que te permite ver la zona portuaria a través de un viaje único en barco (con recorrido desde la Estatua de Colón al W Hotel). Finalmente, en cuanto a la personalidad de la marca que se esta generando, los dos tipos que mejor describen el servicio, siguiendo la clasificación de Jennifer Aaker* son los siguiente: Entusiasmo audaz, vivaz, imaginativa y actualizada

En base a los insights obtenidos en la fase de investigación se definirá cuál es la misión de la marca, a qué tipo de usuario específico podrá dirigirse y qué escala de necesidades deberán cubrirse de forma que el tiempo pasado con el servicio sea relativo y confiera una experiencia total inolvidable. El propósito de la marca es aportar una nueva vía de acceso entre Las Ramblas y el W Hotel para poder hacer frente a la creciente afluencia que se dará en la zona. Así mismo, se espera generar una nueva experiencia de transporte: más rápida, distraída y reconfortante. Actualmente las alternativas son ir en

La marca representa una nueva, divertida y curiosa experiencia de transporte. El transporte también pretende ser ágil y lo más futurista posible, por tal de llamar la atención de todos los posibles nuevos usuarios. Competencia fiable, responsable, segura y eficiente La anterior personalidad debe compaginarse con sus habilidades competitivas para contrarrestar cualquier duda o inseguridad que un nuevo usuario pueda tener al optar por un medio de transporte desconocido. Es por eso que la marca no solamente tiene que ser llamativa, sino que también debe denotar seguridad y fiabilidad.

Usuarios Vistas las características del servicio y el recorrido que presenta, puede ser interesante para los siguientes segmentos del mercado.

Turistas Durante los últimos 20 años la tipología de turista que Barcelona ha acogido ha intercambiado su foco de interés. En el año 1990, más del 65% de los turistas internacionales* venían a la ciudad con un objetivo laboral. Desde entonces, ese porcentaje se ha ido reduciendo, pero a la vez incrementando el número de turistas que vienen a disfrutar de sus vacaciones - cada año superando el porcentaje anterior con casi un 3% Actualmente, también se diferencian en las épocas del año en las cuales los siguientes segmentos vienen a Barcelona.

Turista vacacional

Estos son todos los viajeros que visitan la ciudad con finalidad lúdica y cultural. Se ven atraídos por los diferentes puntos de interés: museos, restaurantes, monumentos, bares, parques de atracciones, etc. De cara a tomar un nuevo servicio, las necesidades de este segmento son en primer lugar, la facilidad de encontrar las paradas u otros servicios de conexión. En segundo lugar, que tanto el barco como las estaciones cumplan un alto nivel de comodidad. Finalmente, los turistas vacacionales buscan tener actividades entretenidas a lo largo de la experiencia. Cabe destacar que la afluencia máxima se encuentra entre los meses de abril a finales de septiembre**.

Turista laboral

Este segundo segmento comprende a los turistas que llegan a Barcelona con el objetivo de trabajar, es decir, ir a conferencias, congresos o ferias para establecer nuevos contactos o reuniones tanto con empresas locales o internacionales. Su necesidad primordial podría ser considerada saber con certeza a qué hora van a llegar al destino deseado. Además, es el tipo de usuario que aprecia tener la posibilidad de poder trabajar durante los tiempos muertos (tiempos de espera). La afluencia es menor,

pero se ve distribuida a lo largo de casi todo el año a causa de los diferentes eventos.

Locales Todos aquellos usuarios que residen en Barcelona, pero no necesariamente en la Barceloneta. En la segunda categoría, locales curiosos, también se pueden integrar todos aquellos usuarios provenientes de otras parte de la comarca o península Ibérica.

Locales regulares

Aquellos barceloneses que tienen que desplazarse diariamente en la zona portuaria por motivos laborales o estudiantiles. Sus necesidades coinciden con las de los turistas laborales, sin embargo exigirán una tarifa diferenciada.

Locales Curiosos

Otros posibles usuarios de la capital catalana que utilizarán el servicio como entretenimiento y de forma puntual. Dado que su uso no será regular, no es necesario ofrecer una tarifa especial. Sin embargo, en los meses (octubre a marzo) en los cuales no destaca la afluencia de los turistas vacacionales se puede contemplar la posibilidad de realizar promociones para homogeneizar la demanda a lo largo del año.

Estadístiques De Turisme. Barcelona: Ciutat I Entorn 16.

Datos extraídos de entrevistas realizadas a los dueños o trabajadores de los restaurantes, tiendas y locales del Passeig Sant Joan de Borbó (diciembre 2016).

Para poder extraer estas conclusiones se han consultado todos los eventos ofrecidos en los distintos recintos de la Fira de Barcelona de los últimos dos años (2015-2016).

Necesidades que constituyen la experiencia Todo tipo de usuario que decida acceder a este servicio tendrá que interactuar con dos espacios: el barco y las estaciones. Por tal de entender cómo se puede diseñar la mejor experiencia en estos dos entornos, se han dividido todos los ejemplos entre los diferentes niveles de la siguiente pirámide. Recurrir a la pirámide para ejemplificar las necesidades ha sido un recurso inspirado en la pirámide de necesidades de Maslow de 1954. La pirámide que se presentará a continuación pretende reflejar la percepción sobre la calidad ofrecida por parte de los posibles usuarios. En la base de la pirámide se encuentran la fiabilidad y seguridad percibidas como necesidades básicas. Para los usuarios, la seguridad a nivel social es un requisito previo para el funcionamiento de una estación como espacio público. Si los clientes potenciales perciben que una estación es insegura, la evitarán. Por otra parte, la fiabilidad indica el grado en que los usuarios perciben la recepción de lo que esperan. Si el servicio no está disponible cuándo y dónde los usuarios lo esperan, la experiencia resultará desagradable, por lo tanto, el usuario estará insatisfecho. Así mismo, de cara a la plataforma online que tendrá el servicio, la seguridad será sobre todo relacionada con el sistema de pago implementado. En el segundo nivel de la pirámide, la velocidad: es la principal necesidad del cliente. La mayoría de los usuarios siempre optarán por la duración del trayecto más corta y rápida. En cuanto

a la velocidad de la plataforma web, es importante no utilizar vídeos en la landing page para permitir que ser cargue rápidamente el contenido. También es importante cuidar el tamaño de las imágenes insertadas, de forma que no tarden en cargarse. Al igual que en la pirámide de Maslow*, para poder satisfacer las necesidades de los niveles más altos, es imprescindible que los niveles fundamentales hayan sido resueltos. Por lo tanto, si se ha cumplido la condición de un viaje rápido, el usuario querrá que las posibles conexiones con otros medios de transporte se encuentren cerca y bien indicadas. El sistema de navegación integral que facilitará toda esta información tiene que ser visible, lógico y no contener ambigüedades. Finalmente, en el caso de la plataforma web, es importante presentar links directos a otros servicios o puntos de interés cerca de las dos paradas que el servicio plantea. Entrando ya en los niveles superiores, el usuario espera un cierto grado de comodidad física: áreas de espera, asientos, alimentos y refrigerios, entre otras cosas. De cara a la identidad visual y a la plataforma web, en este nivel destacaría un excelente diseño y plegamiento de la navegación. Por último, la necesidad de una experiencia entretenida, que puede ser facilitada mediante diferentes elementos como áreas lúdicas, wifi gratuito, zonas interactivas modulares, etc. Finalmente, para la identidad visual este nivel podría ser representado por un sistema de identidad dinámico. De cara a la navegación de la web, ésta debería presentar una navegación menos convencional, por ejemplo, tener la apariencia de un juego. Dado que un servicio es intangible, los usuarios suelen buscar

inconscientemente cosas en el ambiente del servicio que digan algo sobre la calidad que se espera. Si el ambiente es limpio, seguro y apropiado, el usuario tendrá mayor confianza en la calidad de éste. Las diferentes características ambientales que influyen en la calidad de la experiencia: la arquitectura, el diseño, la limpieza, los materiales usados, los colores, la luz, tanto artificial como natural, la vegetación o espacios verdes, el olor y la música**. Estas características constituyen el ambiente en el cual se resuelven todas las necesidades previamente expuestas.

Cuando los usuarios se mueven a través de la estación, la velocidad y la facilidad son clave, pero cuando tienen que permanecer en ella esperando, la comodidad, el entretenimiento y las características ambientales son vitales. A continuación se expondrán las mejores prácticas encontradas asociadas a cada nivel y al servicio, en concreto.

Maslow formula en su obra “Una teoría sobre la motivación humana” de 1943 una jerarquía de necesidades humanas y defiende que conforme se satisfacen las necesidades más básicas (parte inferior de la pirámide), los seres humanos desarrollan necesidades y deseos más elevados (parte superior de la pirámide). Hagen, M. van. Waiting Experience At Train Stations. 1st ed. Delft: Eburon, 2011.

Seguridad y Fiabilidad La seguridad se ve directamente relacionada con el horario que tendrá el servicio. Vista la dinámica actual de la zona, donde la mayoría de los puntos de interés permanecen cerrados durante las horas nocturnas, ésta es poco transitada e iluminada. Por lo tanto, se recomienda contratar un servicio tanto de cámaras de seguridad como vigilancia, y tener staff siempre presente. Además tanto la estación como las áreas de conexión con otros medios de transporte deberán ser iluminados y permitir la lectura y visibilidad de las señales de navegación. En cuanto a la fiabilidad, ésta es comunicada a través de los horarios fijos establecidos en base al tránsito interno del puerto. Es decir, el servicio será fiable, siempre y cuando, la salidas se realicen a la hora previamente estipulada. Es muy probable que los horarios difieran en función a la temporada y la demanda. Finalmente de cara a su plataforma web es importante implementar un sistema de pago conocido: Stripe (stripe.com), Apple Pay (www.apple.com/apple-pay), etc, de forma que el usuario no tenga dudas en adquirir los billetes mediante un pago electrónico gracias a una tarjeta de crédito o débito.

Velocidad De cara a la velocidad, la ruta principal del Bus Nàutic tiene una distancia de 750 metros. Ésta puede ser recorrida a una velocidad máxima de 5 nudos, por lo tanto la duración del trayecto variará entre 8 - 10 minutos. La velocidad también es relevante al contemplar la web. Todo su contenido debe poderse ver de forma inmediata sin hacer esperar al usuario.

Accesibilidad y anticipada conveniencia En el tercer nivel, como se mencionó previamente, es muy importante comunicarle al usuario las diferentes conexiones y cómo llegar a éstas. Se aconseja tanto hacerlo a través de la web del servicio, como mediante estructuras físicas situadas en las diferentes estaciones del servicio, como en puntos cercanos a las paradas de otros medios de transporte. Así mismo, estos soportes deben mostrar los minutos restantes para la salida del próximo barco. Adicionalmente, toda esta información tiene que ser adaptada para usuarios con discapacidad visual. Finalmente, de cara a los usuarios minusválidos, se debe posibilitar una entrada autónoma tanto a la estación como al barco. Entrando más en detalle, el área que se debe analizar detenidamente es la zona de espera. Es aquella que separa la estación de la zona de embarque. Independientemente de su forma, la funcionalidad de dos de los extremos debe ser la validación del tíquet (para entrar y salir). La validación previa a la entrada al barco, genera más eficiencia y puede llegar a reducir la duración total del trayecto. Uno de los lados restantes debe permitir el acceso ordenado y seguro al barco. Es muy importante que este lado sea una barrera protectora entre el mar y el andén para evitar que el usuario caiga al agua. Adicionalmente, en el caso de la plataforma web, es importante generar páginas o enlaces directos a otros servicios y puntos de interés cerca de las dos paradas que ofrecerá el servicio. Una página muy importante podría ser contacto o ¿cómo llegar? en la cual se indique qué servicios de transporte permiten al usuario llegar a cualquiera de las paradas. Finalmente, la web también podría comunicar en cuánto tiempo partirá el siguiente barco.

Entretenimiento Productivo Lúdico Saludables

Comodidad Wait & rest Multirest Play & rest Comodidad modular Accesibilidad Tiempo restante

hasta la siguiente salida

Minusváidos entrada autónoma

Zona espera Links Velocidad 750m x 5 nudos [max] Web - carga rápida

Fiabilidad & Seguridad horarios estables cámaras de seguridad sistema de pago [percibido como seguro]

Características ambientales

Olor Música Color Luz Vegetación Sostenibilidad

Comodidad física Se entiende por comodidad la existencia de zonas de reposo tanto en la zona de espera como en la estación y elementos que hagan más ameno el acceso de una zona a la otra. Para la comodidad física existen varías formas de organizar las zonas de reposo. Por ejemplo un grupo de sillas alrededor de una mesa de café para las familias, las áreas para los profesionales que quieren trabajar, y los rincones infantiles donde los padres pueden entretener a sus hijos sin molestar a otros. A diferencia de los niveles anteriores, a partir de este nivel el tiempo es puramente relativo y subjetivo, percibido en función a la satisfacción del usuario.

Pon tu mano sobre una estufa caliente durante un minuto y te parecerá una hora. Siéntate junto a una chica bonita durante una hora y te parecerá un minuto. Eso es la relatividad. - Albert Einstein

Wait & Rest

Esta categoría comprende mobiliario que puede ofrecer dos funcionalidades diferentes. La primera, corresponde a su uso como separador de espacios, y como línea directriz continúa. Por ejemplo, para recalcar la zona en la cual se hará cola para la validación. Las segundas son relacionadas con el reposo y permiten al usuario sentarse o apoyarse durante dicha espera.

Multirest

Es todo tipo de mobiliario que permita descansar de diferentes formas: sentado, apoyado o acostado y aislado.

Play & Rest

Este tipo de mobiliario ofrece una experiencia divertida y entretenida a los niños, mediante formas dinámicas e interactivas.

Comodidad modular

Estos cuerpos permiten el reposo y al ser estructuras no permanentes, es posible que su combinación varíe tanto a nivel estructural cómo funcional. Así mismo, estas piezas pueden ofrecer contenido entretenido para el usuario, que gracias a su modularidad, se puede actualizar constantemente. Si el proyecto del Museo Hermitage se llega a implementar, una posibilidad sería que el contenido de estos módulos estuviera relacionado con la exposición del museo.

Entretenimiento Como entretenimiento se entienden todas las posibles actividades que el usuario realiza mientras permanece en la estación. Este tipo de actividades se pueden dividir en tres grupos: productivas, lúdicas y de carácter sano (zonas de deporte o áreas donde se pueda comer sano).

Actividades productivas

Todas aquellas actividades que puedan ayudar al usuario a ser más productivo mientras se encuentra en la estación. Muchas de éstas ya se han visto implementadas en varias estaciones del mundo. Por ejemplo tener zonas de carga para los móviles o tablets, e interruptores para los ordenadores. Otra buena práctica puede ser ofrecer mesas largas que permitan generar un ambiente agradable de trabajo. Este tipo de actividades son importantes ya que en la Nova Bocana se está construyendo una nueva sede de la Facultad de Náutica y además, como se expuso anteriormente el tipo de persona con intereses laborales aprecia tener este tipo de espacios. En la plataforma web, las actividades productivas serían: poder comprar billetes; descargar de forma ágil los horarios o poder tomar una captura de pantalla- esto implicaría que el contenido esté bien optimizado por cada pantalla; poder contactar un servicio de soporte interactivo, como por ejemplo Intercom (www. intercom.com).

Actividades lúdicas

Las actividades lúdicas se contemplan de cara a los niños. Existen juegos compuestos por elementos físicos tridimensionales, piezas o estructuras dibujadas en el suelo, o columpios, que también pueden ser utilizados por los adultos. Así mismo, una de las prácticas más vistas en salas de espera de muchos pediatras es la facilitación de iPads incrustados de forma fija en otra estructura más grande que permita a los pequeños jugar sin darles la posibilidad de llevarse el dispositivo. De cara a la plataforma web se podrían contemplar juegos interactivos para los usuarios niños y una navegación intuitiva pero basada en un storytelling para los adultos.

Actividades saludables

Esta categoría comprende actividades diversas que buscan entretener al usuario de una forma divertida y también saludable. Un ejemplo: el uso de posters que motivan al usuario a hacer un poco de ejercicio. Por otro lado, es inevitable ignorar la tendencia de comer saludable. Ofrecer alimentos pre-cocinados pero que sean sanos es una oportunidad que podría tener el servicio de diferenciarse y aumentar la percepción como un servicio de calidad, sostenible, sin dejar de lado la satisfacción del usuario.

Características ambientales Todas las diferentes características que hacen que el ambiente sea placentero para el usuario son altamente relevantes y afectan de forma directa la percepción de la experiencia total que el usuario pueda tener del servicio. Es deseado que todos los espacios en los cuales se imparte el servicio sean limpios, frescos y que tengan un mantenimiento planeado. No obstante, igual de importante son las estructuras arquitectónicas, diseño, colores y luminosidad escogidas con antelación. Los usuarios esperan encontrarse con un entorno seguro y un ambiente agradable en el que puedan pasar los tiempos muertos. De tal forma, los tiempos muertos, dejan de ser percibidos como tales si la experiencia total es impecable. Es decir, pasar tiempo en la estación se convertirá en un deseo (para el usuario), por tal de poder experimentar toda la experiencia que se le propone.

Para más información clic en el link

www.brian-graf.squarespace.com/about/ o para ver un vídeo: https://www.youtube. com/watch?v=BONL43eKi50

Para escuchar el álbum abrir el siguiente link www.open.spotify.com/ album/063f8Ej8rLVTz9KkjQKEMa

Es una percepción visual que se genera en el cerebro de los humanos y otros animales al interpretar las señales nerviosas que le envían los fotorreceptores en la retina del ojo. A su vez interpretan y distinguen las distintas longitudes de onda que captan de la parte visible del espectro electromagnético.

Olor

Ya que es relevante que el entorno esté relacionado con la temática del servicio, se recomienda el uso de olores evoquen el mar. De forma adicional, es conveniente neutralizar cualquier tipo de mal olor propio de la zona.

Música

La música juega un rol muy importante cuando se trata de crear un ambiente ameno y agradable. Varios estudios demuestran que la música es capaz de afectar las emociones y el estado de ánimo del ser humano (Kampfe, J., Sedlmeier, P., Renkewitz, F., 2010). Existen dos ejemplos muy interesantes que utilizan la música como un recurso para mejorar la experiencia del usuario. El primero se llama Subway Symphony proyecto creado por el músico James Murphy que busca transformar el sonido de los torniquetes en el metro de Nueva York en notas musicales. Para Murphy la música es poderosa, y él considera que con este pequeño detalle se puede cambiar el día a día de millones de viajeros. El segundo ejemplo es un álbum musical escrito por Brian Eno, un músico y compositor de música electronica y experimental, británico. Su álbum se titula Música para aeropuertos (Music for Airports) y lo publicó en 1978 después de haberse quedado encerrado en un aeropuerto en Alemania. Eno tenía como objetivo hacer desaparecer la tensa atmósfera de una sala de espera de aeropuerto. Si se realiza una curación musical de calidad, ofrecida tanto en la estación como en el barco es de importante evidenciar su existencia tanto en la plataforma web, como en plataformas/ redes sociales especializadas en la difusión de música y listas de reproducción: Spotify o Soundcloud. Ambas pueden ser perfectamente integradas en la web propia del servicio y permiten la creación de links que facilitan la ágil difusión de las listas de reproducción de carácter temático. Presentar una gran sensibilidad por la música genera una alta percepción y posicionamiento de la marca en la mente del usuario.

Color

Los colores determinan fuertemente cómo se sienten los seres humanos. En los espacios públicos, como las estaciones, se está rodeado de ellos. Escogiendo un color específico para las estaciones como para el barco, permite al servicio ejercer una influencia sobre las emociones de sus usuarios. Los colores con

una longitud de onda corta se especifican como colores fríos (azul y verde), mientras que aquellos con una longitud de onda larga son cálidos (rojo y amarillo). Los colores cálidos son aparentemente exitosos cuando se trata de atraer a la gente (entrada, escaparate), pero menos cuando se trata de hacer que se sientan a gusto: ya que posicionan al usuario en estado de alerta. En ambientes en los cuales el usuario es propenso a experimentar ansiedad (por motivos varios), es más indicado trabajar el espacio con colores frescos, calmantes: que inciten al usuario a permanecer más tiempo en ese entorno.

Luz

La intensidad de la luz que se selecciona para cada espacio ejerce ciertas respuestas involuntarias y de carácter instintivo en los usuarios. La luz tiene un fuerte efecto en el grado de excitación, como Mehrabian sugirió: ”las habitaciones luminosas son más excitantes (para la vista) que las de poca luz” (situaciones en las cuales los otros sentidos se ven más potenciados). Sobre todo de cara a la estación que ya está construida, debe tenerse en cuenta que su tejado y fachadas no permiten la entrada de luz natural. Por lo tanto, en la medida de lo posible y de los marcos reglamentarios, se recomienda que a lo largo de su rehabilitación se contemple la posibilidad de cambiar el tejado actual por otra variante que permita la entrada del sol, pero que a su vez pueda ser regulada. De forma complementaria, puede ser conveniente alargar el nuevo tejado hacia las zonas laterales del edificio para que éste proteja del sol en verano y del viento en invierno.

Vegetación

Para potenciar un ambiente fresco y tranquilo es muy indicado contemplar como parte de la decoración de los ambientes el uso de plantas autóctonas. Éstas pueden repercutir tanto en una mejora estética del entorno como en la calidad del aire. La envergadura del sistema y áreas vegetativas puede mejorar el posicionamiento del servicio e integrarlo dentro de la green economy. De forma adicional también inferiría en el número de iniciativas sostenibles del puerto y mejoraría su posicionamiento como Smart Port. Finalmente, se puede presentar una candidatura para obtener financiación por parte de instituciones locales. Cabe precisar que la mejor implementación de la vegetación en un espacio funcional se realiza

partiendo de un sistema modular. Los diferentes módulos deben permitir tanto el almacenamiento de aguas pluviales, posteriormente utilizadas para el riego, como la división de todos los espacios entre plantas aromáticas, decorativas y fertilizantes. Dada la zona en la cual se encontrarán ambas estaciones puede ser muy interesante también centrar la propuesta en plantas que crezcan en agua, sin necesidad de tierra, mediante acuaponía.

Aspectos sostenibles

La estación y el barco deben producirse en la mayor medida con materiales orgánicos y reciclables. Este aspecto también es importante de cara elementos pequeños como por ejemplo las toallas de manos de los lavabos. Además es importante que se proporcionen papeleras que permitan reciclar y que mediante la comunicación se incite a hacer un buen uso de ellas. En cuanto a la plataforma web, es importante que incite al usuario a no imprimir el contenido que obtiene, ya que siempre puede guardarlo en su ordenador o dispositivo móvil y consular ágilmente en caso de ser necesario.

Diseñar una experiencia holística no solamente proporciona un ambiente curioso y entretenido para los usuarios, sino que se convierte en un canal de comunicación, a través del cual la empresa puede indicar su misión: “Queremos ofrecerte la mejor experiencia de viaje.”T

We care about your travel experience.”

Bran

ding

Naming Una marca [brand] es un sistema de signos que dan al usuario toda la información y contexto sobre un producto o servicio con el objetivo de diferenciarlo de la competencia. Los elementos que diferencian al servicio, deben hacerlo así mismo, más atractivo y fácilmente reconocible. El primer elemento con el cual el usuario entra en contacto con la marca es el nombre. Por este motivo es importante que éste sea fácilmente pronunciable y memorizable. El nombre también es el primer indicador de la tonalidad de la marca. Por tal de recalcar su importancia y evidenciar cómo puede variar todo el sistema de signos que se elaborará en concordancia se han propuesto 3 posibles namings junto a su sistema.

Bus Nàutic Bus Nàutic es el nombre propuesto por el Port de Barcelona. Destaca la lengua catalana y su carácter técnico que a su vez facilitan su comprensión a partir de múltiples otras lenguas. La tonalidad técnica permite relacionar este nombre con el sistema de indicaciones náuticas, es decir con formas geométricas sencillas combinadas entre sí. Adicionalmente, los colores representantes son los primarios más el blanco y el negro.

PANTONE® 19-4023 Blue Nights

PANTONE® 19-1840 Deep Claret

PANTONE® 13-0859 Lemon Chrome

Blaubus Blaubus quiere remitir al usuario al ecosistema del medio de transporte mediante una alusión al color del agua. Es un nombre corto y sencillo que sigue permitiendo mantener el nombre en catalán pero a la vez ser comprendido desde cualquier otra lengua gracias a sus cortos lexemas. En este caso, el sistema tiene como pieza fundamental la elección de un azul luminoso, característico del servicio y evidenciado en su nombre, acompañado de una tipografía sans serif bold. Como ya se ha mencionado, el azul hace referencia al agua y al mar, por lo tanto otro símbolo que se podría integrar en este sistema es una ola. Finalmente, para representar el aspecto más técnico del servicio, se recomienda hacer uso de un gris metálico que simbolice una máquina como medio de transporte.

PANTONE® 19-4023 Blue Nights

PANTONE® 14-5002 Silver

PANTONE® 11-0601 Birght White

Sardina Sardina se nutre de una tonalidad totalmente diferente a las dos propuestas expuestas anteriormente. Se presenta con una voz simpática y atractiva. En cuanto a las características de su posible sistema hereda un trazo abstracto (propio de Joan Miró) y trazos cubistas (más propios de Picasso) que culminan en artistas actuales como Javier Mariscal. Por otro lado, la tipografía es gráfica, parecida a una caligrafía infantil.

PANTONE® 19-4023 Blue Nights

PANTONE® 19-1840 Deep Claret

PANTONE® 14-5002 Silver

Sistema de identidad Con la intención de integrar mejor el sistema que se implementará dentro del sistema de identidad del Port de Barcelona se ha realizado un análisis de éste para comprender todos los elementos que lo integran y que a su vez podrían utilizarse como nexos de unión. En cuanto a los colores, adopta la misma estrategia que la presentada para el naming “Blaubus”: azul, que representa tanto el mar como parte de los contenedores de cargo + gris que representa toda la parte logística y técnica del Port de Barcelona. Ambos colores son presentados en numerosas tonalidades a lo largo de las aplicaciones del branding. Por otra parte, interfieren dos formas: los rectángulos [técnico & estructural], presentando el carácter estructural y técnico del puerto, así mismo como los contenedores de cargo y en segundo lugar, la ola [natural & orgánico], que representa tanto el agua y el mar. En definitiva, el Port de Barcelona presenta un sistema sencillo, pero fácilmente comprensible basado en dos elementos cromáticos y otros dos estructurales que presentan de forma redundante la harmonía proveniente de la naturaleza y su integración con lo técnico y mecánico.

PANTONE® 19-4023 Blue Nights

PANTONE® 14-5002 Silver

RectĂĄngulos

estructura & containers [tĂŠcnico]

Ola

agua & mar [naturaleza]

Es la manera en la que el usuario interactúa con una aplicación o una página web. http://searchmicroservices.techtarget. com/definition/user-interface-UI [Consultado el 29/03/2017]

UX [Web] El diseño de experiencia para el usuario (UX - User Experience, por sus siglas en inglés) estudia todos los aspectos relacionados a la percepción que pueda tener el usuario de un producto o servicio. El principal objetivo es permitir una ágil e intuitiva navegación. Es importante distinguir el diseño total de UX de la interfaz de usuario* (UI - User Interface, por sus siglas en inglés), aunque la interfaz de usuario sea evidentemente una parte muy importante del UX. Para entender mejor esta distinción se expondrá un ejemplo: una página web con reseñas de películas. El usuario está interesado en encontrar una reseña sobre una película independiente, pero la base de datos subyacente sólo contiene películas de grandes estudios. En este caso, aunque la UI de la página web sea perfecta y el usuario logre navegar e interactuar fácilmente con la página web, su UX total será pobre ya que no le permitirá encontrar la información deseada. Debido a que la mayoría de la gente que accede a una página web lo hace con un objetivo específico, es importante que la página web los ayude a cumplir rápidamente este objetivo. Por lo tanto, para poder ofrecer la mejor UX total de cara a la página web es importante conocer qué quiere/busca el usuario de la página web, cómo busca por información, qué lo motiva a entrar a una página web. En la fase de desarrollo se han desarrollado entrevistas a usuarios de múltiples edades y nacionalidades que han permitido la implementación de dos iteraciones con sus determinantes prototipos. En la fase de desarrollo se han desarrollado entrevistas a usuarios de múltiples edades y nacionalidades que han permitido la implementación de dos iteraciones con sus determinantes prototipos.

Entrevistas Para obtener toda esta información y entender el objetivo que tendría el usuario de cara a la página web del Bus Nàutic, se realizó una serie de entrevistas. Dado que el servicio será utilizado tanto por locales como por turistas se decidió crear dos escenarios diferentes. En total se entrevistaron 40 personas, de la cuales 20 tenían cómo escenario ser un local en Ciudad X y los otros 20 eran turistas en Ciudad X. La intención detrás de ésto era conocer si el comportamiento del usuario variaba dependiendo de su situación (local o turista). En los dos escenarios se hicieron las mismas preguntas:

1. Imagina que eres un turista/local en la Ciudad X y quieres viajar del punto A al punto B. Qué harías para saber cómo llegar al punto B? 2. ¿Escogerías un sistema de transporte desconocido (diferente de metro, bus, taxi o bicicleta)? 3. Después de conocer las posibles opciones para llegar al punto B ¿bajo qué criterio basarías tu decisión? (Menciona dos) 4. Si necesitarás más información sobre este sistema de transporte desconocido ¿qué harías? Se lo más específico posible. 5. Digamos que buscaste sobre el sistema de transporte online y terminaste en su página web. ¿Qué características debería incluir la web para ti? Menciona 3. 6. ¿Te interesaría comprar el tíquet en linea? 7. ¿Qué prefieres? Opciones: Sistema de transporte colectivo (bus, metro, etc). Sistema de transporte individual (taxi, bicicleta). Me da igual. 8. Te dio curiosidad y quieres saber si existe la posibilidad de viajar en un método de transporte marítimo en Ciudad X. ¿Qué escribirías en Google? 9. Cuando piensas en sistema de transporte marítimo ¿qué palabras vienen a tu cabeza?

Entrevistas conclusiones En los dos escenarios, la mayoría de los entrevistados optarían por Google Maps como la primera opción para conocer un trayecto. Por lo tanto, se constata la necesidad de incluir el trayecto en todas las aplicaciones de movilidad más utilizadas como Google Maps, Citymapper e incluso Waze. La segunda alternativa más propuesta para buscar el trayecto es a través de Google. Así pues, es necesario que la página web tenga un buen posicionamiento. De tal forma cuando el usuario busque Estatua de Colón al W Hotel, o Estatua Colón a la playa, aparezca en los resultados la página web del servicio. De cara al grupo de turistas, se reflejó una división casi del 50% entre si utilizarían o no un servicio de transporte desconocido. Se intuye que por lo general es la primera vez que se visita la ciudad y que por lo tanto el usuario prefiere usar métodos de transporte en los cuales confía o de los cuales haya oído hablar. Por consiguiente, será primordial comunicar que el servicio es seguro en foros o sitios web de viaje como Trip Advisor y en los reviews de Google Maps con tal de fomentar la confianza. Tanto locales como turistas basarían principalmente su decisión en el tiempo. Es decir, la opción que les permita realizar el trayecto de la forma más rápida posible. Esto resulta interesante, ya que el servicio ofrece la duración del trayecto más corta, comparada a los otros medios de transporte.

Para obtener más información sobre el nuevo servicio, en los dos escenarios se presenta Google como la primera opción. Aunque en los dos escenarios se presente Google como la primera opción para obtener más información sobre el nuevo servicio, es importante ver cómo las otras propuestas expuestas por los entrevistados varían dependiendo del escenario. Como es el caso de los turistas, donde el 46% de los encuestados pedirían información en los puntos de información turísticos de la ciudad, mientras que el grupo de los locales en ningún momento contempló esta opción. Por otro lado, los locales consideraron casi igual de importante preguntarle a conocidos sobre este nuevo servicio como buscar en Google por más información. Esto demuestra la importancia de tener una buena comunicación tanto online como offline. Con respecto a la web y la información, los dos grupos consideran relevante que la página web les informe sobre el servicio, presente los precios y los horarios, el trayecto y la duración de éste. De los 40 entrevistados, el 90% compraría el tíquet online si estuviera la opción.

Iteración 1 En base a los resultados expuestos previamente, se desarrolló un primer prototipo. La intención de este prototipo era comprobar, en primer lugar, si la forma encontrada de diagramar la información era coherente para el usuario y en segundo lugar, si el usuario consideraba que hacía falta más información. Para poder comprobarlo de la forma más eficiente posible era necesario que el primer prototipo no tuviera diseño alguno, así pues los usuarios podían enfocarse únicamente en la información expuesta y en el orden de ésta. Este prototipo se desarrolló con Paperproto®, una carcasa de iPhone impresa 3D en la cual se pueden insertar las diferentes pantallas que se quieren testear en papeles impresos. Para empezar analizamos qué tipo de navegación nos parecía más ágil e user friendly. La opción scroll-down (desplazamiento hacia abajo) era la que permitía con más naturalidad la interacción con cualquier tipo de contenido web. Gracias a las ranuras que el prototipo tenía fue posible probar con usuarios este tipo de navegación. El proceso de navegación se dividió en tres partes: intro, cuerpo y pago.

Intro

Intro feedback

el usuario comienza la navegación con la página de inicio. En esta página el usuario se encuentra con una pequeña introducción del servicio, una imagen del barco y un botón que dice “Comprar tíquet”.

Considerar si la página de inicio debe tener una imagen del barco o un texto que informe más sobre la experiencia del servicio. Definir con cuál de los dos se puede generar más curiosidad que permita y motive al usuario a continuar su navegación. Si el usuario no siente curiosidad de saber más sobre el servicio, no continuará navegando. Si hay un botón en la primera página la gente hace click y se pierde todo el flow de scrollingdown. Predispone a la gente. Tiene que ser más intuitiva la intención del scroll-down.

Cuerpo

Cuerpo feedback

El usuario sigue haciendo scroll-down, y ve un mapa con el trayecto y la duración del trayecto. Luego, si sigue bajando, aparecerá la tabla de horarios con los precios del servicio y un botón que permite comprarlos. Finalmente, el usuario tendrá unas cuantas reviews de otros usuarios, el apartado de contacto, donde se muestra la dirección, el teléfono y el correo electrónico y por último un botón que dice “Comprar tíquet”.

La tabla de horarios se debe ver grande o poder hacer un zoom in intuitivo sobre todo de cara al móvil.

Pago

Pago feedback

El usuario tendrá en su pantalla un mensaje de bienvenida y la lista de los diferentes precios (adultos, niños y grupos). Al lado de cada categoría, habrá una caja para especificar la cantidad deseada. Una vez especificada la cantidad, el usuario deberá hacer scroll-down para poder meter los datos de su tarjeta de crédito y confirmar la compra. Después de finalizar la compra, el usuario tendrá la opción de descargar su billete y los horarios en su móvil mediante Apple Wallet, Samsung Wallet o en PDF. Después de poner a prueba el prototipo con personas de diferentes edades, la mayoría padres y adolescentes, se obtuvo el siguiente feedback.

Botón para continuar después de haber seleccionado los tickets.

Especificar que es ida y vuelta el trayecto. Valoraban los reviews de las otras personas. [Conectar con tripadvisor, yelp, etc..] Existe mucho énfasis en comprar el tíquet y poco en la experiencia que el servicio puede brindar.

Incluir precio total antes del botón continuar. Al pedir los datos para pagar, pedir el mail. Opción de enviar al mail o guardar en el Passbook. (Revisar si desde la web se puede guardar en Apple Wallet y para los móviles Android ver qué aplicación utilizan para guardar los tíquets.) Especificar el precio de los residentes + verificación de que son residentes y documento de identidad.

Iteración 2 Una vez iterado el primer prototipo, se procedió a diseñar el segundo prototipo digital. Éste, al igual que el primero, fue concebido con un diseño funcional al cual posteriormente se le añadirá el estilo definido por el branding. El feedback recogido permitió entender que la prioridad de los usuarios es entender qué es el nuevo servicio, antes de proceder con la compra de los billetes. Por lo tanto, el objetivo que debería tener la web es: informar sobre la existencia del servicio. Una vez éste ya sea reconocido a nivel internacional y haya ganado visibilidad el objetivo podría migrar a ser: mejorar el proceso de compra de tíquets.

Cambios del prototipo Se incluyó un menú de navegación, ya que muchas personas no entendían bien el concepto de scrolling-down, y de esta manera se permitía la navegación por la web de las dos maneras. El botón de la página de inicio se eliminó para hacer más intuitivo el hecho de scroll-down. En el mapa, se recalcó mediante dos flechas, que el servicio tiene ida y vuelta. En los precios se incluyó el precio de los residentes y se informó también que las bicis, los cochecitos y las mascotas entran gratis al servicio. La tabla de horarios se diseñó de tal manera que ésta aparezca como un pop-up de pantalla completa, para facilitar su visualización. Así mismo, se incluyó la posibilidad de poder descargarla en PDF, considerando que muchos de los turistas no tienen internet todo el tiempo. Se incluyó todo un nuevo apartado, llamado tarjeta de fidelidad, para todos aquellos usuarios regulares que trabajen por la zona portuaria y quieran adquirir dicha tarjeta. En el proceso de pago, una vez especificada la cantidad de tíquets deseados, aparece el total y se incluyó el botón de continuar.

Home

Horarios

Tarjeta Fidelidad

Comprar Tiquet

Acerca De

Trayecto

Precios

Comprar Tiquet

Pdf Tiquet

Contacto

Pasos a seguir Dado que el segundo prototipo está hecho, los pasos a seguir son: en primer lugar, ponerlo a prueba con el usuario, ver cómo reacciona y cómo interactúa con él. Corroborar si su UX total es satisfactoria, mediante una UI intuitiva. En segundo lugar, aplicar el diseño del branding y ver cómo los usuarios reaccionan a la web una vez exista un diseño definido y establecido.

Bibliog

grafía

Estadístiques De Turisme. Barcelona: Ciutat I Entorn. 1st ed. Barcelona: Ajuntament de Barcelona, 2015. Web http://professional.barcelonaturisme.com/imgfiles/estad/Est2015.pdf. 11 Mar. 2017. Hagen, M. van. Waiting Experience At Train Stations. 1st ed. Delft: Eburon, 2011. Print. Wakefield, Kirk L. and Jeffrey G. Blodgett. "The Importance Of Servicescapes In Leisure Service Settings". Journal of Services Marketing 8.3 (1994): 66-76. Web. Kampfe, J.; Sedlmeier, P.; Renkewitz, F. (8 November 2010). "The impact of background music on adult listeners: A meta-analysis". Psychology of Music. 39 (4): 424–448. ¿Qué Es Un Logotipo?. Hazhistoria.net. N.p., 2017. Web. 2 Apr. 2017. Ambrose, Gavin, and Paul Harris. Fundamentos De La Tipografía. 1st ed. Barcelona: Parramón Ediciones, 2009. Print. Basic Promo. 1st ed. Barcelona: Index Book, 2012. Print. Branding Design 3. 1st ed. Tokyo: Graphic-sha, 2008. Print. Chaves, Norberto, and Raúl Belluccia. La Marca Corporativa. 1st ed. Buenos Aires: Paidós, 2008. Print. Clasificación Vox-Atypi. Es.wikipedia.org. N.p., 2017. Web. 31 Mar. 2017. Eslogan, Significado. "Significado De Eslogan". Significados. N.p., 2017. Web. 2 Apr. 2017. Harkins, Michael. Understanding Type. 1st ed. Orange: Bloomsbury Publishing, 2013. Print. Heller, Eva, and Joaquín Chamorro Mielke. Psicología Del Color. 1st ed. Barcelona: Gustavo Gili, 2016. Print. Lara, Vonne. La Teoría Del Color De Goethe. Hipertextual. N.p., 2017. Web. 2 Apr. 2017. Pepe, Eduardo Gabriel. Tipografía Expresiva. 1st ed. Radargenta Ediciones, 2008. Print.

Psicología Del Color. Es.wikipedia.org. N.p., 2017. Web. 2 Apr. 2017. Rom, Martí. JOAN MIRÓ: DEL PAL DE BALLARÍ A LA ESCALERA DE LA EVASIÓN. 1st ed. Barcelona: N.p., 2017. Web. 3 Apr. 2017. Sala, Marius. Logos Made In Spain. 1st ed. Barcelona: Index Books, 2000. Print.

i&j BOOKS Barcelona

www.portdebarcelona.cat Todos los derechos están reservados. Queda prohíbida la reproducción total o parcial de este libro por cualquier medio o procedimiento.