Cómo crear una versión para iPhone de un Sitio Web
El lanzamiento de cada nuevo iPhone da lugar a un aumento en el tráfico de Internet . Por ejemplo , cuando el iPhone 3GS fue lanzado en junio de 2009 , con su 30 fps grabación VGA película continua mejora de la cámara autofocus de 3 megapíxeles y de alta calidad , se produjo un aumento del 400 por ciento en las subidas de vídeos móviles a YouTube , según iPhoneHeat.com . El iPhone 3GS también se convirtió en el teléfono de la cámara superior en plataformas de fotos online , tomando al instante la delantera en sitios como Flickr . Debido a que es tan fácil de acceder a la web con un iPhone , muchas personas lo utilizan para buscar en los sitios no de redes sociales , también. Es importante , por tanto, que su sitio web se ve bien en la pantalla ( horizontal) de pantalla ancha del iPhone de 3,5 pulgadas .
Instrucciones
1
Mantenga el diseño simple página web. Recuerde que la pantalla del iPhone es casi 10 centímetros más pequeño que una pantalla de ordenador portátil regular. El iPhone utiliza Safari como navegador web completo . El contenido de tu sitio no se convertirá automáticamente a una versión smartphone amigable de sí mismo. No importa cuál sea la anchura que usted haya designado para su página, se mostrará en la pantalla de 3,5 pulgadas del iPhone (horizontal ) como lo haría en un ordenador de sobremesa o portátil . Demasiados elementos serán difíciles de distinguir. Demasiados elementos también tomarán demasiado tiempo para cargar . Recuerde que un iPhone puede cambiar entre el acceso a su página web con una red 3G , EDGE o una conexión Wi -Fi gratuita. Mover un lado a otro podría hacer los tiempos de carga más larga de lo que deberían , lo que puede hacer que el usuario iPhone dejar su sitio web. Haga que cada página de su sitio web más corto para aliviar los tiempos de carga .
2
Evite diseño - ratón dependiente . En lugar de un ratón, el iPhone tiene una interfaz de pantalla táctil . Los usuarios navegan páginas web con sus dedos . Pueden acercar y centro en una sección de la página haciendo doble clic en la pantalla. Al arrastrar un dedo por la pantalla se mueve la página web en esa dirección. Sacudiendo un dedo por la pantalla se desplaza la pantalla en esa dirección. Una pizca abierto o cerrado zoom manualmente o alejar, respectivamente. Desde los dedos de un usuario de iPhone puede ser por todas partes su página, tenga cuidado de no tener demasiados enlaces en su página , o demasiados tan juntos que es difícil para un usuario de iPhone para seleccionar o evitar tocarlas mientras navega por la página.
3
Diseñe las páginas de su sitio web con elasticidad en mente. Safari en el iPhone se abrirá cada ventana como a pantalla completa , que es de 480 por 320 píxeles cuando se mantiene en posición vertical. Cambiar el teléfono en posición horizontal hará que el ancho de 480. Sin embargo, el iPhone se lleva a cabo , Safari transfigurará su sitio web a la medida y llenar sus píxeles independientemente del ancho que haya establecido. Piense en las anchuras que establezca en consecuencia. Piense también en el tamaño del texto y el formato. Sea cual sea la configuración por defecto que pueda tener se puede redefinir para que el contenido páginas puede llenar la pantalla. El texto se puede envolver alrededor de las imágenes o de una línea a otra de manera que no esperaba .
4
Evite conjuntos de marcos . Marcos que se pueden ajustar individualmente no aparecerá en la iPhone de la misma manera . Safari para iPhone elimina los cuadros de desplazamiento que un ratón en un escritorio o pantalla táctil en un portátil permite a los usuarios manipular . En su lugar , utilice las columnas y bloques de texto para hacer un mejor uso del espacio. Las columnas son compatibles con la navegación iPhone . Dos golpecitos dentro de una columna será el zoom de forma que la columna llena la pantalla . Columnas permitirán a los usuarios de iPhone para centrarse en el texto aparte del diseño general de la página.
5
Evite el uso de applets de Flash , Java y otras tecnologías que no son compatibles con el sistema operativo del iPhone . Estos elementos sólo aparecen como cuadros en blanco cuando su página web se carga en un iPhone . Los más agujeros que hay en su contenido , es más probable que el usuario iPhone será navegar en y dejar su sitio.