Archive for the ‘Web Design’ Category

Mobile Web – Innovative Design en Advanced Development!

Friday, May 15th, 2009
Eddie Gulero asked:


Het aantal mobiele gebruikers is aanzienlijk toenemen in vergelijking met pc-gebruikers. Deze groei heeft geleid verschillende bedrijven te onderzoeken een ander niveau van business development. Dagelijks nieuwe technologieën worden ingevoerd om mobiel een mogelijk alternatief voor Personal Computer. Als leider in digitale communicatie-industrie, hebben mobiele telefoons opende een nieuwe reeks van normen voor digitale content providers. Naast bellen, hebben functies zoals SMS, MMS, E-mail, Mobile Shopping and Money Transfer is mobiele een onmisbaar gadget van de 21ste eeuw. Met de opkomst van snelle draadloze netwerk technologie en de groeiende markt penetratie van mobiele telefoons het belang van de wereldwijde reclame-industrie in het gebruik van deze communicatie platform als een medium van marketing en reclame is in opkomst. Hoewel mobiele technologie is heel geavanceerd is, maar de ervaring op het web voor mobiele gebruikers is nog steeds een punt van zorg. Het probleem is met de nieuwe reeks van web standaarden voor mobiele telefoons, die volledig verschillend zijn van web-ervaring door middel van PC's en laptops. Je zou verbaasd om te weten hoe verslavend de wereld is geworden van de volgende statistieken:

* 1996 – GSM-telefoons in 103 landen

* 2000 tot 10 miljoen i-mode gebruikers ( Japan)

* 2002 tot 1 miljard gsm-gebruikers wereldwijd

* 2009 tot 3 miljard gsm-gebruikers wereldwijd

Een ander verrassend feit is dat in het Verenigd Koninkrijk zijn er meer mobiele telefoons dan gebruikers. Aangezien de Mobile Internet blijft groeien is er een groeiende behoefte aan gebruikers met een effectieve Web Browsing faciliteit te bieden. Verder zullen we ontdekken dat de standaard Web Browsing Trends, normen voor digitale inhoud en de interface beperkingen van mobiele apparaten.

Dit moment het grootste probleem voor het mobiele web designers is met het ontwerp en de normen kwesties. Dit kan de reden achter het uitstel van aanpassing van Mobile als opvolger van PC's en laptops. Verder mobiele zoekmachines zijn zelf erg nieuw en heel veel van technologische inspanningen moeten nog worden in put. Maar het ding is, het ontwikkelen van een geweldige web-ervaring voor mobiele gebruikers is veel gemakkelijker. Hier volgt zeven eenvoudige tactieken die u zullen helpen voorkomen dat het begin van de nadelen die hebben geleid tot veel andere mobiele sites te mislukken:

Don't Mix Up Your Markup
< br /> Beschikbare gebruikers gebruikt om te bladeren alleen WAP-sites. De meeste van de WAP-sites maken gebruik van Wireless Markup Language (WML) als opmaaktaal. WML is een XML-opmaaktaal. XHTML kan ook een zeer goed alternatief voor XML. De meeste ingebouwde telefoon browsers deze dagen kan verwerken XHTML prima. Een mobiele telefoon herkent twee varianten van HTML:

* XHTML – hetzelfde, basis XHTML gemaakt door desktop browsers

* XHTML-MP – de MP hier staat voor Mobile Profile

schermgrootte en resolutie problemen

Een mobiele web designer moeten omgaan met verschillende schermafmetingen en resoluties, maar ook verschillende vormen van mobiele telefoons. Na nauwkeurig onderzoek van een aantal mobiele telefoons, hebben we vonden vier fundamentele schermafmetingen:

* 128 x 160 pixels

* 176 x 220 pixels

* 240 x 320 pixels

* 320 x 480 pixels

Weten deze afmetingen scherm helpt u bij het optimaliseren van een aantal van uw web content, maar het is raadzaam om de grootte en stijl van uw site te houden als minimaal en lineair als je kunt.

Bevestig Uw Markup

