tag:blogger.com,1999:blog-56571495814891733612024-03-12T18:15:07.018-06:00Nuria TenorioNuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.comBlogger54125tag:blogger.com,1999:blog-5657149581489173361.post-85307572028654783002010-04-26T17:06:00.002-05:002010-04-26T17:20:05.418-05:00sesión 26 reflexión<span class="Apple-style-span" style="font-family: arial;">El viernes pasado, fue nuestra antepenúltima clase, se escucha triste pero es la realidad, voy a extrañar la clase, y como dice aquella canción me voy a llevar los mejores recuerdos, memorias pero sobre todo conocimientos muy gratos y valiosos para mi carrera.</span><div><span class="Apple-style-span" style="font-family: arial;"><br /></span></div><div><span class="Apple-style-span" style="font-family: arial;">En esta clase, nos reunimos por equipo del proyecto de nación, para checar los últimos detalles y agregar lo que nos faltaba.</span></div><div><span class="Apple-style-span" style="font-style: italic;"><span class="Apple-style-span" style="font-family: arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">Para el lunes, ya vamos a tener terminado el blog de personaje en el cual el trabajo escrito se lo vamos a mandar al maestro por mail, pero no solo es eso, ademas exponerlo enfrente de nuestros compañeros, ya que ellos nos van a calificar, también entregar por mail e impreso el proyecto de nación con el cual estuvimos trabajando a lo largo de este último mes.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">Solo me cabe darle un grato agradecimiento al maestro por su labor a lo largo del cuatrimestre. Gracias maestro por su dedicación, se lo agradezco de corazón!!! :)</span></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-44350266333501221922010-04-26T16:55:00.005-05:002010-04-26T17:06:43.921-05:00Sesión 26 extraclase<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5dJb-uPMCrPvN4LcvkaHwPyXKongjEbkpMUSyjHXVaIbYXiyE9d0XKb7O8MxyJBnLHGKywoDcyiLJ7kxOzB_utzDDj52bjhr-zeDYpEA93_O56TB4jVGHjOgbt4B1dqmbzGX1Xz-Yj0o/s1600/imagen-63.png"></a><span class="Apple-style-span" style="color: rgb(102, 102, 102); line-height: 19px; font-family:Arial;"><p style="text-align: center;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="font-weight: bold;"><span class="Apple-style-span" style="color: rgb(51, 153, 153);">PLANO DE SUPERFICIE (surface)<span class="Apple-style-span" style="color: rgb(0, 0, 0); font-weight: normal; "></span></span></span></p><p style="text-align: left;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="font-weight: bold;"><span class="Apple-style-span" style="color: rgb(51, 153, 153);"><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-weight: normal; ">Tipos de Layout:</span></span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">A continuacion podremos ver como se ven los diferentes tipos de layout dependiendo del q se trae, veremos como poco a poco va tomando forma nuestra pagina.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">a)En esta primera imagen podemos ver como es un simple boceto basado en lineas, aquí no nos debemos preocupar por el contenido sino por la estructura congruente. Esto no es mas que un simple boceto tal cual.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">b)Después de crear el boceto tenemos que definir las zonas especificas en las cuales irán las imágenes, botones, texto etc. No es mas que marcar las zonas que se utilizaran y las que vas a quedar libres.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0); "><span class="Apple-style-span" style=" line-height: normal; font-family:Georgia;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgegGJ8PyFrNG4_8AkZ5M1ML7BESWf2YbKy4W83T07Pb12FI47AURYwNrORKdaquHk7KonUhSaHXv0_FAFzxV5SdD1Y2z4AL2bDNvzGrEoz_-pbx5LoSQmmEZ57StzYXG6c1YQ5uDnRih8/s1600/imagen-12.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgegGJ8PyFrNG4_8AkZ5M1ML7BESWf2YbKy4W83T07Pb12FI47AURYwNrORKdaquHk7KonUhSaHXv0_FAFzxV5SdD1Y2z4AL2bDNvzGrEoz_-pbx5LoSQmmEZ57StzYXG6c1YQ5uDnRih8/s400/imagen-12.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464568958708622274" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 342px; " /></a></span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">c)Después viene la etapa de colocar todos los elementos que tiene acciones dentro de la pagina o fuera de ella, a estos les llamamos botones. y se colocan en esta etapa.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0); "><span class="Apple-style-span" style=" line-height: normal; font-family:Georgia;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77dReQxHkh622sFwSN7rlJtYgzsdVa0d8hrSc0WgxaKWbR9gaWDBOBWRFynUNmd0peCje2VGDOnjTVnS3hV3ir_rZIBOxSnL6X0Cq5cn9HjymusIboddoKZM01qJuIElK6susaY7Qvec/s1600/imagen-22.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77dReQxHkh622sFwSN7rlJtYgzsdVa0d8hrSc0WgxaKWbR9gaWDBOBWRFynUNmd0peCje2VGDOnjTVnS3hV3ir_rZIBOxSnL6X0Cq5cn9HjymusIboddoKZM01qJuIElK6susaY7Qvec/s400/imagen-22.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464568970234758802" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 344px; " /></a></span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">d)Ya por ultimo y antes de entregar nuestro template debemos ubicar las imágenes y textos en las zonas previamente marcadas y respetar estas dimensiones.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0); "><span class="Apple-style-span" style=" line-height: normal; font-family:Georgia;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJtgYP4_a4yBL5iHcndfkhflk3bajaFJpXIm4wWRe5mMTwnB0QaqOnn1oCBaWHWl7ZdCdMohKx6CaSRRiWViEkEM-ogczuJaWil-oNaVTfDSRSrpHZP8GK6ShqDJdVTx-fJiamlu5M6xQ/s1600/imagen-7.png" style="text-decoration: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJtgYP4_a4yBL5iHcndfkhflk3bajaFJpXIm4wWRe5mMTwnB0QaqOnn1oCBaWHWl7ZdCdMohKx6CaSRRiWViEkEM-ogczuJaWil-oNaVTfDSRSrpHZP8GK6ShqDJdVTx-fJiamlu5M6xQ/s400/imagen-7.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464568951874525538" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 343px; " /></a></span></span></p><div><span class="Apple-style-span" style="color: rgb(0, 0, 0); line-height: 32px;"><span class="Apple-style-span" style="font-size: medium;"> </span></span></div><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">En este ejemplo podemos ver como una subpagina esta muy parecida, a pesar de que sufre algunos cambios esta dentro de la estructura, así es como a los usuarios se les hace mas fácil navegar dentro de la pagina. Esta pagina esta linkieda por el enlace de municipio y dentro de ella contiene mas información independiente.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="color: rgb(0, 0, 238); font-family: Georgia; line-height: normal; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwNKK8ZZeV8N90fJyos9azoIfA4mOj2VxM5ZxZ0qbsVa1SRSXxBi8zcSrXUENh_og-1PnzFZIdR-0HGgUtrB9IgygYrWd9BxAoX0R1a9D0DMSWYMwujKb7L3jLHGQYo306Iql_b-nUQiY/s400/imagen-51.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464569921688157282" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 341px; " /></span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">En esta área colocamos en nombre de nuestro sitio ya que es importante que este asignado en en lugar importante.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="color: rgb(0, 0, 238); line-height: normal; font-family:Georgia;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMMRuKfC5RrxWvGw4wrSV9eECkSTibgzXn6AjNuuFgJzcle5TbIWyY3TJ2y3GNgHqa5vNn9kFlCZP7fpdtN_XYCEqdl1O2xQ8mrxNdVUFv1o6VcBs_fV85AL3MjOh5kDqogMX8pZpT7QA/s400/imagen-23.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464568972575321938" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 300px; height: 47px; " /></span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">Aqui podemos ver como el buscador esta colocado en la parte superior par que se mas fácil para nuestro usuario verlo al momento de ingresar.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0); "><span class="Apple-style-span" style=" line-height: normal; font-family:Georgia;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvS9f-qZU10a3vBguOYG25S7hVRPri9Wyhp8b5fC3NnAwP8G6bsRMMg-5w45COfi8AAd_xUoMkPnkJoadhbQ9x2F1p0NwUsA7dWK1kZ7Wy3IumEKi6eqrZXX2EeDaRuuQqb0fMzUwW-gM/s1600/imagen-13.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvS9f-qZU10a3vBguOYG25S7hVRPri9Wyhp8b5fC3NnAwP8G6bsRMMg-5w45COfi8AAd_xUoMkPnkJoadhbQ9x2F1p0NwUsA7dWK1kZ7Wy3IumEKi6eqrZXX2EeDaRuuQqb0fMzUwW-gM/s400/imagen-13.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464568959591926530" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 205px; height: 32px; " /></a></span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="line-height: 19px; "></span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">En esta área están colocadas diferentes link hacia otras paginas de la misma organización.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="color: rgb(0, 0, 238); font-family: Georgia; line-height: normal; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSz8Vzp9cf37y6uvxYPIOgIG184Wit-PTo658ThulELCBk9hkg5uQ4-Yi83efCmN9ryZZ8-1v3fZi9RF4R90Ewu8DvYdQ6PCK9ZqyvfKkBhR1JJF3nIn-fsNIVURKvbXg19IHuU_1THEs/s400/imagen-32.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464569901805313538" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 20px; " /></span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;"><a href="http://edgartp.files.wordpress.com/2010/04/imagen-32.png" style="outline-style: none; outline-width: initial; outline-color: initial; text-decoration: underline; "></a></span></span></p></span><p></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">Esta área fue asignada para únicamente poner imágenes.Por esto mismo ocupa una mayor dimensión que las demás áreas.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 238); line-height: normal; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP0gkhZzzmGmvaLC6jlLY_JQpW-Gp2LNpId1owuCIziZgqv2xgytcEQ4JT-lqrgGAluvZzLhE9FLYjRRxkiT95WC6gSNngX-w8FqDzYuKnGgnLu2c-HzIf80hkQ9Txmb9B4XktZb0YUvk/s400/imagen-45.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464569918914099666" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 258px; " /></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: medium;">Aquí podemos ver como estas colocados algunos botones con acciones independientes de la pagina.</span></span></p><p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 200%; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; "><span class="Apple-style-span" style="color: rgb(0, 0, 238); line-height: normal; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5dJb-uPMCrPvN4LcvkaHwPyXKongjEbkpMUSyjHXVaIbYXiyE9d0XKb7O8MxyJBnLHGKywoDcyiLJ7kxOzB_utzDDj52bjhr-zeDYpEA93_O56TB4jVGHjOgbt4B1dqmbzGX1Xz-Yj0o/s400/imagen-63.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5464569925755190706" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 45px; " /></span></p>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-46436472381000080282010-04-22T11:53:00.001-05:002010-04-22T11:54:27.666-05:00sesion 26 reflexionEl viernes pasado fuimos a una visita a la ciudad de México, en lo personal me gusto mucho ya que aprendimos cosas relacionadas con nuestra carrera, lo único malo fue el trafico y que llegamos muy tarde y que me pico un bicho extraño y me saco una roncha enorme pero bueno todo es parte de la diversión y el aprendizaje.Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-80357839852758436152010-04-18T17:17:00.001-05:002010-04-18T17:17:55.884-05:00sesión 25 extraclasePRINCIPIO ESQUELETO<div><br /></div><div>Nuestro domi de la pagina seria algo como esto</div><div><img src="webkit-fake-url://78B25CA9-06AD-41E1-898A-1B7748B3A180/application.pdf" /></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-85678241506495393322010-04-18T16:31:00.002-05:002010-04-18T17:12:41.338-05:00sesión 25 extraclase<div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">PLANO ESQUELETO</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" style="color:#FF6600;">1 Diseño de navegación</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;"><span class="Apple-style-span" style="font-size: medium;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Mapa de sitio: este mapa nos indica las paginas interiores de nuestro sitio , así de cómo están organizadas entres.</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Navegación Global: esta opción nos permite estar dentro de la pagina y poder entra a cualquier pagina que tenga un enlace dentro del sito, esto es muy eficaz y agradable para los usuarios. Es bastante eficaz.</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Navegación local: esta opción nos permite estar dentro de la pagina y poder entra a cualquier pagina que tenga un enlace dentro del sito siempre y cuándo estén dentro de alguna sección en especial o una misma categoría.</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Navegación Suplementaria: es un atajo dentro del sitio asi podemos navegar de forma directa sin importar donde estemos o la pagina anterior.</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Navegación contextual: dentro de la margina encontramos link que tienen el nombre del sitio al cual podemos llegar sin tener que estar bajando de secciones.</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Navegación de cortesía: Se refiere a la ayuda o búsqueda extra.</span></span></span></div><div><span class="Apple-style-span" style="font-family:Arial, serif;font-size:180%;color:#333333;"><span class="Apple-style-span" style="font-size: 17px; line-height: 26px;"><p class="MsoNormal" style="text-align: justify;margin-bottom: 0.0001pt; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" style="color:#FF6600;">2 Diseño de interfa</span></span><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" style="color:#FF6600;">z</span></span></span></span></p><p class="MsoNormal" style="text-align: justify;margin-bottom: 0.0001pt; "><b><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size: x-large;">Patrones de usuario</span></span></b></p><p class="MsoNormal" style="margin-bottom:0cm;margin-bottom:.0001pt;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span class="Apple-style-span" style="line-height: 20px; "></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Safe exploration</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Se refiere a que nuestros usuarios puedan navegar de forma segura y confiable sin tener algún problema</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Instant gratification</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Los usuarios van a tener la ventaja de encontrar de manera eficaz y eficiente lo que necesiten.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="white-space: pre;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* </span></span></span><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Satisfacing</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Los usuarios van a poder satisfacerse de rápidamente encontrado la información que requieran en el menor tiempo posible.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Changes in midstream</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Nuestra pagina va a permitirle a nuestros usuarios regresar a la opción donde estaban anteriormente si estos cambian de opinión y de esta manera no tendrán algún problema.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Deferred choices</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">El usuario va a poder contestar o completar opciones dentro de la navegación.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><i><span class="Apple-style-span" style="white-space: pre;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* </span></span></span><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Incremental construction</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">En este caso no vamos a obligar a nuestros usuarios a una secuencia de pasos como en otros lugares, ya que va permitirle al usuario poder navegar de forma flexible y segura.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Habituation</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Nuestra pagina va a estar diseñada de la manera en que el usuario pueda seguir utilizando las acciones a las cuales esta acostumbrado.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Spatial memory</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">El usuario recuerda más el lugar de donde están las cosas que el nombre o símbolo de la función, por eso es que pondremos opciones y lugares que siempre recuerde.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Prospective memory</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Al usuario le gusta que le estén recordando donde se encuentran las cosas y las secciones.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*</span></span></i><span class="Apple-tab-span" style="white-space: pre; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"> </span></span></i></span><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Streamlined repetition</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Nuestra página va a contar con una opción únicamente para recordar al usuario tareas, datos, información,etc que ya se le han proporcionado.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; min-height: 16px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Keyboard Only</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Nuestro sitio va a dar alternativas de shortcuts.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Other people advice</span></span></i></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Nuestra página va a tener enlaces a redes sociales y blogs para que pueda conocer la opinión y comentario de otros usuarios sobre el sitio</span></span><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">.</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-weight: bold; line-height: 26px; "><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size: x-large;">Patrones de contenido</span></span></span></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><b><span class="Apple-style-span" style="font-weight: normal; line-height: 16px; "></span></b></span></p><b><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Taxonomía</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Lista de acciones de esta manera el usuario va a poder decidir en que quiere hacer dentro de la pagina.</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Estructura</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* One window paging para que de esta manera sea mas cómoda la navegación dentro del sitio y pueda estar navegando el usuario dentro de la misma ventana sin que se le abran nuevas.</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Pop up windows cuando quiera el usuario ver una imagen o alguna otra como información cosa se abrirá en grande en una ventana pop up.</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Físico</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* One window drill down la pagina ira bajando y tendrás que mover la barra lateral para ver lo que esta abajo</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Conceptuales</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Wizard por si llegara el caso en que tenga que llenar una serie de pasos para algo</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Intriguing branches tendremos hipervinculos para enlazar al usuario con otras paginas relacionadas con el tema</span></span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; line-height: 1.3em; text-align: justify; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Multilevel help abra una sección especial y únicamente diseñada para AYUDA en caso de que el usuario la requiera</span></span></div></b></span><b></b><p></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size: x-large;"><b>Patrones de navegación</b></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-family: arial, serif; font-size: medium; line-height: 26px; ">- Trama</span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Clearentry points nuestra pagina tendrá como ya hemos mencionado anteriormente puntos de entrada</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-family: arial, serif; font-size: medium; line-height: 26px; ">* Global navegation también tendrá botones globales</span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium; line-height: 26px;"><br /></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Señales</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Color coded section nuestra pagina se dividirá por secciones y cada sección tendrá un color diferente para que lo puedan identificar.</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size: x-large;"><b>Page layout</b></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: x-large; line-height: 26px;"><b><span class="Apple-style-span" style="color: rgb(51, 204, 0); font-family: arial, serif; font-size: medium; font-weight: normal; ">PRINCIPIOS</span></b></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Jerarquía visual</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Esquina superior izquierda</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Espacio en blanco para dar orden y se entienda mejor el mensaje</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Fuentes congruentes será una fuente formal ya que nuestra segmentación es de 45-55 años</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Colores y contrastes son muy importantes ya que así pueden identificar mejor las secciones </span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Subordinación tener ordenados los títulos y subtítulos de las secciones</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Formas y grupos utilizaremos algunas formas geométricas ya que estas ayudan a agrupar</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Flujo</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Nuestra pagina tendrá un gran flujo visual para que pueda trabajar bien los usuarios</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#00CCCC;">PATRONES</span></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Jerarquía</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Center stage el escenario va a estar centrado y blanco a las orillas</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Agrupación</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Closable panels los paneles del menú se van a abrir y cerrar</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Tittle sections las secciones van a contar con un titulo y por consiguiente por un subtitulo </span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="font-size: medium; line-height: 26px;"><br /></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"> - Flujo</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Left/right alignment todo va a estar justificado a la izquierda</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">- Dinámicos</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Responsive disclosure se va a abrir una ventana nueva de acuerdo a lo que se requiera</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 14px/normal Arial; "><span class="Apple-style-span" style="line-height: 26px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">* Liquid layout </span></span></span></p><p></p> <p class="MsoNormal" style="text-align: justify;margin-bottom: 0.0001pt; line-height: 20pt; "><span style="color: rgb(51, 51, 51); "><o:p><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"> </span></span></o:p></span></p> <!--EndFragment--> </span></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-56354939402611434652010-04-18T16:16:00.002-05:002010-04-18T16:30:09.681-05:00sesion 25 extraclase<div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">PLANO ARQUITECTURA</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">1 Aproximación</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Estética, ya que la función principal de nuestra pagina es llamar la atención de nuestros usuarios para que de esta manera entren al sitio y naveguen dentro de el y así puedan obtener lo que están buscando y satisfagan sus necesidades.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">2 Principios organización</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">- Taxonomía</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Lista de acciones de esta manera el usuario va a poder decidir en que quiere hacer dentro de la pagina.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">- Estructura</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">* One window paging para que de esta manera sea mas cómoda la navegación dentro del sitio y pueda estar navegando el usuario dentro de la misma ventana sin que se le abran nuevas.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Pop up windows cuando quiera el usuario ver una imagen o alguna otra como información cosa se abrirá en grande en una ventana pop up.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">- Físico</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">* One window drill down la pagina ira bajando y tendrás que mover la barra lateral para ver lo que esta abajo</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">- Conceptuales</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Wizard por si llegara el caso en que tenga que llenar una serie de pasos para algo</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Intriguing branches tendremos hipervinculos para enlazar al usuario con otras paginas relacionadas con el tema</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Multilevel help abra una sección especial y únicamente diseñada para AYUDA en caso de que el usuario la requiera</span></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-58163958976654442142010-04-15T20:53:00.002-05:002010-04-15T21:26:50.616-05:00Sesión 24 extraclase<div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium; "><span class="Apple-style-span" style="font-family:arial;">PLANO DE ESTRUCTURA</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Es el diseño de interacción, es decir como interactua el usuario con el sitio. </span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#3333FF;">1 Modelo Conceptual</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">-</span></span><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Metáfora (falta armarla bien)</span></span></i></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Modelo Físico nuestro sitio va a tener el patrón de one window paging, para que sea más cómodo para los usuarios y siempre se navegue dentro de la misma pagina.</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Formas de navegación nuestra pagina va a estar constituida por botones, algunos globales y otros serán clear entry points, etiquetas o tags, un menú principal.</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Planos nuestro sitio estará con pop ups, los cuales van a estar en el menú y cada vez que el usuario se coloque en el botón con el cursor se va a abrir y cerrar esa sección.</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#33CC00;"><br /></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#33CC00;">2 Manejo de Errores</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Prevención la interfaz va a estar sumamente bien diseñada y clara, para que de esta forma no se pierda en ningún momento el usuario al estar navegando dentro de ella, otra razón es para que desde el primer momento que entre sepa manejarla bien y entenderla</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 20px; "><em><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*</span></span></em><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Recuperación cuando el usuario se pierda, pueda regresar fácilmente al menú principal, o a la <span class="Apple-style-span" style="color:#000000;">sección donde se encontraba.</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="line-height: 20px; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></i></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="line-height: 20px; "><i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*</span></span></i><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">Errores de usuario</span></span><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"> se refiere a la búsqueda vacía, llenado de formato, y selección fuera de secuencia</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#000000;">*Errores del sistema son todos los </span></span></span><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">missed links, programas o fuentes adicionales que no están instaladas como adobe acrobat, flash, entre otros.</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#3333FF;">3 Ubicación</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Identificación del sitio</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Nombre de la pagina (estamos decidiendo)</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Navegación persistente son todas las secciones y subsecciones con las que va a contar la pagina</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Indicador estas aquí</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Búsqueda va a tener una barra de búsqueda, para que el usuario pueda buscar lo que necesite</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#33CC00;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#33CC00;">4 Bú</span><span class="Apple-style-span" style="color:#33CC00;">squeda</span></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Mapa del sitio </span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">-gráficos o hipertextos </span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">-detallado general</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">*Motor de búsqueda de nuestra pagina va a hacer:</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">-exacta</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">-dinámica</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;">-con categorías los cuales son los filtros</span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size: medium;">5 Lenguaje de cursor</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;">*Cambio forma de cursor cada vez que el usuario le de click a una opción de cualquier lugar, el cursor va a cambiar de forma.</span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-family: Georgia, serif; "><i><span class="Apple-style-span" style="font-size: medium;"><br /></span></i><em><span class="Apple-style-span" style="font-size: medium;">*<span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-style: normal;">Cambio del área (click) a su vez, cuando le de click, va a escucharse un sonidito el cual después lo vamos a decidir.</span></span></span></em></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#333333;"><span class="Apple-style-span" style="line-height: 20px; "><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><br /></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-77739418960525309902010-04-15T16:01:00.002-05:002010-04-15T16:13:05.868-05:00Sesion 24 reflexion<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial; "> Querido blog, esta clase fue muy especial, por dos cosas muy importantes que vimos, la primera fue que vimos el plano de estructura, arquitectura y esqueleto para el proyecto de nación, con estos últimos tres ya completamos de ver los 5 planos de la metodología de Garrett, los cuales son:</span><br /></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">1 estrategia</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">2 enfoque</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">3 estructura</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">4 esqueleto </span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">5 enfoque</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">Como ya comente, fue algo muy especial para mi ver toda la metodología de Garrett ya completa, para que en un futuro no muy distante la pueda seguir utilizando, ya que es una herramienta muy valiosa para mi carrera.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial;">La segunda razón que hizo que la clase fuera importante, es que ya fue nuestra ultima clase de diseño de interfaz, en lo personal me llevo muchas cosas, como lo son aprendizaje, ratos amenos y chistosos entre otras cosas. </span></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-32637338095541791192010-04-12T12:00:00.000-05:002010-04-12T13:10:49.618-05:00Sesión 23 extraclase Proyecto de la Nación<div style="text-align: justify;"><span class="Apple-style-span" style=" color: rgb(102, 0, 204); font-weight: bold; line-height: 24px; font-family:Arial, Helvetica, sans-serif;font-size:medium;">Análisis de la pagina</span></div><div style="text-align: left;"><span class="Apple-style-span" style=" color: rgb(102, 102, 102); line-height: 19px; font-family:Arial, Helvetica, sans-serif;font-size:12px;"><div style="text-align: justify;"><span class="Apple-style-span" style=" line-height: 24px; font-size:medium;"><i><span class="Apple-style-span" style="color:#FF6600;">Plataforma </span></i></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: rgb(0, 0, 0); line-height: 24px; font-size:medium;">Nuestra pagina será hecha sobre una plataforma donde la interactividad del contenido pueda ser mas versátil o menos versátil y llegar a ser mas simple para el tipo de usuarios que en nuestro caso seran estos, con una plataforma Framework podemos darnos la libertad de implementar parámetros que no se han visto en las demás paginas, esto quiere decir que podemos decidir exactamente como será la navegación y la relación de las diferentes subpaginas.</span></div><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-size:medium;"><span class="Apple-style-span" style="color:#FF6600;"><i>Interfaz <span class="Apple-style-span" style="color: rgb(0, 0, 0); font-style: normal; ">nuestra pagina cumplirá con las características de colaboración y publicación ya que la colaboración vendrá de todos los posibles comentarios, dudas,aportaciones, o en algunos casos se tendrá colaboración con algunas otras paginas similares, pero con el mismo enfoque, la publicación será información para personas de 45 a 55 años de edad, exclusivamente de interés publico.</span></i></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-size:medium;"><span class="Apple-style-span" style="color:#FF6600;"><i><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-style: normal; "><span class="Apple-style-span" style="font-weight: bold; "><span class="Apple-style-span" style="color:#009900;">Objetivos del sitio</span> <span class="Apple-style-span" style="font-weight: normal; ">Metas del sitio: Ser una pagina que brinde información de los cambios que se llevan en los sectores de salud, así como en los diferentes sectores con los cuales los usuarios estén afiliados mediante una red nacional.Todo esto centrado en los usuarios de 45 a 55 años. Ser la pagina mas visitada por la gente arriba de los 45 años, ser una opción rápida, fácil y veraz. Posicionarnos en el mercado meta</span></span></span></i></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-size:medium;"><span class="Apple-style-span" style="color:#FF6600;"><i><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-style: normal; "><span class="Apple-style-span" style="font-weight: bold; "><span class="Apple-style-span" style="font-weight: normal; ">Identidad de la marca: Propiciar un medio sencillo y una buena experiencia,confiable de información, proporcionar confianza y calidad</span></span></span></i></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Métricas de los logros: Nuestro sitio contara con una sistema que medirá cuantas personas navegan dentro y superan un cierto tiempo establecido, ya que es diferente el numero de “visita” al numero “real de visitas”, realizaremos gráficas periódicamente que registrara el numero de descargas, ingresos monetarios mensuales.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Necesidades del usuario:</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Definir los actores reales:</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Usuarios: es muy importante saber definir que es lo que nuestros usuarios quieren obtener de nuestro sitio,ellos quieren obtener información y sobre todo un medio que este actualizado, un medio donde ellos puedan ,consultar, preguntar y opinar, un medio donde sus comentarios sean escuchados.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">¿Qué esperan obtener los usuarios de este sitio?</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Un sitio donde les sea fácil encontrar lo que desean</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color: rgb(51, 0, 153); font-weight: bold; ">Plantillas de usuario</span></span></span></p><span class="Apple-style-span" style="color:#000000;"><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#330099;"><span class="Apple-style-span" style="font-size:medium;"><b><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-weight: normal; line-height: normal; font-family:Georgia, serif;font-size:16px;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLUUgXwQJfaBiLRDh-LRngkiTkLWs_1-xsxPvnXlB6oELu5iPq970m-GZ7w1OKNBBhu9ChFvlq50HMi_VAdl0rVK4XYGPCIY7S2-nl-DEiT5tfVvmi6WWr_Dt_fY6OMyBO8siMHGSbFwA/s1600/imagen-81.png"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLUUgXwQJfaBiLRDh-LRngkiTkLWs_1-xsxPvnXlB6oELu5iPq970m-GZ7w1OKNBBhu9ChFvlq50HMi_VAdl0rVK4XYGPCIY7S2-nl-DEiT5tfVvmi6WWr_Dt_fY6OMyBO8siMHGSbFwA/s400/imagen-81.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5459312691143363714" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 301px; " /></a><span class="Apple-style-span" style=" ;font-size:medium;"></span></span></b></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><b><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color:#FF0000;">SEGMENTACIÓN DE USUARIOS</span></span></b></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="font-size:medium;"><b><span class="Apple-style-span" style="font-weight: normal; line-height: 19px; color: rgb(102, 102, 102); font-size:-webkit-xxx-large;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh29k47lL9wCkDMXRBom51ce7iSJQn4v_hBfQHbF3VykonodiDGdmqRMDpTFB9R1YxbciGMwiJ2uh81xxFK3ZY527IbFJrFuf8h_TO-8tWtpuqTqykleY5EqH8l3PyRntgEw9-z9CVPQuo/s400/imagen-4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5459312672866002242" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 172px; " /></span></b></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Nombre:</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Sexo:</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Edad:</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Cibercultura: nivel de uso</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Necesidades: media,baja alta</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color:#3333FF;">SEGMENTACIÓN DE USUARIOS</span></span></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style=" line-height: normal; font-family:Georgia, serif;font-size:16px;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNAeCDvTKjh89PBb_phtZIuucMJSPR4IwfinEq2VOCc-9dilW-GLv-h489rQqtYHJDBRv-SutNJG89XU-5C6Qa-ZX6YsHd-_DY-Q1NtI6Udc7eL5tn60dMVMfSsm3SlQ_CRJVXMuYCwC8/s1600/imagen-61.png"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNAeCDvTKjh89PBb_phtZIuucMJSPR4IwfinEq2VOCc-9dilW-GLv-h489rQqtYHJDBRv-SutNJG89XU-5C6Qa-ZX6YsHd-_DY-Q1NtI6Udc7eL5tn60dMVMfSsm3SlQ_CRJVXMuYCwC8/s400/imagen-61.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5459312676993316930" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 310px; " /></a><span class="Apple-style-span" style=" ;font-size:medium;"></span></span></span></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="line-height: 19px; "></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><strong><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color:#330033;">BENCHMARK</span></span></strong></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><a href="http://www.parroquiabosques.com/" style="text-decoration: underline; outline-style: none; outline-width: initial; outline-color: initial; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">http://www.parroquiabosques.com/</span></span></a></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Este sitio va dirigido a personas que se encuentran dentro del rango de edad que se nos asignó que es de 45 a 55 años ya que muchas personas en esta edad se empiezan a sentir mas atraídos por las celebraciones así como las actividades y servicios que ofrece la parroquia católica, aunque también creo que entraría en un rango de 10 años antes. Y en este sitio se muestran estos servicios que ofrece a los fieles así como también muestra un poco del ambiente que se vive en la comunidad buscando motivar a mas personas a unirse a ella.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><a href="http://www.photosig.com/" style="text-decoration: underline; outline-style: none; outline-width: initial; outline-color: initial; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">http://www.photosig.com/</span></span></a></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Sitio creado con la intención de ofrecer un espacio a fotógrafos, críticos de fotografía y simpatizantes de la misma en el que pueden subir fotografías desde profesionales hasta amateurs de las cuales la comunidad puede opinar sobre ellas ya se a de forma positiva o negativa con la oportunidad de replica. Debido a la naturaleza del sitio este va dirigido a un rango de usuario por debajo del nuestro situándolo entre 25 a 35 años con sus excepciones claro pero en general no es un tema que atraiga mucho la atención de nuestro rango 45-5 años.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><a href="http://www.inapam.gob.mx/" style="text-decoration: underline; outline-style: none; outline-width: initial; outline-color: initial; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">http://www.inapam.gob.mx/</span></span></a></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Este sitio esta enfocado hacia un rango de usuarios mayor al correspondiente de nuestro equipo esto debido a que es el sitio de una dependencia de gobierno enfocada hacia los adultos mayores los cuales son considerados como tal de la edad de 60 años para arriba, en dicho sitio se busca mantener al tanto a los usuarios sobre los beneficios que aporta al segmento, los derechos que los usuarios tienen, así como mostrar la estructura del órgano federal y ofrecer un servicio muy completo y necesario a la comunidad.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><a href="http://WWW.IFE.ORG.MX/" style="text-decoration: underline; outline-style: none; outline-width: initial; outline-color: initial; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">WWW.IFE.ORG.MX</span></span></a></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Sitio que esta dirigido hacia cualquier rango de edades a partir de los 18 años por lo que también incluye nuestro rango de edades a cubrir ya que se trata de el sitio del Instituto Federal Electoral el cual ofrece información acerca de la sustentabilidad del organismo, la función que ofrece hacia la comunidad guía acerca de tramites relacionados con las elecciones, estadísticas y resultados electorales los cuales son de interés general para toda la población y de cualquier mayor de edad.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><a href="http://www.universia.net/" style="text-decoration: underline; outline-style: none; outline-width: initial; outline-color: initial; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">http://www.universia.net/</span></span></a></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;">Este sitio esta orientado hacia un rango de edad de usuarios jóvenes de entre 20 a 25 años con lo cual el rango que nos corresponde queda totalmente fuera del enfoque hacia el que va este sitio ya que los usuarios meta de este sitio son principalmente universitarios; próximos, en curso y egresados los cuales en el sitio pueden encontrar información relacionada a su futura carrera profesional como lo muestran los siguientes servicios que se ofrecen como lo son: ser un sitio de encuentro de universitarios, creación de proyectos con fines de apoyo en prácticas de estudiantes e impulsar la innovación tecnológica de acceso a información de universitarios de las universidades en convenio.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;"><a href="http://WWW.CANACINTRA.ORG.MX/" style="text-decoration: underline; outline-style: none; outline-width: initial; outline-color: initial; ">WWW.CANACINTRA.ORG.MX</a></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; "><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:medium;"><a href="http://WWW.CANACINTRA.ORG.MX/" style="text-decoration: underline; outline-style: none; outline-width: initial; outline-color: initial; "></a>Es un sitio que esta enfocado a usuarios en un rango de edades de 35 a 55 años por lo que nuestro rango de edad correspondiente entra dentro del rango de los usuarios que acceden a este sitio ya que es un sitio visitado principalmente por empresarios y ejecutivos de grandes corporaciones con el fin de consultar información y buscar una interlocución ante dependencias gubernamentales siendo la mas grande organización de la industria en México la cual es de interés publico pero orientada principalmente hacia estos rangos de edad.</span></span></p></span></span><span class="Apple-style-span" style="color:#000000;"><p></p></span><p></p></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-60014968797593005132010-04-12T11:19:00.004-05:002010-04-12T13:09:08.872-05:00Sesión 23 extraclase Proyecto de la Nación<span class="Apple-style-span" style=" color: rgb(204, 238, 221); line-height: 18px; font-family:'Trebuchet MS', Verdana, Arial, sans-serif;font-size:13px;"><p class="MsoNormal"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:large;"><span class="Apple-style-span" style="color:#6600CC;">Plano de ENFOQUE (Scope)</span></span></span></p><p class="MsoNormal"><b><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color:#3333FF;">Requerimientos</span></span></span></b></p><p class="MsoNormal"><i><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color:#3333FF;">Contenido</span></span></span></i></p><p class="MsoNormal"><span class="Apple-style-span" style=" ;font-size:small;"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-family:arial;">*Lenguaje adecuado para nuestro mercado meta.</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style=" ;font-size:small;"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-family:arial;">*Página principal con completo orden estructurada y con espacios en blanco.</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style=" ;font-size:small;"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-family:arial;">*Buen uso de tipografía, ya que nuestra segmentación es de 45 a 55 años, utilizaremos una formal.</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style=" ;font-size:small;"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-family:arial;">*Tener presente las listas de acciones y objetos. </span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style=" ;font-size:small;"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-family:arial;">*One Window Pagin de esta manera nuestros usuarios puedan navegar sin alguna dificultad. </span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><span class="Apple-style-span" style="font-family:arial;">*Como nuestra segmentación son personas mayores, utilizaremos clear entry points para que se ubique mejor.</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><span class="Apple-style-span" style="font-family:arial;">*A las personas mayores les gusta el orden es por eso que usaremos espacios en blanco.</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><span class="Apple-style-span" style="font-family:arial;">*Con relación al punto anterior, la interfaz estará diseñada en un patrón de central stage, para que sea rápida, cómoda y fácil su navegación,</span></span></span></p><p class="MsoNormal"><i><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color:#3333FF;">Funcionalidad</span></span></span></i></p><p class="MsoNormal"><span class="Apple-style-span" style=" ;font-size:small;"><span class="Apple-style-span" style="color:#000000;"><b><span class="Apple-style-span" style="font-family:arial;">INTERACCIÓN</span></b></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><span class="Apple-style-span" style="font-family:arial;">*La información va a estar muy bien ubicada, de esta manera el usuario va a poder encontrar lo que necesita de manera fácil sin perder tiempo.</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><b><span class="Apple-style-span" style="font-family:arial;">NAVEGACIÓN</span></b></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><span class="Apple-style-span" style="font-family:arial;">*Eficiente y eficaz</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><span class="Apple-style-span" style="font-family:arial;">*Segura y confiable</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><span class="Apple-style-span" style="font-family:arial;">*Rápida</span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-size:small;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></span></p><p class="MsoNormal"><span class="Apple-style-span" style="font-family:arial, Verdana, Arial, sans-serif;color:#000000;"><span class="Apple-style-span" style="font-size:small;"><br /></span></span></p></span>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-78844041283250889872010-04-10T11:24:00.002-05:002010-04-10T11:27:09.144-05:00sesion 23 reflexion<div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">querido blog, el día de ayer no hubo en si clase, ya que nos explico lo que teníamos que hacer para el proyecto de nación y nos reunimos por equipo para ir avanzando con el proyecto, la verdad gracias al maestro que nos dio esta oportunidad de juntarnos con nuestro equipo para poder adelantarle y ponernos de acuerdo.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Ahora si que tenemos chamba jaja como dicen por ahi ajaja me vi un poco naca pero bueno jajajaj ya te dejo querido blog, no llores por mi, regreso después i love you.</span></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-55815470012871289192010-04-09T14:08:00.003-05:002010-04-09T14:16:42.566-05:00sesion 22 reflexion<div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Queridisimo blog, como estas espero que muy bien, yo estoy mas que bien, en la ultima sesión vimos sobre el benchmark o como se diga, después el maestro nos mostró dos blogs, curiosamente apareciste tu!!! no te da gusto, todo el salón te vio blog, ahora eres famoso!!! y mejor conocido como esto no se debe de hacerse en un blog pff pues ya ni modo blog, así que por orden del maestro tuve q hacerte algunos cambios y creo que ya estas mejor eso espero :S, en fin. El otro blog fue el de majo que también lo ventanearon como a los famosos que ventanean su vida en la farándula así ahora les toco a ustedes dos que suertudos noo así es este business.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">También en clase hicimos equipos para el proyecto de nación, me toco con mis compañeros edgar y fernando los primos Pérez jajaj.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Bueno blog, no puse nada de la tarea, porque no supe que poner, no entiendo lo que pasa en la vida y pues empece a ver los blogs de mis compañeros y pff para que te cuento peor me hize bolas y pelotas pff que tragedias!!!! auchh que tiempos estamos viviendo blog, que loco no!!</span></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-39797374643004111932010-04-05T11:56:00.002-05:002010-04-05T12:27:51.316-05:00Proyecto de la nación<div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Querido blog, tengo que confesarte algo muy importante, acá entre nos, así como la canción de Vicente Fernández, jajaj quiero decirte la verdad, no te e dejado de adorar, pero en mi caso es NO entendí nada respecto al proyecto de la nación jaja, pero como el maestro dijo que podíamos basarnos de los blogs de nuestro compañeros fue lo que hice. </span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">La pagina con la que voy a trabajar es http://www.difqueretaro.gob.mx/inicio.html</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#6600CC;"><span class="Apple-style-span" style="font-family:arial;">1 Objetivos del sitio</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Metas</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Fomentar el autodesarrollo, la integración social y el bienestar de los individuos, familias y comunidades más necesitadas del estado.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Identidad de la marca</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Haciendo programas como desayunos, entre otras.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Métricas de logro</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Beneficiar a miles de personas de escasos recursos que lo necesitan </span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#6600CC;"><span class="Apple-style-span" style="font-family:arial;">2 Necesidades del usuario</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Actores</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">el gobierno, la presidenta del DIF, las voluntarias, presidentas de los demás estados de la república, secretarias, directores de cada programa, organizadores.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#6600CC;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#6600CC;"><span class="Apple-style-span" style="font-family:arial;">3 Modelo del negocio</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Roles </span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Alguien que aporta en este caso seria el gobierno.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Alguien que administra la presidenta del DIF</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Alguien que utiliza la información todos los usuarios</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">*Servicios</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">Programas del DIF</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-Plan vida</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-Redes</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-Procuraduría contra la defensa del menor y la familia</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-Caminando juntos</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-CADI</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-Programas alimenticios</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-CRIQ</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-AMA</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial, serif;">-Albergue General Ramón Rodríguez Familiar</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><br /></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com1tag:blogger.com,1999:blog-5657149581489173361.post-1798765658751502172010-04-05T10:36:00.005-05:002010-04-12T12:28:23.363-05:00Blog del Personaje<div style="text-align: center;">Querido blog, saludandote de nuevo despues de estas ricas y merecidas vacaciones, el personaje que escoji como ya te lo habia comentado es la empresa de mi papá, Auto Refacciones Queretaro.</div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;"><b><span class="Apple-style-span" style="color:#FF6600;">1 Objetivos del sitio</span></b></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;">*Metas del negocio</span></div><div><!--StartFragment--> <p class="MsoListParagraphCxSpFirst" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span style="font-family:Arial;"><span><span class="Apple-style-span" style="font-size:medium;"> - <span class="Apple-style-span" style="font-family:'Times New Roman', serif;"> </span></span></span></span><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Incrementar las ventas, dándonos a conocer al público en general, ya que solo nos conocen llanteras y mecánicos. </span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoListParagraphCxSpLast" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span style="font-family:Arial;"><span><span class="Apple-style-span" style="font-size:medium;"> -</span><span style="font:7.0pt "Times New Roman""><span class="Apple-style-span" style="font-size:medium;"> </span></span></span></span><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Llegar al mercado de clientes particulares y taxistas.</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p><p class="MsoListParagraphCxSpLast" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span class="Apple-style-span" style="font-family:Arial, serif;"><span class="Apple-style-span" style="font-size:medium;">ldk*Identidad de la marca </span></span></p><p class="MsoListParagraphCxSpLast" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span class="Apple-style-span" style="font-family:Arial, serif;"><span class="Apple-style-span" style="font-size:medium;"> </span><!--StartFragment--></span></p><span class="Apple-style-span" style="font-family:Arial, serif;"><p class="MsoListParagraph" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span style="font-family:Arial;"><span><span class="Apple-style-span" style="font-size:medium;">- </span><span style="font:7.0pt "Times New Roman""><span class="Apple-style-span" style="font-size:medium;"> </span></span></span></span><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Que nuestros clientes nos distingan por el servicio, la calidad y el precio, y de esta manera posicionar la marca.</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p><p class="MsoListParagraph" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span class="Apple-style-span" style="font-size:medium;">*klj*Métricas de logro</span></p><p class="MsoListParagraph" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><!--StartFragment--> </p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Incrementar las ventas en pesos así como el numero de clientes</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><br /></p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><span class="Apple-style-span" style="font-family: Georgia, serif; color: rgb(0, 0, 238); -webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnpA-Ii7DAsjd4JPXFdCOdCqkYfKqqd89hc2QyqQnDcD6RCDlKFlDUTXAtroliMlUd1XYAQQWPkvrPiP0NsUqd8sIQPmPIMzMfo4tlkkFAlZ88jQ6uJ_jbUfdEAO-TdBX1oyzgqg4Z0aI/s400/Imagen+2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5459303821224553618" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 238px; " /></span></p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><span class="Apple-style-span" style="font-size:medium;"><b><span class="Apple-style-span" style="color:#FF6600;">2 Necesidades del usuario</span></b></span></p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><span class="Apple-style-span" style="font-size:medium;">*Actores</span></p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><!--StartFragment--> </p><p class="MsoNormal" style="text-align:justify"><b><span style="font-family:Arial;mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">1 Clientes</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></b></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Llanteras</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Talleres</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Particulares</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Flotilleros</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><o:p><span class="Apple-style-span" style="font-size:medium;"> </span></o:p></span></p> <p class="MsoNormal" style="text-align:justify"><b><span style="font-family:Arial;mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">2 Proveedores</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></b></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Pennzoil</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Quacker</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Bendix</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Luk</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Ferodo</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Monroe</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Bosh</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Fram</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Pentosin</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Motorcraft</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">LTH</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Raybestos</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify"><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Golden Friction</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p><p class="MsoNormal" style="text-align:justify"><br /></p><p class="MsoNormal" style="text-align:justify"><span class="Apple-style-span" style="font-family: Georgia, serif; color: rgb(0, 0, 238); -webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsv-AQC2r0YXR9BEWzPAHzhGSaEXOnauJlwhIML0TpAvrTaQVtsnN9WPc2HNtaniqgs8sA4ik6A-CSFlRdM2QD-3g9zOOtDb6UJHhrs7p78i2Is972hwh41KNuVWAELgPT3VYgfEP74U/s400/Imagen+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5459303835035617634" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 233px; " /></span></p><p class="MsoNormal" style="text-align:justify"><span class="Apple-style-span" style=" ;font-size:medium;"><span class="Apple-style-span" style="color:#FF6600;"><b>3 Modelo del negocio</b></span></span></p><p class="MsoNormal" style="text-align:justify"><!--StartFragment--> </p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><b><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Roles</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></b></p> <p class="MsoListParagraph" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span style=" font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:Symbol;"><span><span class="Apple-style-span" style="font-size:medium;">·</span><span style="font:7.0pt "Times New Roman""><span class="Apple-style-span" style="font-size:medium;"> </span></span></span></span><span style="font-family:Arial; mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">A Alguien que aporta (un proveedor o incluso el usuario)</span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><u><span style="font-family:Arial; mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">PENNZOIL</span></span></u><span style=" font-family:Arial;mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;"> me vende aceites</span></span></p> <p class="MsoListParagraph" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span style=" font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:Symbol;"><span><span class="Apple-style-span" style="font-size:medium;"> ·</span><span style="font:7.0pt "Times New Roman""><span class="Apple-style-span" style="font-size:medium;"> </span></span></span></span><span style="font-family:Arial; mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Alguien que administra </span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><u><span style="font-family:Arial; mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">ARQUE</span></span></u><span style=" font-family:Arial;mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;"> negocia precio de compra, realiza la compra, administra inventario, precio de venta y factura, cobra la venta realizada, paga al proveedor y vuelve a comprar .</span></span></p> <p class="MsoListParagraph" style="text-align:justify;text-indent:-18.0pt; mso-pagination:none;mso-list:l0 level1 lfo1;mso-layout-grid-align:none; text-autospace:none"><span style=" font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:Symbol;"><span><span class="Apple-style-span" style="font-size:medium;">·</span><span style="font:7.0pt "Times New Roman""><span class="Apple-style-span" style="font-size:medium;"> </span></span></span></span><span style="font-family:Arial; mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">A Alguien que utiliza la información (el usuario, seguidores, etc) </span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></p> <p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><u><span style="font-family:Arial; mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">LOS CLIENTES</span></span></u><span style=" font-family:Arial;mso-bidi-font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;"> para saber cuanto cuesta y vale y los proveedores nos informan de los costos de los productos.</span></span></p> <p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><b><span style="font-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">Servicios</span><span><span class="Apple-style-span" style="font-size:medium;"> </span></span><span class="Apple-style-span" style="font-size:medium;"><o:p></o:p></span></span></b></p> <u style="text-decoration: none;"><div style="text-decoration: underline;text-align: justify; "><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; "><u><span style="font-family:Arial;mso-fareast-font-family: Cambria;mso-fareast-theme-font:minor-latin;mso-bidi- mso-ansi-language:ES-TRAD;mso-fareast-language:EN-USfont-family:Arial;"><span class="Apple-style-span" style="font-size:medium;">EL PROVEEDOR</span></span></u><span style="font-family:Arial;mso-fareast-font-family:Cambria; mso-fareast-theme-font:minor-latin;mso-bidi-mso-ansi-language: ES-TRAD;mso-fareast-language:EN-USfont-family:Arial;"><span class="Apple-style-span" style="font-size:medium;"> nos brinda el servicio técnico necesario para conocer afondo los productos que vende para que yo como comerciante poder venderlo de acuerdo a lo que el proveedor nos enseño transmitiendo al <u>CLIENTE</u> esta información de diferencias beneficios y características del producto, además de ofrecer a mis <u>VENDEDORES</u> a mis <u>CLIENTES</u> platicas, cursos técnicos tanto de venta como de instalación y uso.</span></span></span></div><!--StartFragment--><span class="Apple-style-span" style="text-decoration: underline;"><span class="Apple-style-span" style="font-size:medium;"> </span></span><span class="Apple-style-span" style="text-decoration: underline;"><span class="Apple-style-span" style="font-size:medium;"> </span></span><p class="MsoNormal" style="text-decoration: none;text-decoration: underline; text-align: justify; "><span class="Apple-style-span" style="text-decoration: none; "><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p></u> <!--EndFragment--> <p></p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><span class="Apple-style-span" style="font-size:medium;"><br /></span></p><p class="MsoNormal" style="text-align:justify;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><br /></p> <!--EndFragment--> <p></p> <!--EndFragment--> </span><p></p> <!--EndFragment--> </div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-37209972682418329172010-03-29T12:58:00.002-06:002010-03-29T13:03:58.769-06:00sesión 21 reflexiónEl viernes pasado en la primera hora vimos como se tenia que hacer el trabajo del blog como el de proyecto de nación, fue muy tedioso ya que solo hablaba y hablaba el maestro y al final no entendí nada de proyecto de nación, en lo personal me chocan las clases así, porque no te sientes agusto y pierdes el interés, y me choca pero super choca este tipo de cosas hasta me ponen de super malas, ya que siento que desperdicio mi tiempo.<div><br /></div><div>Después vino el invitado que se suponía que tenia que venir desde hace mucho, en fin, es el creador de la pagina queretaro.travel, y nos fue explicando y contando como es que se hizo la construcción del sitio, la segunda hora se me hizo super padre, oír hablar a este muchacho fue lo mas interesante del mundo, ya no me estaba hartando ni poniendo de malas, al contrario le puse toda la atención del mundo, ya que me pareció super interesante lo que contó. Es padrísimo oir hablar a otras personas y que te cuenten sus anécdotas y su camino por la vida.</div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-197327534602181412010-03-26T10:55:00.012-06:002010-03-26T11:17:26.046-06:00Sesion 20 segmentación del mercado<div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Querido blog, perdón por postear tan tarde, pero como ya te comente el internet de mi casa anda fachando un poco, y de nuevo se volvió a perder la señal, que horror, no poder hacer nada es una frustración, el no poder postear en mi blog, pero bueno, ahora tenemos que hacer la segmentación de mercado de nuestro blog del personaje.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">El maestro comento que a fuerzas no tenia que ser un personaje sino que también podíamos escojer a una empresa, elegí a la empresa de mi papa, se llama AutoRefaccionesQuerétaro, y se dedica a vender partes automotrices y frenos.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">SEGMENTACION MERCADO</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">1 Necesidades del usuario: lo que los usuarios necesitan, tanto los clientes como los que no son clientes, necesitan de un lugar donde se de una buena atención, precio, y se vendan productos de buena calidad.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">2 Objetivo del sitio: dar a conocer nuestros productos, que son diferentes a los demás por su buena calidad y su excelente precio, ya que solo vendemos cosas buenas, duraderas para la seguridad de nuestros clientes.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">3 Perfil del usuario: el usuario de nuestra rama, necesita buenas refacciones para su auto, para que este en buenas condiciones y no le este fallando y gastando a cada rato en el mecánico, pero sobre todo, como es su transporte, tenga la máxima de seguridad en su automóvil. También busca comprar a buen precio sus partes y no gaste mucho.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">4 Modelo de negocio: nuestro modelo de negocio es satisfacer la necesidad de nuestros clientes (usuarios) de brindarle un buen servicio, que se vallan contentos con el servicio, pero sobre todo con el producto que estaban buscando.</span></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-31755052154276817662010-03-25T16:06:00.002-06:002010-03-25T16:54:05.892-06:00sesion 20 reflexion<div style="text-align: justify; font-family: arial;">Querido blog, dejame contarte algo muy feo, en la mañana del día de hoy estaba posteando cuando se fue el internet de mi casa, sufri demasiado, ya que me levante temprano para realizar mis labores escolares, ya tenia un super post, imaginate estaba super inspirada me esplaye un buen para nada, despues de eso me enoje un poco, porque no se vale que estes haciendo algo y a la mera hora se pierda el internet.<br /><br />Asi que ahora solo hare un breve comentario.<br /><br />Me gusto mucho lo que vimos en la clase pasada, sobre la metodologia de Garrett, y aprender todas esas cosas.<br /></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-77832861622147470272010-03-25T10:07:00.010-06:002010-03-25T11:04:26.878-06:00Análisis de la metodología<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial, serif; ">Querido blog, como has estado, espero que muy bien, ya muy emocionados por salir de vacaciones, pero antes de que se cumpla nuestro deseo, tenemos que cumplir con nuestras actividades laborales, una de ellas, y como siempre, es analizar una pagina, pero esta vez gracias a Dios, solamente es con la metodología que vimos en clase, la del señor Garrett, tanto le gusto lo relacionado con la interfaz que elaboro su propia metodología, para que así nosotros podamos trabajar con ella y sea una de nuestras principales herramientas para la creación de interfaces. También nos pidió el mapa del sitio.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">Para este trabajo, el maestro le dio a cada alumno una pagina, a mi me toco esta http://www.ideas.coop/, trata sobre el comercio justo. Ahora bien, empezare mi análisis de la metodología.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#000099;">METODOLOGIA DE GARRETT</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#009900;">1 Estrategia:</span> es el provecho que el usuario quiere obtener, en este caso es obtener mejores condiciones comerciales a los trabajadores marginados que exista un comercio justo en la venta de sus productos, para que de esta manera no tengan perdidas, el principal provecho es que la organización ideas los apoyan a los artesanos y productores con diferentes oportunidades.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#009900;">2 Enfoque</span>: es lo que quiere el usuario, en este caso es que sus productos se vendan de la manera más justa y sencilla.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#009900;">3 Estructura</span>: se refiere a como los usuarios llegan a la pagina y a donde pueden ir, también como se despliegan las demás paginas, en este caso, IDEAS, te ofrece la oportunidad de enlazarte con otras paginas relacionadas al comercio justo como lo son</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">-Ciudad Justa: es un modelo de localidad que acerca los productos de Comercio Justo a la ciudadanía a través de las administraciones, comercios, empresas y el tejido asociativo.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQoJtGygJtqya3qZxHO15tP1aF9rgCVM_Fu12WrVk-FupVhUAZGeAL6HcRbhZnggFyY1uAY-yrx8WMqTPtmTP5zguz1lADCPkHw0HgAef9W85bcgujaRDI6ofahBTkOs6qBa5wc7Ej8x4/s400/Imagen+1.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452612855102489378" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 235px; " /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">-Compra Pública Etica: hace referencia a los contratos públicos que introducen criterios éticos relativos al cumplimiento de convenciones internacionales y estándares sobre condiciones laborales dignas, salarios mínimos, derechos de los trabajadores, lucha contra el trabajo infantil, dando preferencia en sus compras a aquellos proveedores y productos que apuestan por criterios o estándares más exigentes, como son los estándares de Comercio Justo.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5rQRWvqZ6p3SfvsfaXNI-JzuUzLsnO4psnlIZhfjZ_w1Jpl8w5eNDLgK1EQoziagcrWZEv7pxthO1-uccO8WXPpk1v4IySPkQR2nP1Jo3zo77urGuN5bNyYcBtTsk_oYFIA5h3VgaA3U/s400/Imagen+2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452613387956843522" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 235px; " /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">-Observatorio de Corporaciones Transaccionales: es una herramienta de análisis de conducta empresarial mediante la difusión pública de las investigaciones sobre diferentes sectores económicos y marcas comerciales que realiza el Observatorio para un Comercio Justo </span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZhJdniwd_2OIGLVj8E-jw4O409VclZKjQqPDLkbLvvkk1bkmOREweunPj2raes4x7V8VcWxjZDt6gcvxDgqOh_gYtVcoYZETqEbhHO7FU85dZTYoChK8ehF3_98MDxwElO7kwYGs9UCU/s400/Imagen+3.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452614003600447634" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 234px; " /><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;">La pagina se despliega por medio de closable panels, ya que los paneles se abren y cierran.</span></div></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPt-wdyOhiVyJ4n38e0Ovsg39zN5KKN5dpJPg02gBPkkgv5GMvxQN1Hx0Yok94HHiCkiYQcJYV3oPWOy-ZRiycvr6NUqrtlR4lJwt4kz3sxYKjehE1Afy-YjDZ0GRxqHysjNGz27njM0o/s400/Imagen+4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452614360235398914" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 201px; height: 400px; " /><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#009900;">4 Esqueleto</span>: es la colocacion de botones, tablas, fotos y bloques de texto, la interfaz, en lo personal, siento que esta bien, diría que un poco formal, pero el tema lo requiere, utiliza colores cálidos, los botones estan sencillos.</span></div></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnFQ-wOYtdZy5GoOSvFqjhdGLpfwSaK1gMyVd3TyfUz0eBY1-ChfRRMmoDkFwwhfB4mVVOlkMhXOj4YZZW4oNLlvsVpl_Qwj0A3nZBzigbBbtGpc3ArIzQdh5wLJVFsDIWS0B4hUBCtCw/s400/Imagen+8.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452615964088109426" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 44px; " /><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="color:#009900;">5 Superficie</span>: es el diseño visual, como luce la pagina, como ya bien lo comente en el punto anterior, el diseño es muy formal, puesto que el tema es algo serio y así lo requiere. Esta sencillo, no con tantas cosas, muy pocas imágenes, casi más texto, utilizan mucho el color vino, y esto hace que se vea más apagado como triste, sobrio. y no es color que llame mucha la atención.</span></div></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></div><div><span class="Apple-style-span" style="color:#0000EE;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3msKcJklEC93PDc0j_RQrgCUohTt83CFvOfBc0hXjdpCl14AiEPVcC2QcmpRmLAIOVBtscmx31SyPoziMhd4GQzgbjFU6e22JaRpjP_i86qQyjKawNYaYdX-ekq6d7M3fCug0fMABzxI/s400/Imagen+9.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452616890689343714" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 391px; height: 245px; " /><span class="Apple-style-span" style="color:#000000;"> Navegando por la interfaz, me encontré con la gran sorpresa, de que existe un link llamado mapa web , en el se encuentra el mapa del sitio. Este esta muy completo, ya que desglosan parte por parte y punto por punto del sitio.</span></span></span></div><div><span class="Apple-style-span" style="color:#0000EE;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGoERG0qm3aaK_ZauxMYd3Wpn-OL1DpQ08UZYmEG3_p0HQiFJ-UdyhyQLt8YbGWdW9hd6h7rNrNYILwLJHNrFCctwv2RcqjR_HP2wbbe9vyyO5pyz6Ja5JWeT9d0VWJuuExOYUhW4zGIo/s400/Imagen+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452617735158959746" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 268px; " /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color:#0000EE;"><br /></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color:#0000EE;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9OROr980lPgjeNPGVQUZi6-TaWgxn6EEeN-mvMjw9peTlYngCD4uBQZfn1731uVzKkF2E43X1Jy8Zad9oNsslJwNuDuCGmAlrRK1tFK2bsgxnNItGQzZZ8KTCxQtbwx3FsaplDOhe2I/s400/Imagen+6.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452617739579659010" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 340px; " /> </span></span></div><span class="Apple-style-span" style="color: rgb(0, 0, 238); -webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyQFr21_SAVWe_3yS0K6SpebaUt8tzIHdLom6tQNVgltlQqvDxKvljQmko8Jc9o9lLBLIFLBCCLbA8Pf_Osf5bFAw4wr7wYsY-InSZiyab0YoxT0PKDQvfrelOou5oleCRZlau6iocHOw/s400/Imagen+7.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5452617744695899954" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 268px; " /></span>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-27376475840382310442010-03-15T12:02:00.002-06:002010-03-15T12:05:45.948-06:00reflexion clase viernes 12 marzoQuerido blog, me gusto mucho la clase del viernes, ya que vimos los últimos patrones, y el maestro repartió las paginas que vamos a analizar, en mi caso escogí la de queretaro.travel, ya que siento que estoy preparada para hacer algo más, ya que e estado haciendo mis tareas y todo eso y siento que voy a lograr algo bueno.<div><br /></div><div>Después, fue que me ordene, ya que no me había quedado claro lo que habíamos visto el lunes, pero ahora ya entendí que dentro del page layout, existen patrones y principios, cosa que desde un inicio no captaba, porque no lo entendí y no me quedo claro.</div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-3892616855262090312010-03-14T11:00:00.009-06:002010-03-15T13:31:24.237-06:00PAGE LAYOUT PATRONES<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: arial, serif; ">Querido blog, la clase anterior había tenido una gran confusión, ya que no se dieron a explicar bien las cosas y yo realice mi tarea de los principios del page layout, pero con la sesión del viernes ya me quedo mas claro todo y ahora nuestro trabajo extra clase es un ejemplo de los patrones.</span></div><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="font-family:arial;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCmkB0nKaCaorRSVacgA2u_oiGOn6AkkuBPJYgZNdbV0r6tcoXbeizzuo84iz0MWd9UJQSWSbF41uLQuiW-LqzhZ1KdyY1bDTs-DZd5m65s8xldQP2H-0GeiEelol-erpmDn0duadq2Rk/s1600-h/Imagen+1.png"></a></span></span></span><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">Comenzare con:</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">2 AGRUPACION</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">*closable panels: es cuando se abren y cierran los paneles, un ejemplo muy sencillo, es cuando utilizamos el office para mac, y sacamos el panel de herramientas, se van abriendo y cerrando los paneles de acuerdo a la herramienta que requieras.</span></span></div><div><p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><img src="webkit-fake-url://75F1A54E-C5E4-48C8-914D-957DE2595E94/Microsoft-Office-2008-mac.png" alt="Microsoft-Office-2008-mac.png" /> </span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">*movable panels: es cuando puedes acomodar los paneles como quieras, agregar o eliminar unos. Un ejemplo con el que convivimos al diario es el blog, ya que tu decides como quieres tus paneles, que cosas ponerle o que cosas quitarle.</span></span></p><p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><img src="webkit-fake-url://DCB866FA-9B26-432F-B614-5EB760E56598/image.tiff" /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">3 FLUJO</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">*left/right alignment: es cuando todo nuestro texto de la interfaz se alinea a la derecha o a la izquierda. Un ejemplo muy sencillo y con el que estamos en contacto es wikipedia, ya que todo esta a la izquierda justificado.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCmkB0nKaCaorRSVacgA2u_oiGOn6AkkuBPJYgZNdbV0r6tcoXbeizzuo84iz0MWd9UJQSWSbF41uLQuiW-LqzhZ1KdyY1bDTs-DZd5m65s8xldQP2H-0GeiEelol-erpmDn0duadq2Rk/s400/Imagen+1.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5448904941984137010" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 179px; " /></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">*diagonal balance: este principio es encontrar el balance de la interfaz, y lo obtenemos por medio de una diagonal que cruce a la interfaz y así ver como esta distribuida, con mi análisis, note que del lado derecho de la diagonal se encuentran más elementos, ya que se encuentran todos los iconos de la barra del menú también se encuentran unos paneles y se ve más cargado ese lado, y en el lado izquierdo, solo están unos paneles y no esta tan lleno o cargado. </span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo8RTZoRraJwVfVrmGR_R-MNvCEeREKzh7kmgWVtj-l8OdslTUUue8gAhXuK0Yr9VUIygd95EJquHDJwpbqcAEeIfdUrpfxn8-gjcEmdofAth8-EFAPv0pD1iVKz2jvKGE0DYC7A9aoNg/s400/Imagen+2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5448906466735101746" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 184px; " /></span></p><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><div style="text-align: justify;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">4 DINAMICOS</span></span></div></span><p></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">*responsive disclosure: este patrón, trata acerca de cuando estas realizando algún procedimiento y para continuar te piden que pongas tus datos o llenes un formato, como en el banco, antes de hacer cualquier cosa te piden tu contraseña y tu usuario.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhABEGbd470esw3WiJVfpHgKcAwvVsIy0SRkBY-tRaKkNu-hKMd28d6xvj_Stkxo9RCIZhE6v8oj6TY5dQPntMVe2CfmsnmkPuMtsLuEquIYKCuwObJVyJVEDRL47KZ_ohu5JFIvIDlSwE/s400/Imagen+3.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5448908611936663906" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 280px; " /></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;">*responsive enabling: es cuando estas dentro de la interfaz y se te abren o activan opciones nuevas, es el caso de la interfaz de hollister, donde activas únicamente la sección de playlist, para que estés escuchando las canciones por separado sin entrar a la pagina.</span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"><br /></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK4RFu6Zc5sNojAHKuyoFZV52x7FtDs-uRh66fPKHcYeeApGG4mtYBMCkpvNLhIc0s6BVvDCLajLY3cKpwDGhhVf_vNYCNvHjsa794pXdsyD9OCOu35W4vIjePq0snff2HIkriwNXSk5Y/s400/Imagen+4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5448911103413253266" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 252px; height: 106px; " /><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:arial;"> *liquid layout: en mi opinión este es el más complicado, ya que el 99% de las interfaces no lo tienen, la mayoría de las paginas que me metí, solo se recorren al centro pero no cumplen con el patrón. Haciendo mi tarea de la clase de desarrollo humano, encontré una pagina buenísima, ya que cumple al 100 con los requisitos de este patrón, ya que cuando la vas haciendo pequeña se hace como en la imagen, y como los ejemplos que vimos en clase de wikipedia y adobe.</span></span></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-family:arial, serif;"><br /></span></p><p style="text-align: justify;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span class="Apple-style-span" style="font-family:arial, serif;"><span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 16px; color: rgb(0, 0, 238); -webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXMz7-k4RnH59eNlZGelwjblFzmaAtQpBahGRt0yhiqdzEuo9taqIkYM-JYfuwmoVMgN2fuB-RY3p2j0aVg7QDZNUAg6Jf-GAf-ZDdejjqhyphenhyphenXIjei8__pWzmY9N_jreoWMcnqHOLhLs10/s400/Imagen+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5448944992376097090" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 245px; height: 400px; " /></span></span></p></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com1tag:blogger.com,1999:blog-5657149581489173361.post-82479372011280347442010-03-10T12:51:00.001-06:002010-03-10T12:52:52.185-06:00QUERIDO BLOG:<div>ANDO UN POCO DESORIENTADA EN QUE NUMERO DE SESION VAMOS, PERO ANQUE DIGA UN NUMERO QUE NO ES EL CORRECTO, SI CORRESPONDE A LA SEMANA Y A LA CLASE QUE TUVIMOS, ES OBIO YA QUE ES LA TAREA QUE SE DEJO ESA CLASE, SOLO QUE NO SE QUE NUMERO SEA, POR ESO TENGO UN PEQUEÑO DESORDEN AQUI.</div><div><br /></div><div>GRACIAS :)</div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com2tag:blogger.com,1999:blog-5657149581489173361.post-51651825155335718782010-03-10T12:15:00.011-06:002010-03-10T12:51:17.413-06:00sesion 17 extra clase<div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;">Querido blog, hasta ahora ya hemos analizado paginas web de acuerdo a como están hechas (framework, cms, plataforma), de acuerdo a su aplicación (publicación, colaboración,transacción), también con todos los patrones de usuario y contenido y ahora toca el turno a los page layout.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;">Por consiguiente la tarea fue buscar una pagina y encontrar que tipo de page layout contiene. La pagina que escogí fue la de jordilabanda.com, es un diseñador que admiro mucho, un poco de su biografía: nació en Uruguay, actualmente vive en Barcelona, estudio diseño industrial, dedicandose a ilustrar, a trabajado en varias revistas de moda.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;">1 Jerarquia Visual</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;">-esquina superior izquierda: es la esquina privilegiada ocupada por el navegador, en este caso el navegador de la pagina es el menu, el cual nos esta indicando en donde estamos navegando como la imagen, estamos en la seccion de diseño de producto.</span></div><div><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><br /></span></div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5IqdNViMqu-tDr72msBMBnf21t8ZO4iOhgSDu0ezNAb3oz-zCwEn0HH5NBe3bCto4VHDN7q_Slv264q6P_NcweL5jDyMXfnOAouOD6K178rVClWRc5cpTDqk2TZ3YAyha_FUqjm9NXY/s400/Imagen+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447073447578364258" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 250px; " /><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;">-espacio en blanco: da orden, limpieza y mensaje, la interfaz de la pagina como podemos ver contiene mucho esapcio en blanco, esto permite que se vea mejor, y aprecies mas el contenido, no te pierdas, y cumple con las caracteristicas, ya que el mensaje no se pierde en ningun momento.</span></div></span></div><div><span class="Apple-style-span" style=" -webkit-border-horizontal-spacing: 10px; -webkit-border-vertical-spacing: 10px; font-family:Times;font-size:medium;"><h4><span style="color:cyan;"><p><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: underline; font-family:Georgia, serif;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujOZJyzgPhCNs9sTwRzslRw_lD0kiKPEMocBxrXM1Li4m2x821twM_-6Vc7Qc3dbbhV8xNkXlk1UQLssfrEwXE5oTlb4dp22CRofKy5OQBMW_kePlAtoC6ZzWZ_AXY5ZbyiLgnPfXmkI/s400/Imagen+2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447074109767876610" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 250px; " /></span></p><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: underline; font-family:Georgia, serif;"><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;">-fuentes congruentes: características de acuerdo a jerarquía e importancia, diferencias son parte del mensaje, la interfaz cuenta con una tipografía legible y leíble, de buen tamaño, a parte no utiliza fuentes decorativas o de otro tipo que no te dejen entender.</span></span></div></span><p></p><p><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1sotwfx68cFnc7uTmWeCwsjGvOXkxFnQ5lo7c5-pFcZuRb66ARBxqm85ak14lX6uB3dnzWsooWdvZIkisVUD4OwyokL0pu4xem2aUyeLDNZCLwwCVK4EhOGc6V_oIjtWhBG1nmvItkxk/s400/Imagen+6.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447074597697167666" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 78px; " /></span></span></span></p><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;">-colores y contrastes: dan a entender el mensaje, utiliza colores llamativos, que hacen que te adentres a la pagina y no pierdas el interés. ademas el fondo blanco hace resaltar los otros colores de la interfaz y esto hace que se entienda mas el mensaje, que en este caso es dar a conocer sus diseños.</span></span></div></span></span></span><p></p><p style="text-align: justify;"><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;"><br /></span></span></span></span></p><p><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxLFRGhLrUk3gAS01-AUMfryPJ97F7s2gnUBLIvfbfyFZ8B5QR18YmJDMQ__aiS0vmLbt2Bq4c17kZ4rjhl-d-BaNcOyJ5ntSIB96WeM_ZJng8dRcO-gVhP_r5HEF4-yJ2LsbyF_ew04/s400/Imagen+4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447075648313991746" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 250px; " /></span></span></span></p><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;">-subordinación: es la sensación de orden, como ya bien comente, la pagina tiene un gran orden y limpieza, así que de esta manera cumple muy bien con este punto, como se ve el la imagen.</span></span></div></span></span></span><p></p><p style="text-align: justify;"><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;"><br /></span></span></span></span></p><p><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO6RYzjJ9scJpj8Zi1pdQZr3uLQh6Kp9WhHFIS-Ru-vza-tnEVOD4nmRyiucDJFywBQGRuV6SbXFAMAGCEicNcQBKW2yAUUVLOA3Cj86XocDl2TpyIW6PiDnlBTeVD_Jktkzlaiw2t9sM/s400/Imagen+7.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447076311142325330" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 250px; " /></span></span></span></p><p style="text-align: justify;"><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;">-formas y grupo: formas ayudan a agrupar, las formas que utlizan principalmente son círculos tanto en la barra de menú, como en la transición que tienen las imágenes al pasar una a la otra. En la imagen es lo que parece una mordida, son los círculos.</span></span></span></span></p><p><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxESBxKVaJS9am4OOdRU8Z1jJm0LsDycZX2Th81dboaiz3O2b3U_2ZvYmwOkA7tOJZyjcKzUHCMHn71Yerr4uVyesGynrh588ukIDr0SfQDtOUjHaSE8GUt9jcVto6rJRKVrCMcZ7YUdI/s400/Imagen+8.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447077136827068418" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 250px; " /> </span></span></span></p><p style="text-align: justify;"><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;">2 Agrupación</span></span></span></span></p><p style="text-align: justify;"><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;">-similitud: formas iguales funciones iguales, lo que se parece esta relacionado, la interfaz utiliza muchos círculos, tanto en el menú, como para mostrar los artículos salen en un circulo.</span></span></span></span></p><p><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJeEXrbyRKGtNYAVIsqoCLPXBOihge_oB3oBH0QQG3AWFOO4NxItxgiiOyMmPsjksYddcGlUgbZJwatkEKMhYTTJeNQoJPtw1youjh1QtUp53Dlk7AC7PA3xKs6US0Tb3SBeHZOpoTVv0/s400/Imagen+9.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447078247285209010" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 241px; " /></span></span></span></p><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><div style="text-align: justify;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;">-cierre: la vista tiende a cerrar espacios, en la itnerfaz cada que se carga algo sale una mona que se va llenando de color, de esta manera se llena la silueta, pero el ojo humano lo percibe.</span></span></div></span></span></span><p></p><p></p><div style="text-align: justify;"><span class="Apple-style-span" style="font-family:Georgia, serif;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color:#000000;"><br /></span></span></span></span></div><span class="Apple-style-span" style="font-family:Georgia, serif;color:#0000EE;"><span class="Apple-style-span" style="font-weight: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-AZKWhDiLgIw2PdNJOZxNQxlSCKZN2I5n1lBQywUEcmGQlQZ9xinpk9YMCami7opMATR_RVXrmpFGKnj71MDfjSCCKrF43YzeDwA2HScmOgFtsdr60qNWEVc3ZZUVR1S2Ht-i3FZ9mdo/s400/Imagen+13.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447079208039878226" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 75px; height: 136px; " /></span></span></span><p></p></span></h4></span></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-45519330412762359032010-03-10T11:57:00.002-06:002010-03-10T12:07:21.467-06:00sesion 16 relección<div style="text-align: justify;">REFLEXION VIERNES</div><div style="text-align: justify;">el viernes pasado me toco exponer junto con mi equipo sobre los groupware, son paginas para trabajar en colaboracion con otras personas, y te hacen mas facil y sencillo el trabajo, ya que desde la comodidad de tu casa, puedes trabajar, y te permite trabajar con personas de otros países.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Después de la exposición, el maestro trajo a un invitado, el cual nos estuvo platicando sobre sus experiencias en el ámbito laboral del diseño y nos dio su metodología que el sigue para el momento de hacer un diseño con un cliente, en lo personal me gusto mucho que primero que nada se tomara su tiempo para venir a platicar con nosotros, y en segunda porque me gusta escuchar a las personas y conocer su punto de vista, y mas si ya tienen experiencia, y lo mas importante es que nos transmiten sus buenas vibras.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">REFLEXION LUNES</div><div style="text-align: justify;">el lunes platicamos un poco sobre la visita del invitado del viernes, y el maestro nos estuvo platicando acerca de su invitado, después vimos los patrones de page layout, los cuales son:</div><div style="text-align: justify;">-jerarquía visual</div><div style="text-align: justify;">-flujo</div><div style="text-align: justify;">-agrupación</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">después de que vimos esto en clase, empezamos a analizar la pagina de youtube, y otra que el maestro traía para enseñarnos.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">me pareció interesante la clase, ya que nunca me imagine que las leyes de agrupación también se aplicaran a lo de interfaz, pero ahora aprendí un dato nuevo.</div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-74818170542183753942010-03-05T16:47:00.002-06:002010-03-05T16:50:47.084-06:00blog del personajeQuerido blog, el personaje que eleji fue Rebeca de Alba, ya que es una persona a la que admiro mucho, me gusta que sea sencilla, amable, ayude a los mas necesitados, tenga su propia fundación, y colabore en muchas obras de beneficiencia. Por eso es que la admiro.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTrCK-6S2NnL2RuipeDADi2b4OTpZHsV0kigMZMHYYaUG-A62NeHe5_hqKFv33WthKzlgHx60FA00hCGBXM0tC_q5kNRn00MFTw-BBGUGvKf0g0THYJfpNOo5bo3VVbsjvpXRok0csvuI/s1600-h/Rebeca-De-Alba2-300.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 300px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTrCK-6S2NnL2RuipeDADi2b4OTpZHsV0kigMZMHYYaUG-A62NeHe5_hqKFv33WthKzlgHx60FA00hCGBXM0tC_q5kNRn00MFTw-BBGUGvKf0g0THYJfpNOo5bo3VVbsjvpXRok0csvuI/s400/Rebeca-De-Alba2-300.jpg" alt="" id="BLOGGER_PHOTO_ID_5445285833316913314" border="0" /></a>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com0tag:blogger.com,1999:blog-5657149581489173361.post-6499935759902581202010-03-03T10:37:00.016-06:002010-03-03T12:20:25.408-06:00sesion 14 extra clase<div style="text-align: justify;">Tenemos que analizar una pagina que contenga todo lo que hemos visto hasta ahorita.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">La pagina que voy a analizar es la de <b><span class="Apple-style-span" style="color:#3333FF;">w</span></b><b><span class="Apple-style-span" style="color:#3333FF;">ww.pieroneimports.com</span></b></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">1 FRAMEWORK: entra en esta categoría porque cuenta con una base de datos a los cuales tu puedes acceder, tiene ciertas rutinas de seguridad que protegen a la pagina para que no la puedas cambiar o lucrar con ella, el medio ambiente con el que cuenta es muy cálido, llamativo, te induce al navegar en ella, la creación de la pagina es muy dinámica, como ya mencioné te motiva a entrar pero sobre todo utilizan un concepto muy original.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">*imagen de seguridad</div><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5YwJPBIRaLP6LT3yOv7H8OPeFEwRq3gAlgK5RBASQdcctYHxEtlCFBPNmBC6U6ASEI8ZWMPX4KYrXSueA0cIh4KlbGb7s4vU-vjEJ0PPnzmRJfhtbruAQ089QIFVpTrsYPCBHYJvl9QI/s400/Imagen+1.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444456985132831010" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 260px; height: 48px; " /><span class="Apple-style-span"><div style="text-align: justify;">2 APLICACION: es de aplicación porque es una tienda de muebles y nos publican el catalogo los artículos que manejan en la temporada.</div></span></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">*catalogo de los articulos de la categoría de Dining</div><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYGDOxKznoIx22Xv25x25DOCZes_XhiuzxWvCsFXbmVLeVkmaHZSd0TiMgcPiVJDHMoXXXPoVHpR5So0SntLTl47rpjuIN3oxc_WZuiAFMLKze1QgnKm4_8-wcrSauM_dYo35UJu2B91I/s400/Imagen+2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444457318697473090" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 291px; " /></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">3 PATRONES DE USO</div><div style="text-align: justify;">*safe exploration: puedes estar navegando sin tener complicaciones, y te permite regresar y cambiar de decisión.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">*instant gratification: la interfaz de la pagina me permite que no pierda el interes de estar navengando en ella, ya que reacciona inmediatamente a la solicitud que quiero.</div><div style="text-align: justify;">-en esta imagen entre a la sección de seasonal>decor>y ya me salieron los artículos de esa categoría. Fue fácil y rápido.</div><div style="text-align: justify;"><br /></div><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Mil5VYcH-mF978ZxI9x6EJ7MCAvgMBNfbSj57gbDCj4xWXMWWbM2ZKbH_dvonzuoGkwuAEaOq_At-qQKo8W1hVIPZOq3qS7Jf2DLAb15qgIyVdFQbj3FwOg-ihwee7dy_277RNOTfak/s400/Imagen+3.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444458524150993874" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 287px; " /></span></div><div style="text-align: justify;">*satisfacing & changes in midstream: la interfaz me permite buscar un articulo por medio de la lista del menú o en la barra de búsqueda, de esta manera me satisface mi necesidad de lo que requiero buscar. De esta manera me da dos opciones y yo escojo y tomo la decisión de la que más me convesca.</div><div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKdFLxSWP8B_ullAZlyUGZ-ZUIF-IftU-Kz8X88yX8OgDIOdU_eNcrq3u58E6hDx7sKDPJEz42U6-s1d9rW9BOCryJq2W5O9oKSicfJZbh5_tQGYp_L3GnYQaX9VhUZEfBsWfXtfB432A/s400/Imagen+4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444459651198236066" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 216px; height: 130px; " /></div><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDudA0W_egpkgIkRjise6Qih8lnNaRKeSKtBYaygmLwlgPegWeSsVZpdyq4vYykNeatSsm88L2_G2i8cVFqnvFxO8oUda8FsB1RbxkNCW0ChfNAFrv3jzuJQXMS9zlYwAGkT9uc_c24JM/s1600-h/Imagen+5.png" style="text-decoration: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDudA0W_egpkgIkRjise6Qih8lnNaRKeSKtBYaygmLwlgPegWeSsVZpdyq4vYykNeatSsm88L2_G2i8cVFqnvFxO8oUda8FsB1RbxkNCW0ChfNAFrv3jzuJQXMS9zlYwAGkT9uc_c24JM/s400/Imagen+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444459658740361202" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 216px; height: 41px; " /></a><div style="text-align: justify;"> *incremental construction: la interfaz de la pagina me permite segun mis preferencias entrar a ver lo que requiera. Como en este caso puedo entrar a ver las secciones de articulos o entrar a ver su pagina de facebook, twitter, ponerme en contacto con la tienda, preguntar mis dudas, ver noticias, etc.</div><div style="text-align: justify;">-sección de consulta sobre la pagina.</div></div><div style="text-align: center;"> </div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUeUdNXqUTPHzOSuwdOFedyPJQwVq-i_pi51Tzbayq5t-nWjdlPKuvYMaETZPqRZB7wxHwSG9JZ2odUs7-bCdT-G9bZBf-TAuTB8-y5u4NMsP43WyDktLI3eF4PnJM8FkAKhDecwYMrG4/s400/Imagen+7.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444462114729742434" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 66px; " /><div style="text-align: justify;">-sección de consulta sobre los artículos.</div></span><div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0M8s5hiAtM81Q1zkRyScHLtDD3LcPFvckDXqNrR-FNaU7Gh07h2rGHjKIsE8YWHGaDGbCEB7ZXfMj5dQCkW7p4UXe36KcPaeXNwmcsHEwszeCiyUJN6FJImNONGDNVc-NiNH1giZffg/s400/Imagen+6.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444462104812885090" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 14px; " /><div style="text-align: justify;">*habituation: el usuario esta acostumbrado a trabajar con ciertas cosas, en este caso a buscar en la barra de búsqueda lo que necesitamos.</div></span></span><div></div><div><div style="text-align: justify;"><br /></div><div style="text-align: center;"><span class="Apple-style-span"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDudA0W_egpkgIkRjise6Qih8lnNaRKeSKtBYaygmLwlgPegWeSsVZpdyq4vYykNeatSsm88L2_G2i8cVFqnvFxO8oUda8FsB1RbxkNCW0ChfNAFrv3jzuJQXMS9zlYwAGkT9uc_c24JM/s1600-h/Imagen+5.png" style="text-decoration: none; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDudA0W_egpkgIkRjise6Qih8lnNaRKeSKtBYaygmLwlgPegWeSsVZpdyq4vYykNeatSsm88L2_G2i8cVFqnvFxO8oUda8FsB1RbxkNCW0ChfNAFrv3jzuJQXMS9zlYwAGkT9uc_c24JM/s400/Imagen+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444459658740361202" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 216px; height: 41px; " /></a></span></div><div style="text-align: justify;">*propective memory: la interfaz te ayuda a que no te pierdas y no se te olvide donde quedaron las cosas, ya que cuenta con una entendible barra de menú, para que de esta forma no se te complique y puedas navegar fácilmente y lo más importante no te pierdas mientras realizas tu navegación. </div><div style="text-align: justify;"><br /></div></div><span class="Apple-style-span"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0M8s5hiAtM81Q1zkRyScHLtDD3LcPFvckDXqNrR-FNaU7Gh07h2rGHjKIsE8YWHGaDGbCEB7ZXfMj5dQCkW7p4UXe36KcPaeXNwmcsHEwszeCiyUJN6FJImNONGDNVc-NiNH1giZffg/s400/Imagen+6.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444462104812885090" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 14px; " /></span></div><div style="text-align: justify;">*other peaple advice: permite al usuario conocer la opinion de otros acerca de los productos de la tienda, en este caso por medio de las redes sociales facebook,twitter y myspace donde los usuarios ponen sus comentarios sobre como se han sentido con los productos.</div><div style="text-align: justify;"><br /></div><div style="text-align: left;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Yg3hfF0rjuevD0CdOt9eyEb-L7HZ0GM3L9Voj-7jCTTEVfRLG4Vgp450B_qucNz2j6pPpJSRM_irZcA04K_ce0in3oOfh9ytWAZ7DTtaTTDjGWmyW598gGYOkBiD2fpae2Pueo1ZeG8/s400/Imagen+8.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444464993653845714" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 285px; height: 30px; " /></span></div><div style="text-align: justify;"> 4 CATEGORIAS</div><div style="text-align: justify;">*lista de acciones: responde a la pregunta ¿Qué quieres hacer?, en este caso sería que quieres ver, y acudes a la barra de menú para entrar a ver la categoría que deseas.</div><div style="text-align: justify;"><br /></div><div style="text-align: left;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0M8s5hiAtM81Q1zkRyScHLtDD3LcPFvckDXqNrR-FNaU7Gh07h2rGHjKIsE8YWHGaDGbCEB7ZXfMj5dQCkW7p4UXe36KcPaeXNwmcsHEwszeCiyUJN6FJImNONGDNVc-NiNH1giZffg/s400/Imagen+6.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444462104812885090" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 14px; " /></div><div style="text-align: justify;">*lista de herramientas: grupo de acciones sobre un grupo de datos, en la interfaz se encuentra en la parte donde te preguntan que quieres hacer - ver Pier1 Rewards -encontrar una tienda</div><div style="text-align: justify;"> -buscar algo y tu escoges la que quieras. </div><div style="text-align: justify;"><br /></div><div style="text-align: left;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTnx14RG3c_ThKiShMES28YU9P1iH8h_AQgQr9HI4QCR68VLK7bcbXOnsi9dNc-LVLW9CTSp141MNHpJIECamjANTe8WWexFD0qP9MpDMqMXgEhJZCx6ntGSbMRnZRDkoU2IF1WG3KrBo/s400/Imagen+9.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444466866731146450" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 41px; " /></span></div><div style="text-align: justify;">5 ESTRUCTURAS</div><div style="text-align: justify;">*one window paging: la interfaz se mueve dentro de la misma pagina, no te abre otras ventanas.</div><div style="text-align: justify;"><br /></div><div style="text-align: left;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh64auV6gCPC8fBMtSILtfrDjLzRCL_34NZ2-6LzhMevopfi4QhC2J9YWU3czCA0AOtOuKZyUsI0Lx8_Ni1DDbWYV3zAIruIfR8nthCMHNcmATp0NkJ2_7xKOikLJjsmg1vwIPPMXBLW1k/s400/Imagen+10.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444468009074918450" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 250px; " /><div style="text-align: justify;">6 ORGANIZACION DE CONTENIDO</div></span></div><div style="text-align: justify;">*alternatives views: nos permite ver los artículos como lista y sin entrar a ver sus características de cada articulo, como en la imagen solo vemos los muebles sin sus características, ya si después quieres ver de que madera esta hecha y todo eso le picas al mueble y ves la información completa.</div><div style="text-align: justify;"><br /></div><div style="text-align: left;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_jwqri2wWDoHx-pHWOx0cDkGgSXLkHeLcYE0_hpGr1Il-pWz9_hanlvladJxEtA8JZiOGvENo-ceG7t8ToW21fNocE7W704oP9D5gYj7yqwBLb8FlHVdSzGHbic4Nl6oVPAO4EqDKFf0/s400/Imagen+12.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444470056094060770" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 133px; " /></span></div><div style="text-align: justify;">7 CONCEPTUALES</div><div style="text-align: justify;">*intriguing branches: la interfaz me permite ir directamente a un sitio, un ejemplo es le picas a la palabra de facebook y te manda inmediatamente a esa pagina, sin la necesidad de tu buscarlo.</div><div style="text-align: justify;"><br /></div><div style="text-align: left;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2akf3Qmp7GJ8PzVGVQFln69A_tyHtUgDZ1bytLiShRC93nIdDzLIEtwNTAYCsmPyGVUI2oFsdnoOHbqxOaEum1eHasoeXDFmgDzTsflxjEd6HYKAb82H0QPmr0bUdlqg2vnbV_bNdGCk/s400/Imagen+13.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444470800329412018" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 73px; height: 27px; " /><div style="text-align: justify;">*multilevel help: viene una sección de ayuda, donde puedes preguntar tus dudas o dar tus sugerencias.</div></span></div><div style="text-align: left;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5UuHAwqIE-65WCUNWKzIWBWeF-bKVtkX6RG-_Mar2Xk7JI4cyeUuI1ahWGAzL5rESiKvspk7i0RI6I9CDPSaZRaNi22M3tqVNHk9ob3tguCZUgO-HCu-nhTjQIIGNXrGPsOitrzgpvXI/s400/Imagen+14.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444471031919115506" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 35px; height: 23px; " /></span></div><div style="text-align: justify;"><b><span class="Apple-style-span" style="color:#3333FF;">PATRONES DE NAVEGACION</span></b></div><div style="text-align: justify;">8 TRAMA</div><div style="text-align: justify;">*clear entry points: se refiere cuando una pagina tiene puntos de entrada para algo, en la interfaz cuenta con unos puntos que nos llevan a una seccion, estos puntos nos guian a visitar lo que nos estan ofreciendo.</div><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1u4isy8VsSKRtC_tnAVkSAtAzVw8bRioQB2ASjUeae6C-BnbUgwSlo-Dcwj8w8Tdz1x0auARsdwtHEGtvlpTAvADjF0KcoEujvuBvtpmA0PjhyBp8c6ccuKViLvtrvGQa2obDzI9KJ0c/s400/Imagen+15.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444471902271370130" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 162px; height: 400px; " /></span><div><div style="text-align: justify;"><span class="Apple-style-span">*global navegation: son los botones globales, en la interfaz seria la barra de menú, la barra de consulta sobre información de la pagina, y la lista de acciones.</span></div><div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0M8s5hiAtM81Q1zkRyScHLtDD3LcPFvckDXqNrR-FNaU7Gh07h2rGHjKIsE8YWHGaDGbCEB7ZXfMj5dQCkW7p4UXe36KcPaeXNwmcsHEwszeCiyUJN6FJImNONGDNVc-NiNH1giZffg/s400/Imagen+6.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444462104812885090" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 14px; " /></div><div style="text-align: justify;"><br /></div><div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUeUdNXqUTPHzOSuwdOFedyPJQwVq-i_pi51Tzbayq5t-nWjdlPKuvYMaETZPqRZB7wxHwSG9JZ2odUs7-bCdT-G9bZBf-TAuTB8-y5u4NMsP43WyDktLI3eF4PnJM8FkAKhDecwYMrG4/s400/Imagen+7.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444462114729742434" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 66px; " /></div><div style="text-align: justify;">*secuence map: la interfaz te va mostrando el numero de paginas.</div><div style="text-align: justify;"><br /></div><div style="text-align: center;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OrAr-EoDoYoLvGz9QWaoC5qFj4hU_HIThHXbuLsUwoI6uDasIw6H4xVCh-01FxrBF5B8eD1iGE9PJqi1VVvaaTwEzU3O7jf-hwcIRu3Y6EpWnkrashr4Crp0UW2MFEdWBdIMtnEPLzI/s400/Imagen+11.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444473420456580498" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 29px; " /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="color:#0000EE;"><br /></span></div></div>Nuriahttp://www.blogger.com/profile/04784103155764928539noreply@blogger.com1