Caracterización e introducción (2 páginas)Nombre: Dizzy Café BarSector: Servicios - Restaurante BarLocalización: Barrio Marly (Javeriana), ubicado en la calle 46 8 - 27 Segundo PisoDatos de contacto: Luis Carlos Ariza, propietario 10 años con número celular 319 219 5555Principales líneas de servicio: con atención de lunes a sábado, el restaurante sirve almuerzos con un menú predefinido en el horario de 12 a 15:30 horas y posterior a la atención de ésta línea se desarrolla de manera contínua la de café bar, hasta las 22 horas de lunes a jueves y viernes y sábado hasta las 2 horas del día siguiente.En la línea de café bar se cuenta con servicio de cocina con una carta que incluye hamburguesas, costillas, alitas, crepes. Y en el servicio de bar se distingue por manejar marcas premium y un extenso catálogo de cocteles con y sin licor.El sector se distingue por tener caracterizados grupos claros de estudiantes, profesores, personal administrativo de las 3 universidades a su alrededor: Universidad Javeriana, Universidad Piloto y Universidad Católica. Adicionalmente cuenta con algunos residentes mayores que habitualmente concurren igualmente al establecimiento. El local consta de 12 mesas en un salón con barra, y un salón auxiliar (8 mesas con sillas bajas) más reservado para un ambiente más privado que se abre los días viernes o cuando se llena el salón principal. Igualmente una batería de 2 baños completan el local. El exterior carece de una imagen llamativa y los clientes generalmente se sorprenden por su ubicación y diferenciación con respecto a los locales de la zona.La posición competitiva es la del líder de la zona en ambientes de música americana y precios mayores que los del sector (estrategia de diferenciación).

Para conocer las expectativas de la persona de contacto se entrevistó a su dueño Luis Carlos Ariza y se le preguntó sobre sus necesidades. El señor comentó como actualmente ha manejado su marca en la web a través de un proveedor llamado Valquiria Visual, el cual construyó un sitio web con 4 secciones: página principal con datos de contacto y ubicación, carta del bar, carta de la cocina del bar y formulario de contacto para solicitudes, felicitaciones, quejas y reclamos. Igualmente maneja una página en facebook sin mayor interacción.

Sus expectativas actuales incluyen: mejorar la comunicación de algunos mensajes muy claros a su público tales como ubicación, menú del almuerzo, carta actualizada del bar y restaurante, disponibilidad del salón auxiliar o principal para eventos, disponibilidad para ver eventos deportivos (fútbol).

PropuestaEl equipo de trabajo Eliécer desarrollará un sitio web utilizando la identidad visual actual disponible (colores, imágenes) y contenidos (carta, menú) provistos por el cliente para generar una experiencia más dinámica del sitio el cual deberá incluir el uso de celulares (web responsive) y de pantallas de escritorio. Dicho sitio será alojado en el dominio actual. Dicho diseño será validado en sitios internacionales que garanticen su adherencia a estándares y considerará la usabilidad y accesibilidad en la medida de lo posible. El diseño

usará hojas de estilo para generar variantes de diseño para generar diferentes aspectos. Su diseño se probará en 3 navegadores en versiones recientes que usen html5 (explorer, chrome, firefox) y en teléfonos o tabletas con sistema operativo Android e iOS..

El sitio estará dividido en las siguientes secciones:Página de inicio (home page): sección de introducción con diferente presentación para celular o pantalla de escritorio, donde se informa la ubicación y distancia al sitio. Aquí se hace la motivación para conocer las demás secciones. Y se unifica con la interacción de contacto (formulario).Menú del día: sección que ilustra el menú para el día (solo el presente) y que los domingos no muestra información, sino invita a ir el próximo lunes. Esta sección puede incluir una foto o dos del menu y debe poderse actualizar sin necesidad de personal técnico. La fuente de cada una de los ítems que varían diariamente (sopa del día, entrada, proteína animal, guarnición, acompañamientos) provienen de una base de datos y un usuario autorizado los selecciona y publica diaramente.Pŕoximos eventos: en un calendario semanal o mensual se muestran los próximos eventos que un usuario autorizado puede programar para publicar e informar de manera consultiva. No incluye manejo de correo ni listas de suscripción.Carta del bar: a manera de catálogo se presentará la información de la carta dividida en las mismas secciones de la carta actual. Deberá tener una opción para mostrar o no por cada producto, una foto y su precio. Estos datos serán almacenados en una base de datos y deberán poder cambiar su ordenamiento.Promociones: en una página independiente (splash) que puede aparecer antes del splash se muestra información sobre la promoción del día, semana o mes. Cuya vigencia deberá poder administrarse igualmente por un usuario no técnico que elige un rango de fechas, un mensaje corto y la adicion de una fotografía.