Een mobiele browser het algemeen niet de luxe van een 2 GHz processor en 100 MB schijfruimte. Dus een kleine fout kan maken HTML-browsing moeilijk voor de gebruikers. Om die reden moet u controleren, valideren, en controleert u opnieuw uw opmaak, keer op keer om ervoor te zorgen dat uw mobiele webpagina's zijn 100% perfect.



Caffeinated Content

Diseño Web Artículos – Mobile Web Diseño

Wednesday, April 29th, 2009
Anantait asked:


La cosa es, la creación de una gran experiencia en Internet para los usuarios de dispositivos móviles es mucho más fácil de lo que usted podría pensar. Presentamos aquí los siete pasos para usted que le ayudará a evitar las trampas que han causado muchos otros sitios móviles al fracaso. Al final de este artículo usted sabrá exactamente a dónde enfocar sus esfuerzos a fin de crear un sitio móvil éxito.

1. No mezclar su marcado

unos pocos tipos diferentes de marcado están disponibles para la construcción de un sitio web para móviles. Usted tendrá que elegir uno que se adapte a las necesidades de sus clientes y aferrarse a él.

WML

En los primeros días de la web móvil dispositivos, la única manera de navegar por la web móvil fue para navegar WAP (Wireless Application Protocol) sitios. Un sitio WAP utiliza WML (Wireless Markup Language) como lenguaje de marcado de primaria. WML es un lenguaje de marcado XML basado en la tarjeta y metáfora de la cubierta.

Afortunadamente para nosotros, WML desde entonces ha sido reemplazada por otras tecnologías – de hecho, si acaba de entrar en el partida en la web móvil, probablemente puede ignorar por completo WML. WML es utilizado principalmente por los sistemas de legado o por los sitios que de manera explícita a los clientes de destino con los teléfonos de gama baja que son obsoletas.

Un grupo potencial de clientes que siguen utilizando navegadores WML, sin embargo, los países en desarrollo. El Nokia 1100 y 1101, por ejemplo, son muy básicos, muy baratos los teléfonos, de los cuales un estimado de 200 millones de unidades en todo el mundo han sido sólidos, haciendo de este teléfono el modelo más vendido hasta la fecha, todo el mundo. Si su sitio está dirigido a este segmento de mercado, WML puede ser la mejor solución para usted.

XHTML

Para la mayoría de los sitios, se puede ignorar WML y hacer uso de un lenguaje de marcas con la que usted está probablemente mucho más familiar – XHTML.

más integrado en el navegador del teléfono en estos días puede manejar XHTML bien. Un teléfono móvil reconoce dos tipos de HTML:



XHTML – la misma, XHTML básicos prestados por los navegadores web de escritorio

XHTML-MP — – el MP está aquí para móviles perfil



La diferencia entre estos dos idiomas es que XHTML-MP se compone de elementos un poco menos y mayores restricciones. Estas diferencias existen para que sea más fácil para el dispositivo móvil para analizar y hacer un documento web, pero por escrito-de marcado XHTML MP no debería introducir ningún cambio significativo en su proceso de escritura XHTML regular.

2. Conozca sus teléfonos

Como plasma y televisores de alta definición poco a poco llegó al mercado, los organismos de radiodifusión se han encontrado con el problema de dónde colocar su logotipo y tickers de noticias. Anteriormente, se sabía que todos los televisores eran las mismas dimensiones de 3×2, así que sabía que el ancho relativo de la pantalla. Ahora, están comenzando a sentir el dolor de hacer frente a una amplia variedad de resoluciones de televisión y dimensiones – un problema que los desarrolladores web abordar sobre una base diaria.

Por supuesto, el mundo móvil incluso peor! No sólo hay que atender a diferentes tamaños de pantalla y resoluciones, sino también formas diferentes. De los rectángulos que son de corto y largo plazo, a los que son altos y delgados, a los cuadrados perfectos, el mundo móvil contiene una variedad de teléfonos que casi rompecabezas usted!

Si considera que los teléfonos disponibles más comunes, Estas pueden clasificarse sobre la base del tamaño de la pantalla – dar o tomar unos pocos píxeles:



128 x 160 píxeles

176 x 220 píxeles

240 x 320 píxeles

320 x 480 píxeles



