Este documento describe una tienda en línea de ropa deportiva creada por estudiantes para una clase de Tecnologías de la Información. Los estudiantes diseñaron la tienda para que sea accesible desde dispositivos móviles y cumpla con los requisitos funcionales y de usabilidad. Realizaron pruebas exhaustivas para verificar que la tienda funcione correctamente en diferentes dispositivos y permita a los usuarios navegar fácilmente por los productos y realizar compras de manera segura.

1. UNIVERSIDAD TECNOLOGICA DEL ESTADO DE ZACATECAS
TECNOLOGIAS DE LA INFORMACION Y LA COMUNICACIÓN
PROFESOR:
JOSE FRANCISCO HERNANDEZ SERRANO
ALUMNO:
FRANCISCO HERRER
BERENICE CANIZALEZ
SANDRA MONTOYA
MATERIA:
OPTATIVA
TEMA: TIEDNA EN LINEA

2. PARTICULARIDADES DE LAS PANTALLAS PEQUEÑAS
Desventajas de una pantalla chica
Denominación del formato Relación de aspecto
Formato oblongo de foto pequeña (36x24) 3:2 (1,5:1)
Formato alto de foto pequeña (24x36) 2:3 (0,67:1)
Formato cuadrado de foto pequeña (36x36), formato medio (6x6) 1:1
Formato PC, Formato televisión 4:3 (1,33:1)
Formato pantalla ancha (HDTV) 16:9 (1,78:1)
Fomato cinematográfico banda ancha 1,85:1
Formato cinematográfico Cinemascope 2,35:1
1.- Baja resolución
En realidad es la más grande desventaja de las pantallas chica ya que el usuario no
puede reconocer iconos, letras o elementos que se reflejen en la interfaz
2.-Acoplacion
La pantalla chica no podrá mostrar una página web o tienda en si ya que la
resolución requerida no es la suficiente y entonces el usuario tendrá esa gran
limitación
3.-Escritorio personalizado
No podrás organizar accesos rápidos en el escritorio ya que tu pantalla solo
mostrara un menú inicial.
4.-Menos diversión
No podrás disfrutar imágenes, videojuegos, películas etc. Ya que la pantalla chica
te impedirá ver detalles importantes.

3. Ventajas de una pantalla chica
1.- Gasta menos batería.
2.-El no gozar de servicios como internet, juegos, redes sociales pues
involuntariamente dejaras de gastar dinero.
3.-Sera más resistente a caídas ya que la pantalla se encuentra protegida ante
caídas y no se expone ante cualquier golpe.
4.-Será más fácil y barato cambiar de pantalla.
5.-Nadie se interesara en robar tu celular ya que la moda o tendencia ahora es una
pantalla grande.
Ventajas y desventajas de una pantalla grande
La tendencia actual con la mayoría de los teléfonos inteligentes es la presencia de
una pantalla cada vez más grande, al menos en los modelos ‘tope de gama’. Hace
unos meses, el tamaño más grande llegaba a ser de 4.2 pulgadas, pero los últimos
modelos de HTC o Samsung, por ejemplo, han llegado hasta las 4.7 o 4.8 pulgadas.
se cuenta con una pantalla grande en un teléfono celular podemos dar por hecho
que será muy placentero ver imágenes, videos o películas, navegar en internet,
jugar y leer revistas o libros electrónicos. Todo eso está disponible para que lo
utilicemos cuando queramos y se puede manejar más fácilmente en un display del
tamaño adecuado.
Para que todo eso sea todavía más satisfactorio, hay que comprobar que las
especificaciones técnicas de la pantalla también sean suficientes para obtener lo

4. mejor del contenido multimedia. Eso es a lo que nos tienen acostumbrado las
principales marcas, con tecnología OLED o LCD, por mencionar un par, y
resoluciones que pueden ir hasta 720 pixeles, o más allá, en el caso del iPhone 4S.
Hablando de iPhone, es uno de los casos curiosos en que el tamaño de la pantalla
no ha rebasado las 3.5 pulgadas; la razón para eso es que Apple ha visto que el
usuario puede usar de forma satisfactoria un teléfono con tamaño de pantalla que
actualmente puede ser visto como pequeño y, para que no se vuelva obsoleta, le
ha integrado mejor resolución y tecnología que se adecúe a los estándares actuales.
. Con la tecnología actual, los dispositivos pueden usar un display enorme sin que
el grosor de éstos tenga que incrementar su tamaño, no obstante, portar contigo
uno de estos móviles se puede volver molesto, depende de cómo acostumbres
hacerlo. Si sueles llevarlo en la bolsa del pantalón o camisa, dependiendo de las
dimensiones de tus bolsillos, o si sueles estar sentado, será más difícil sacar
el gadget de donde esté guardado, sobre todo si consideras que la mayoría solemos
ver la pantalla un montón de veces al día.
1.- No se puede usar con una mano
Los móviles con una pantalla tan grande no se pueden utilizar con una sola mano
de una manera ágil. Sí es necesario, se puede marcar un número con una mano, o
incluso navegar por Internet, pero se reduce la agilidad que tenemos con el
Smartphone. Al final, es fácil que acabemos escribiendo un email con las dos
manos. Y eso es una limitación importante. Lo más curioso es que uno se adapta
fácilmente a utilizar el Smartphone con las dos manos, y no se da cuenta de lo
limitado que era hasta que no vuelve a uno con un tamaño inferior.
2.- Se caen más
Desde mi punto de vista es un problema todavía más importante que el anterior.
Son mucho más propensos a caerse con un tamaño así. Es una cuestión científica.
El móvil tiene un tamaño mayor y un centro de gravedad más alejado de los