En general el diseño gráfico continua siendo sobrio pero con un toque de inferencia de accesibilidad para público joven. El despliegue de la información de precios se alínea con estrategias de estacionalidad y las secciones de promociones y próximos eventos buscan atraer mayor número de visitantes recurrentes. El manejo del correo se evita para no sofocar a la actual audiencia fiel pero no se descarta para futuras mejoras. En particular el diseño deberá permitir adecuar las imágenes frente a cambios de disponibilidad, cambios de sitio que puedan afectar al negocio. Mucha de la visión utiliza el sitio de Mortons, cadena de restaurantes americana. El uso principal es informativo y la interacción es de contenido push en esta fase.

Técnicamente se utilizará HTML5, CSS3, PHP 5 y MySQL 5 como arquitectura de productos. No se utilizarán editores diferentes a Notepad++. Sobre arquitectura de aplicación de 3 niveles WAMP (Windows, Apache, MySQL y PHP).

Reflexiones de la lecturaPreguntas Capítulo 4: Diseño y Layout21. ¿Quién diseñará el sitio?22. ¿El diseño del sitio soportará el contenido o lo distraerá?23. ¿El layout del sitio hará que su contenido sea claro?24. ¿Cuál será el ancho y altura de su sitio web?25. ¿Como el deisño del texto hará que su contenido sea claro?26. ¿Cuáles imágenes serán usadas efectívamente en su diseño?27. ¿Como su diseño hará buen uso del espacio en blanco?28. ¿Como el diseño del sitio usará el color?29. ¿Como el fondo de su sitio ayudará a focalizarce en el contenido o lo distraerá?30. ¿Como los elementos dentro del contenido se diferencian del texto del cuerpo?31. ¿Como el diseño del sitio se mostrará bien en diferentes navegadores?32. ¿Como el diseño del sitio se mostrará bien en dispositivos móviles?33. ¿Como el diseño de la navegación del sitio complementa o “clutter” su sitio?34. ¿Como se utilizará la animación en su diseño?

Preguntas Capítulo 5: Experiencia de Usuario35. ¿Cómo serán sus menús de navegación fáciles de usar?36. ¿Cómo se cargará rápidamente su sitio?37. ¿Cómo los visitantes sabŕan como estar en contacto con usted?38. ¿Cómo el sitio usará los popups?39. ¿Cómo las formas serán fáciles de usar?40. ¿Qué sucede si una página en su sitio no existe?41. ¿Cómo fácilmente se imprime sus páginas?42. ¿Cómo serán los vínculos amables con el usuario?43. ¿Cómo el sitio tendrá requerimientos especiales para que ciertas características funcionen?44. ¿Cómo ocultará algún contenido u opciones para evitar el apeñuscamiento visual?45. ¿Cómo fácilmente los visitantes encontrarán detalles específicos importantes en su sitio?46. ¿Cómo probará la amigabilidad con el usuario de su sitio?

Preguntas Capítulo 6: Construcción47. ¿El sitio será estático o dinámico?48. ¿Su sitio será construido con un sistema de gestión de contenidos (CMS)?49. ¿Se usarán tablas u hojas de estilo para lay el sitio?50. ¿Cómo efectivamente las hojas de estilo se utilizarán en su sitio web?51. ¿Que herramientas serán necesarias para construir el sitio o sus contenidos?52. ¿Cómo el HTML será “bloated”?53. ¿Cómo estarán los archivos claramente organizados?54. ¿Cómo los archivos que no son de texto usarán los tipos apropiados de archivo?55. ¿Cuáles lenguajes diferentes de HTML serán usados para construir el sitio?

Preguntas Capítulo 7: Contenido56. ¿Cómo el contenido servirá al propósito del sitio?57. ¿Cómo su contenido será fácilmente accesible?58. ¿Cómo el contenido de cada página tendrá un foco único?59. ¿Cómo se contenido escrito será corecto, claro y bien estructurado?60. ¿Cómo su contenido utilizará los vínculos?61. ¿Cómo usted utilizará efectivamente imágenes en su contenido?62. ¿Como se usará el video o audio en su contenido?63. ¿Como el sitio usará una página “splash”?64. ¿Cuál contenido será la “home page”?65. ¿Cuáles serán las páginas básicas de contenido en el sitio?66. ¿Habrá blog en el sitio?67. ¿Se estará vendiendo en línea?