El documento describe el proyecto Spain Phone 1.0, que tiene como objetivo crear una versión móvil de la página web de Enforex para permitir que estudiantes de español en todo el mundo accedan al contenido sobre cursos y escuelas de español de manera universal e independiente del dispositivo que usen. El proyecto requiere rediseñar la interfaz para dispositivos móviles, reestructurar el contenido existente y crear nuevos contenidos, así como probar la versión móvil en diferentes dispositivos.
2. m.enforex
El uso de smartphones es la
tecnología que más rápido ha
crecido en los últimos años
Fuente: Space 150 – datos 2011
3.6 BILLONES
de personas alrededor del mundo tienen smartphone
HOY (2011)
el acceso a internet a través de
dispositivos móviles será la
forma de aceso más común.
2014
DATOS GENERALES
Estadísticas sobre el
uso de dispositivos
móviles a nivel
mundial
4. Smartphones
Proyecto Spain Phone 1.0
m.enforex
simplicidad
diseño adaptable
máximo 20kb/p
navegabilidad
imágenes: 640x960px
Imágenes, texto, colores, links y
navegabilidad, son algunos de los
elementos que hay que combinar
correctamente para conseguir una
web móvil óptima.
%, páginas adaptables
no tablas
no frames
CONSIDERACIONES
GENERALES
PARA EL DISEÑO DE
DISPOSITIVOS
MÓVILES
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0
5. m.enforex
Proyecto Spain Phone 1.0
Para Seo Matt Cuts recomienda
versión web adaptable (diseño
sensible) como primera opción pero si
no es posible lo mejor es redirección
según el dispositivo y dominios
separados.
m.enforex.com www.enforex.com
USER AGENT
Versión de escritorioVersión dispositivos
ESPECIFICACIONES
DE SEO EN DISPOSITIVOS
Recomendaciones
del ingeniero Jefe de
Google
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0
6. m.enforex
Proyecto Spain Phone 1.0
COMENZAMOS CON
NUESTRO PROYECTO
Web accesible
desde dispositivos
móviles
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0
7. m.enforex
NECESIDADES
DEL PROYECTO
OBJETIVOS
Proyecto Spain Phone 1.0
El objetivo es guiar la Web hacia su
máximo potencial a la hora de
compartir de forma universal el
conocimiento del idioma español
creando así una web adaptable cuyo
acceso es independiente del
harware o software empleado.
En definitiva:
Transmitir el conocimiento del
idioma español a lo largo del mundo
sin trabas tecnológicas.
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0
8. m.enforex
NECESIDADES
DEL PROYECTO
NECESIDADES
Proyecto Spain Phone 1.0
1. Nuevo diseño de la versión web para móviles. No adaptable.
2. Restructuración del contenido actual para adaptarlo a la web
mobile.
3. Redacción de los contenidos en inglés y español teniendo en
cuenta el SEO para móviles.
4. Maquetación de las páginas. Un total de al menos 40 páginas
en inglés y otras 40-60 en español. El idioma de entrada será
el inglés pudiendo pasar a español en cualquier punto de la
web. En total sumarán unas 100 páginas como mínimo en un
menú de 5 categorías: About Enforex, Cursos de español,
Escuelas de español (España & Latino América) , Catálogo
gratuito y Aplicación para Móviles.
5. Redimensionado de imágenes. Una por cada página principal.
6. Correcciones finales tanto en textos como en navegabilidad o
estructura
7. Factores offpage de SEO.
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0
9. m.enforex
NECESIDADES
DEL PROYECTO
TECNOLOGÍAS A
EMPLEAR
Proyecto Spain Phone 1.0
1. HTML 5 y CSS
2. Conexión a Internet 3G/WIFI
3. Smartphone de útlima generación para pruebas de resolución y
testeo. Tablet, a poder ser un iPad para comprobación de
resoluciones y posibles ajustes.
4. MEDIA QUERIES
5. Editor de imágenes (Photoshop)
6. DreamWeaver
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0
10. m.enforex
DESARROLLO
WEB MOBILE
DISEÑO DEL MENÚ Y
OPCIONES
Proyecto Spain Phone 1.0
Enforex tiene 2 opciones de Menú muy
importantes en las que se basa toda la página
web:
• Spanish Courses
• Spanish Schools
En la web completa separamos tres opciones
principales: Summer Camps, Spanish in Spain
& Spanish in Latin America. Debido a la
usabilidad y navegabilidad de la versión móvil
hemos reducido estas opciones a una sola:
“Spanish Schools” en la que se engloban
ambos destinos y “Summer Programs” que se
añade en la parte de “Spanish Courses”.
Las opciones de menú que no están
representadas en el menú principal se añadirán
como contenido extra o submenú al pie de las
páginas quedando una estructura similar a la
que mostramos en la figura.
Esquema general de página:
menú superior, cabecera, imagen,
título, texto, menú y footer.
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0
11. m.enforex
DESARROLLO
WEB MOBILE
ESTRUCTURA
GENERAL DE
PÁGINAS
Proyecto Spain Phone 1.0
Menú superior
Cabecera
Localizador
Imagen
Título de página
Submenú de página
(o texto de página)
Submenú footer
Redes sociales
Contactar
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0
12. m.enforex
DESARROLLO
WEB MOBILE
TIPOS DE PÁGINAS
ESPACIALES
Proyecto Spain Phone 1.0
Página de Galería de Fotos
Se accede a través de las
opciones del footer de las
páginas de las escuelas
“destinations” o “spanish
schools” tanto en España
como en América Latina.
Vídeo de la escuela
Se accede a través de las
opciones del footer de las
páginas de las escuelas
“destinations” o “spanish
schools” tanto en España
como en América Latina.
Mapa de Localización
Se accede a través de las
opciones del footer de las
páginas de las escuelas
“destinations” o “spanish
schools” tanto en España
como en América Latina.
>> A todas ellas se accede a través del menú secundario situado en el footer
Innovación de procesos interactivos con estudiantes de español como lengua extranjera
por dispositivos para telefonía móvil de última generación. Versión 1.0