Cómo diseñar sitios web para iPhone

Lo más probable es que conozcas a alguien que tenga un iPhone, si es así, entonces sabes lo importante que es que los sitios web puedan traducirse sin esfuerzo de modo adaptable para iPhone, y tener fácil acceso. El hecho es que a medida que la tecnología portátil continúa evolucionando y creciendo en popularidad, seguirá creciendo la necesidad de sitios web de tecnología y aplicaciones que se atengan a las variadas pautas y especificaciones. Al crear una página web resulta imperativo que tomes en consideración la probabilidad de que tu sitio será también visitado a través de un medio que no sea la pantalla de computador tradicional. Esto requiere que te ajustes en consecuencia.

Hay muchas cosas que se deben hacer y muchas que no cuando se diseña un sitio web que está adaptado al iPhone, incluyendo: tomar en consideración el tamaño de pantalla, asegurarte que los enlaces y las pestañas sean fáciles de navegar, hacer lentas las descargas con imágenes excesivamente pesadas y utilizar meta-tags.

 Variaciones en tamaño de pantalla

Al diseñar para pantallas de computadores tradicionales, el área de la superficie con la que tienes que trabajar es mucho más grande que con los dispositivos portátiles, con lo cual no resulta tan perjudicial el tener exceso de texto, grandes composiciones de diseños y procesos de navegación tediosos. Sin embargo, con las pantallas portátiles, el área de la superficie es mucho más pequeña, lo cual hace necesario que el diseño del sitio web pueda fácilmente reducirse a escala hacia un formato utilizable. Mientras que la mayoría de los dispositivos portátiles tienen una característica de zoom, puede que sea mejor facilitarle la vida al usuario y formatear el contenido web en una columna fácil de leer, en vez de llenar de contenido toda la página.

Enlaces y pestañas

Mientras que los computadores normalmente usan un ratón o un tapete táctil para navegar en línea, muchos dispositivos portátiles tienen pantallas táctiles. Esto le permite al usuario tener una experiencia práctica con tu sitio web – algo que puede ser muy bueno si el sitio es fácil de navegar. Para asegurarte que tu sitio esté diseñado de forma apropiada para que alguien más lo navegue, es importante recordar que el tamaño sí importa. Si el área de selección de tu enlace o pestaña es muy pequeña, corres el riesgo que el usuario seleccione múltiples enlaces al mismo tiempo, ya que no habrá suficiente espacio entre las áreas de selección. Sin embargo, este problema se resuelve fácilmente al permitir un espacio adecuado entre los enlaces y las pestañas, así como creando títulos de enlace que sean un poco más grandes de lo habitual, permitiendo que un dedo pueda seleccionar con exactitud el enlace deseado.

Imágenes grandes

Mientras que las imágenes a gran escala se pueden ver muy bien, tradicionalmente toman mucho tiempo de carga. Puede que esto no sea tanto problema en un computador o portátil regular, donde las velocidades de descarga pueden ajustarse según la velocidad; no obstante, sí constituye un problema para los dispositivos portátiles, los cuales dependen de una señal inalámbrica para la velocidad de las cargas y descargas. No hay nada más frustrante para un visitante que cuando una página tarda siglos en cargar. La mayoría de las personas no van a esperar a que una tediosa imagen se cargue, sino que, van a evitar esa página o van a evitar el sitio web por completo. Para no caer en esta trampa, simplemente asegúrate de que tus tamaños de imagen son compatibles con las capacidades de iPhone.

Meta-tags

Estos elementos son usados para especificar palabras clave, descripciones de página y además; comúnmente se utilizan como una forma de incrementar la optimización de motores de búsqueda. También pueden interactuar con el programa de Internet de iPhone -Safari para asegurar que los datos se desplieguen correctamente y con un formato apropiado para una vista adecuada. Esto es una gran característica porque le permite a los usuarios ver con facilidad tu sitio, sin tener que sufrir el tedioso formateo y zoom.