conocer estas dimensiones de la pantalla le ayuda a optimizar algunos de los su contenido, sin embargo es mejor para mantener la forma y el estilo de su sitio como mínimo y lineal posible. No hay ratón en un teléfono móvil – sólo una característica de arriba-abajo – por lo que no puede exigir que los usuarios de todo el salto de página.

IPhone / Internet Tablet contra viejo verde teléfonos con pantalla

Hay un par de excepciones a la norma en el mercado de la telefonía móvil. Ellos son los dispositivos de gama muy alta-como el iPhone o el Nokia Internet Tablet, y el muy básico, viejo "pantalla verde", los dispositivos de matriz de punto monocromático como el Nokia 3310.

Móviles de gama baja los teléfonos tienen varias limitaciones, incluida la resolución de pantalla y una capacidad muy limitada para hacer que los documentos XHTML. En el otro extremo del espectro, los dispositivos de gama alta suelen tener la capacidad de ejecutar un navegador web que es comparable a la que usted podría usar en una máquina de escritorio. Entregar al usuario una experiencia de calidad para estos dispositivos puede ser difícil – mientras que el dispositivo puede ser perfectamente capaz de prestar un completo y tradicional diseño de páginas web, es probable que la transmisión de datos a través de una red celular, que es mucho más lento que el estándar de velocidad de Internet de banda ancha. Así que, aunque el dispositivo puede manejar una página web normal, la situación del cliente y la razón por la que están solicitando sus servicios puede significar que el envío a la versión normal de su sitio web no es la mejor solución.

3. Objetivo para los clientes adecuados

El objetivo de cualquier sitio web debe conocer a sus clientes con el fin de ofrecer a ellos el contenido más apropiado.

Este objetivo es aún más importante con los sitios móviles – no sólo lo que necesita saber de sus clientes, pero es necesario saber lo que es probable que se hace en su sitio para móviles, así como dónde van a estar cuando lo están haciendo. A los clientes del sitio Web tradicionales tienen más probabilidades de estar en un escritorio frente a un monitor de gran tamaño que tiene una resolución decente. Los visitantes que están explorando su sitio para móviles es poco probable que en las mismas circunstancias – que podría estar esperando en línea, montar en el tren o el autobús, conducir un coche o en un centro comercial. Google es una empresa que ha invertido considerables esfuerzos en la racionalización de sus aplicaciones web para adaptarse a los usuarios móviles. Los desarrolladores web en Google han identificado y se centró en tres grupos principales, y tratan de orientar sus aplicaciones a las necesidades de los clientes. Estas tres categorías sólidos, y vale la pena examinar para su sitio móvil propio. Vamos a ver ahora.



A) El Surfer Casual

que actúan los clientes de una manera similar a la los clientes de los sitios web tradicionales. Surfistas informal no están realmente interesados en cualquier cosa, pero tienen unos minutos de recambio entre las tareas a echar un vistazo alrededor. En el mundo de las PC de escritorio, esos pocos minutos pueden producirse entre las reuniones, o mientras el usuario en un breve receso. Para un cliente móvil, esos pocos minutos puede ocurrir cuando el usuario está sentado afuera esperando a reunirse con amigos, en un automóvil o viajar en taxi en algún lugar, o incluso durante la mañana conmuta. Si el sitio se centra en el tipo de contenido que hace un llamamiento a los surfistas casual, entonces ser conscientes de las limitaciones en el tiempo y el tamaño de la pantalla de su cliente móvil.

El objetivo debe ser hacer que su más contenido "pegajosa", por lo que los surfistas ocasionales regresar por más. Por ejemplo, usted no debe servir las piezas largas de contenido. En cambio, el objetivo para los pequeños trozos de tamaño de un bocado que son justo lo suficiente para mantener a los clientes interesados, pero no tan largos que los usuarios no pueden navegar por su sitio en el tiempo que tienen disponible.

B ) La repetición del usuario

clientes que repiten son los que están en constante regreso de algún tipo de noticias específicas o datos. Si tu sitio es el tipo de sitio que ofrece información sobre las existencias, del oro y la plata, el clima o resultados deportivos, es probable que muchos de esos visitantes. La interfaz de un dispositivo móvil es muy limitado, así que si usted sabe lo que sus visitantes que repiten están regresando a favor, una y otra vez, vamos que, naturalmente, suben a la parte superior del sitio. Evitar enterrar el contenido que sus clientes quieren detrás de 3 o 4 clics.

