[Atrando en la web] diferencias entre sitios de PC y sitios de teléfonos inteligentes
12 de mayo de 2022 SEO técnico , usabilidad , construcción / operación del sitio , UI / UX
¿Sabes cuánto es la tasa de penetración de tu teléfono inteligente?
Según la "Encuesta de tendencias del consumidor" de la oficina del gabinete, la tasa de penetración de los teléfonos inteligentes en Japón es del 54.7%.
Una era en la que puede navegar en sitios, hacer compras en línea y completar todo con teléfonos inteligentes.
¡El soporte de teléfonos inteligentes ya no es esencial!
Esta vez, me gustaría introducir algunos puntos para tener en cuenta al hacer un soporte para teléfonos inteligentes.
Sea consciente de la escena de uso
Suponga que puede navegar el sitio en su PC de escritorio.
Puede asumir algunas escenas limitadas, como el estudio de oficina y el hogar.
Entonces, ¿qué pasa con los teléfonos inteligentes? ¿Estás viajando? Entre las tareas domésticas? ¿Hora de espera de recepción? ¿No te imaginas varias escenas?
Los sitios de teléfonos inteligentes requieren que se requiere la prioridad y el diseño de la interfaz de usuario de esta "escena" y "qué tipo de acción toma el usuario".
Por ejemplo, ¿los usuarios de PC "Restaurant Word -Of -Pour"
son el propósito de "menú" o "palabra -fo -sal"?
¿Los usuarios de teléfonos inteligentes quieren conocer el "mapa en la tienda" o el "número de teléfono de reserva"?
Descubra lo que los usuarios buscan en estas escenas y dan prioridad al contenido.
Diferencia en el tamaño de la pantalla
Por supuesto, la pantalla del teléfono inteligente es muy pequeña en comparación con la PC de escritorio.
Si intenta poner la misma información que una PC, será una página larga y muy difícil ... ¡
será muy importante armar la información aquí!
No importa cuán bueno sea el contenido, no tiene sentido si el usuario se va ...
Consideremos el diseño de la pantalla con los siguientes criterios
Concisamente
No hay un usuario que quiera leer un texto redundante lo más simple posible.
Fácil de ver
¿Está bien el tamaño del personaje y el espacio de línea? ¿El botón es fácil de presionar?
Valientemente
Ponamos solo el contenido que los usuarios realmente necesitan sin modificaciones adicionales.
Además, mire las siguientes pautas.
・Directrices de interfaz humana de iOS
3. Diferencia en la velocidad de línea
Los teléfonos inteligentes tienen una gran velocidad de línea dependiendo del entorno.
Es la causa principal de carga lenta, carga y retiro de usuarios.
Para evitar tal cosa tanto como sea posible, trate de hacer la compresión de la imagen que no se libere, las piezas que se pueden expresar en CSS son CSS tanto como sea posible, y el Javascript, etc. el código.
4. Finalmente
La interfaz de usuario también ha evolucionado junto con la popularidad de los teléfonos inteligentes.
Sin embargo, ¿no es realmente importante tener en cuenta siempre "¿Cuándo es fácil de usar el usuario?"