5. extremos del Smartphone. En muchas ocasiones, es incluso difícil mantenerlo por
el centro de gravedad cuando estamos escribiendo, pues el teclado aparece en la
sección inferior de la pantalla. Una pérdida de equilibrio, y el Smartphone se va al
suelo. Además, el hecho de que sean más anchos también dificulta el mantenerlo
en la mano, y eso hace que se caigan más.
3.- Caídas más aparatosas
Su mayor longitud también hace que las caídas sean más aparatosas que las de un
Smartphone más pequeño. Es más, es más fácil doblarlo, aunque pueda parecer
imposible. Es verdad que para doblar un teléfono inteligente es necesario darle un
golpe importante. Pero si te vas a gastar 600 euros, tampoco estaría nada mal que
el móvil fuera capaz de soportar un golpe importante sin doblarse.
4.- Pantallas más costosas
El día de mañana, si quieres cambiar la pantalla, también se notará, tratándose de
una pantalla de mayor tamaño también será una pantalla más cara. Normalmente,
no solo tendrás que sustituir la pantalla, sino también el digitador, por lo que el precio
se va multiplicando, aunque sea en menor medida.
5.- Pantallas con menor densidad de píxeles
¿Qué pantalla se ve mejor, una de 21 pulgadas Full HD o una de 23 pulgadas Full
HD? Si vas a estar a la distancia suficiente, lo mejor es que compres la de 21
pulgadas, pues la densidad de píxeles es mayor. La nitidez con la que se ven las
imágenes es mayor en una televisión que en otra. Obviamente, si vas a estar muy
alejado, será necesario que la pantalla sea más grande. No es el caso de los
Smartphone. Una pantalla Full HD en un Smartphone de 4,5 pulgadas es mejor que
una pantalla Full HD en un Smartphone de cinco pulgadas.

6. 6.- Móviles más grandes
Lo más obvio cuando compramos un móvil de mayor tamaño es que cuente con un
tamaño mayor. No obstante, aun siendo obvio, no siempre lo pensamos al
comprarlo. Un tamaño mayor hace que sea más incómodo de llevar, y normalmente
que pese más. Uno acaba adaptándose, pero lo cierto es que nota la diferencia
cuando vuelve a utilizar un Smartphone con un tamaño menor, y debemos pensar
que, al fin y al cabo, un móvil es un móvil.
7.- Gastan más batería
Por último, no debemos olvidarnos del talón de Aquiles de los Smartphone, la
autonomía. La pantalla es la principal responsable del consumo de batería del
Smartphone. Una pantalla de mayor tamaño consume más energía que una pantalla
de menor tamaño, y eso también hay que tenerlo muy en cuenta al elegir
Smartphone.
DISEÑO DE SOFTWARE EN EL CONTEXTO MÓVIL
Interacción física: Hablemos de la interacción física del usuario con el móvil en
realidad hoy en día una de las desventajas que tiene una pantalla grande es que el
usuario no lo puede manipulas con ambas manos así que estará expuesto a no
sujetarlo bien y por lo tanto estará en riesgo de que el celular caiga y la pantalla se
rompa.
La interacción física es lo más importante y se recomienda que de preferencia los
celulares cuenten con un teclado una pantalla táctil al mismo tiempo.
Seria genial que existiese un celular con las capacidades y especificaciones
actuales que contenga un teclado y al mismo tiempo una pantalla táctil.

7. Se podría manejar con ambas manos y el teclado sería un apoyo para proteger a la
pantalla.
Los gustos son diferentes pero desde el punto de vista analítico esto sería lo mejor,
lástima que estos teléfonos han sido opacados por los Smartphone actuales.
Cuando se va a desarrollar un software para móvil es necesario tener en
cuenta lo siguiente
Tienen menos resolución, tamaño, colores, memoria RAM, menor velocidad del
CPU y ancho de banda.  Diferentes mecanismos de entrada y salida de datos (I/O).
Las pantallas pequeñas necesitan cambiar y/o adaptar iconos, imágenes, sonidos,
indicadores de estado, Menús, la forma de selección/indicación, localización de
texto incrementar las experiencias táctiles, las palabras que se utilizan en los
mensajeros y los mapas de navegación, etc.
Los métodos de entrada para los dispositivos determinan en gran medida como
debe diseñarse la aplicación. Existen dispositivos que sólo permiten la entrada de
datos mediante el teclado, unos por teclado o por la pantalla y otros únicamente por
la pantalla. Por lo que es importante determinar el método de ingreso de datos y de
optimizar la interface.