Sitio web móvil de personalización puede ser difícil, pero no es imposible. Un sitio tradicional podría pedirle que inicie sesión, pero en un dispositivo móvil, la entrada de datos no es tan fácil de realizar, así que es mejor evitar.

Una opción es permitir a los visitantes a utilizar sus máquinas de escritorio a racionalizar su experiencia móvil. Disfruta de una página de iTunes Music Store de Apple como un ejemplo. Un cliente habitual puede personalizar su versión del sitio móvil, mientras que en una máquina de escritorio, lo que podría generar una URL especial en la que todas las preferencias de ese usuario están codificados. La próxima vez que el usuario visita su sitio web desde un dispositivo móvil, él o ella pueden tomar ventaja de esta URL, disfrutando de una experiencia que es completamente personalizada a sus preferencias.

C) "Urgente, Ahora!" Usuario

Dependiendo de su negocio, su definición de "urgente, ya!" puede variar. Para una tienda en línea, un cliente podría considerar el siguiente mensaje urgente:

"Mis libros debían llegar ayer. Son tarde. ¿Dónde están?"

Un escenario más grave de urgencia podría ser:

"Estoy corriendo 10 minutos tarde. ¿Seré capaz de recuperar el tren rápido o una pelea?"

Para algunos clientes, todo es urgente! Sin embargo, mediante la identificación de las necesidades más importantes de sus clientes y hacer accesible la información pertinente dentro de un solo clic o menos, usted aumentará la utilidad de su sitio móvil enormemente.

4. Publicar

Uno de los errores comunes acerca del desarrollo web móvil es la noción equivocada de que el contenido de su sitio web tradicionales pueden ser fácilmente re-utilizados en poco más pequeño del tamaño de fragmentos de la versión móvil. Un simple cambio de estilo de medios de comunicación = "pantalla" a los medios de comunicación = "mano" es todo lo que necesita hacer para movilizar a su sitio por arte de magia, ¿verdad?

Usted se equivoca aquí.

Mientras que es realmente posible filtrar el contenido con el uso liberal de display: none en su hoja de estilo móvil, en realidad, esto no es una buena idea. De hecho, muchos sistemas CMS puede dar salida a un móvil, versión simplificada de su sitio web, pero incluso esto no es siempre lo que sus clientes quieren.

El W3C define el concepto de una web como sigue: < br /> Una
web significa hacer, en la medida en que sea razonable, la misma información y servicios disponibles para los usuarios independientemente del dispositivo que estén utilizando. Sin embargo, no significa que exactamente la misma información está disponible en la representación de la misma en todos los dispositivos. El contexto de uso móvil, las variaciones de capacidad del dispositivo, las cuestiones de ancho de banda y capacidades de redes móviles afectan a la representación. Además, algunos servicios y la información son más adecuadas y dirigidas a contextos de usuario en particular.

Como esta definición sugiere, algunas cosas simplemente no existen (o incluso útil) en algunos dispositivos. Además, algunos dispositivos (como un teléfono móvil) son mucho mejores en ciertas actividades (como hacer llamadas telefónicas) que otros dispositivos. Por lo tanto, un dispositivo diseñado para una actividad específica debe utilizar sus características únicas en la Web.

Si bien el concepto de tener un único sitio, y simplemente el estilo de manera diferente según el medio que el usuario utiliza, standardistas es popular entre muchos, un sitio móvil independiente es necesaria para ofrecer una experiencia optimizada para los usuarios móviles. Los clientes que navegan en un dispositivo móvil tienen diferentes necesidades y requisitos, de modo a alimentar a la fuerza que el mismo contenido que la que aparece en el sitio tradicional es una receta para el desastre. Las siguientes imágenes muestran un buen ejemplo de este principio. El sitio móvil de Best Buy muestra sólo dos funciones (Búsqueda de productos y encontrar una tienda) – muy lejos del sitio tradicional.



Caffeinated Content for WordPress
Search
mobile