8. Nosotros también tomamos en cuenta estos puntos antes de crear la interfaz de
nuestra tienda en línea:
-Color: tomamos en cuenta esto ya que la tienda debería tener un fondo colorido.
No utilizar sombreados. Se dispone de un rango muy pequeño de bits.
-Fuentes: La letra la creamos grande y entendible para que el usuario que entrara
a nuestra página pudiera reconocer bien los textos ya que algunos celulares no
tienen mucha resolución
-Formatos de archivos: Es imposible que una imagen de una página sea vista por
todos los celulares ya que los formatos pueden ser diferentes y algunos celulares
no soportan las imágenes.
-Memoria: esta aplicación no consume bastante memoria ya que los procesos y
servicios que brinda son simples.
DETERMINAR EL TIPO DE APLICACIÓN QUE
SE VA A REALIZAR
Nosotros creamos una tienda virtual que será capaz de adaptarse a un móvil al igual
que una pc.
En esta aplicación venderemos ropa deportiva y los usuarios podrán ver una interfaz
llamativa, amigable y bastante divertida.
Nuestra tienda lleva por nombre utzaropa y su direcciónweb es utzaropa.jimdo.com.
El principal objetivo de esta tienda es demostrar como una página web se puede
hacer responsiva para acoplarse a diferentes interfaces y resoluciones, así mismo

9. también que el usuario pueda acceder a nuestros productos y observarlos de una
manera divertida y fácil.
Esta página tendrá categorías como mujeres, hombre y contacto las cuales le
permitirá al usuario interactuar con los creadores de la página así como observar
más productos que le puedan gustar al cliente.
En la parte inferior viene información acerca del teléfono, domicilio y contactos
directos de la empresa/tienda.
DEFINICIÓN DE REQUERIMIENTOS
Fecha Versión Descripción Autor
13/07/2015 Diseño La interfaz debe ser amigable y los
productos deben ser claros, tener
precio, modelos y existencias.
Sandra
13/072015 Diseño La interfaz debe tener un menú de
los productos así como informes
acerca de los creadores, domicilio,
teléfonos.
Berenice
14/07/2015 Funcionalidad Los componentes del menú deben
llevar al lugar que indiquen.
Francisco
14/07/2015 Funcionalidad La tienda debe ser responsiva. Sandra
14/07/2015 Funcionalidad Los productos deben estar
disponibles para agregar al carrito de
compra.
Berenice
15/07/2015 Diseño En el índex debe aparecer un carrito
para la opción de compra.
Francisco

10. 15/07/2015 Funcionalidad Activar que elementos se deberán
agregar al carrito de compra.
Francisco
15/07/2015 Diseño Los productos deberán tener el tipo
de moneda que se requiere para
pagarlo ($ )
Sandra
15/07/2015 Funcionalidad La tienda indicara el precio final de
los productos, al final de la compra e
indicara la forma de pago.
Berenice
15/07/2015 Pruebas Se podrá acceder a la página desde
cualquier móvil.
Francisco
15/07/2015 Pruebas Cualquier usuario podrá acceder a la
página sin necesidad de algún
registro o cuenta.
Berenice
16/07/2015 Diseño Crear un apartado en el menú
llamado contacto en el cual los
usuarios puedan comunicarse
directamente con el usuario.
Sandra
16/07/2015 Funcionalidad Dar funcionalidad el apartado
contacto en el menú para que los
usuarios puedan comunicarse con
nosotros.
Francisco
APLICACIÓN Y PRUEBAS DE USABILIDAD
Primer prueba: Que el link que se consiguió sea válido y seguro, que nos dirija asía
nuestra tienda y nos muestre las actualizaciones.
Segunda prueba: Que la tienda sea visible desde dispositivos móviles, Tablet y
computadoras

11. Tercer prueba: Que los elementos que contiene el menú nos dirijan a el lugar que
nos dicen.
Ejemplo que inicio nos mande al índex, que mujeres nos lleve a la
categoría ropa para mujeres y así sucesivamente.
Cuarta prueba: Que nuestras categorías al igual que la prueba anterior
tuviesen un destino real, seguro y confiable
Quinta prueba: Que la parte de hipervínculos como lo es Facebook, twitter, etc.
Funcionaran.
Sexta prueba: que el botón añadir en efecto agregara artículos al carrito
de compras.

12. Séptima prueba: Qué elcarrito de compras funcionaraynos apareciera
la siguiente interfaz para continuar con la compra o de lo contrario nos
demostrara que esta vacío.
Octava prueba: Que los productos que se muestran lleven a una interfaz
que nos permita aceptar o cancelar la compra
Novena prueba: ESTA fue la más importante y nos referimos a que
diferentes usuarios puedan acceder y comprar artículos de nuestra
tienda lo cual resulto excelente ya que varias personas pudieron
acceder a nuestra tienda para comprar y observar los productos en
general.