Eines per a la millora i el manteniment de webs
•Télécharger en tant que ODP, PDF•
0 j'aime•318 vues
Curs de millora i manteniment de webs realitzat a la Borrassa Rural Lab per als tècnics de joventut de la demarcació de Lleida.
![Gestió i millora de webs ,[object Object]](https://image.slidesharecdn.com/eines-millora-manteniment-webs-100714121945-phpapp02/85/Eines-per-a-la-millora-i-el-manteniment-de-webs-1-320.jpg)
![Què hi ha darrere de les webs? ,[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommandé
Contenu connexe
En vedette
Similaire à Eines per a la millora i el manteniment de webs
Similaire à Eines per a la millora i el manteniment de webs (20)
Plus de La Borrassa rural lab
Plus de La Borrassa rural lab (20)
Eines per a la millora i el manteniment de webs
- 3. Usabilitat
- 6. Continguts
- 7. Web 2.0
- 10. Usabilitat
- 13. Mostrar clarament quins camps són obligatoris
- 15. Ajudar a l'usuari en el procés. Avisar dels errors abans d'enviar les dades del formulari
- 16. No incloure botó de ”reset”
- 17. Pàgina de confirmació Formularis usables
- 18. Usabilitat
- 19. Accessibilitat
- 21. Accés al contingut a tot tipus d'usuari, sigui quin sigui l'agent d'usuari usat (navegador web, navegador de veu, telèfon mòbil, ordinador de cotxe, etc.) o les condicions de l'entorn de consulta (entorns sorollosos, espais mal il·luminats, entorns en què no es poden usar les mans, etc.). Directrius d'accessibilitat web (WAI) del W3C Validador HTML
- 22. Disseny gràfic
- 24. Atreure visitants al lloc
- 25. Permetre una bona interacció al lloc web Diseño web a la wikipedia Zen Garden
- 28. Ús de tipografies amb relleus
- 29. Blocs de contingut multimèdia, vídeo, il·lustracions grans
- 34. Comunicar d'una forma efectiva als seus usuaris
- 36. Web 2.0
- 40. Musicals: LastFM , MySpace
- 42. Facebook : Pàgines i Grups
- 43. Twitter Exemples d'integració http://www.donarsang.gencat.cat/ http://www.cpnl.cat/
- 49. Ens interessa que ens trobin
- 51. L'usuari que busca una solució fa una cerca i decideix entrar al web
- 52. A l'usuari li agrada allò que troba, creu que val la pena invertir-hi més temps i fer un pas més
- 53. Es realitza una acció desvirtualitzada, fora web: trucada, visita, ...
- 54. Posicionament Posicionament orgànic Posicionament de pagament
- 56. SEM – Search Enginge Marketing
- 57. SMO – Social Media Optimization SEO / SMO SEM Gratuït Pagament Llarg termini Curt termini Més control
- 60. Reconeixen text i la importància que tenen les paraules dins la plana
- 63. Integració de paraules clau
- 64. Format del text – Semàntica
- 65. Domini i URLs amigables
- 66. Text de la porta d'entrada – Metatags
- 67. Text d'ancoratge dels enllaços
- 68. Cada imatge s'explica en paraules
- 70. Actualització regular de la informació
- 72. Domini de la web
- 75. Aportar valor i continguts nous vinculats a l'activitat
- 77. Pla de posicionament Preparació del web Tria de paraules clau Redacció de continguts Previsió de resultats Marcar objectius interns del web Control regular Revisió de la posició, origen de visites, dels enllaços ... Anàlisi de resultats Quadre de comandaments Informe de resultats i proposta de canvis
- 78. Analítica web
- 81. Què els agrada més i què menys?
- 82. Quins són els seus interessos?
- 83. Com ens han trobat?
- 84. Quins segments són els més rendibles?
- 87. Millorar usabilitat i navegació
- 89. Millorar les ràtios de conversió
- 90. Rendibilitzar la publicitat en la pàgina
- 93. Nombre màxim de visites a un lloc web amb un temps màxim d'inactivitat de 30 minuts
- 94. Usuaris únics (=visitants)
- 95. Nombre d'usuaris diferents que han entrat en un lloc web durant un període de temps determinat
- 96. Pàgines vistes
- 97. Nombre de pàgines que es visualitzen durant totes les visites a un lloc web
- 99. Visites
- 100. Quantes persones diferents han entrat al meu lloc?
- 101. Usuaris únics
- 102. Quantes pàgines del meu lloc visualitzen els usuaris?
- 103. Pàgines vistes
- 104. Quant temps passen els usuaris al meu lloc?
- 105. Temps en el lloc
- 107. Temps entre l'hora d'arribada al lloc, i l'hora que es visita l'última pàgina del lloc abans d'abandonar-lo o de tancar el navegador
- 108. No existeix una mètrica perfecta, cada lloc té la seva mètrica adequada
- 110. Fàcil d'implementar
- 111. Fàcil d'utilitzar i d'apendre
- 112. Administració d'usuaris, perfils i filtres
- 113. Enviament d'informes per correu
- 115. Javascript i cookies
- 116. Privacitat??
- 117. Només visitants Google Analytics Suport
- 119. Insertar codi javascript a totes les pàgines just abans de </body> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write("lt;script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'>lt;script>" ); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-123456-1");pageTracker._initData();pageTracker._trackPaginaweergave();</script> </body> </html>
- 120. Google Analytics
- 123. Gestió de continguts
- 125. Continguts dinàmics: Continguts amb molta variabilitat i actualització
- 126. Continguts multimèdia: Vídeo, galeries d'imatges
- 127. Continguts compartits: Calendaris, documents col·laboratius, grups...
- 129. Continguts dinàmics: Continguts amb molta variabilitat i actualització
- 130. Continguts multimèdia: Vídeo, galeries d'imatges
- 131. Continguts compartits: Calendaris, documents col·laboratius, grups...
- 133. Joomla
- 134. Drupal
- 135. Houdini
- 136. …
- 141. Moltes gràcies
Notes de l'éditeur
- Más visitas: Al eliminar todas las limitaciones de acceso a su Web, obtenemos un aumento del número de potenciales visitantes. Sin duda, ésta es una razón muy importante para una empresa que pretenda captar nuevos clientes. Más velocidad: La accesibilidad permite reducir el tamaño de las páginas Web y, por tanto, minimizar el tiempo de carga de las páginas Web Menos Fallos: Una página Web accesible es menos propensa a contener errores y más sencilla de actualizar. Si su página web cumple los estándares de accesibilidad podemos afirmar que se visualizará correctamente y de la misma manera en todos los dispositivos y navegadores del mercado, indepependiente de la conexión, hardware o software que utilicen sus usuarios. Un sitio Web accesible garantizará el acceso al contenido de todos sus usuarios sean cuales sean las limitaciones que presenten, entre las que se encuentran las siguientes: Accesibilidad Web * Usuarios con equipos desfasados * Acceso desde otros dispositivos (PDA's, móviles, …) * Navegadores no soportados * Usuarios con problemas visuales (ceguera, daltonismo) * Dificultad o imposibilidad de usar las manos * Sordera o deficiencias auditivas. * Dislexia, dyscalculia, etc
- http://www.desarrolloweb.com/articulos/redaccion-para-web-sites.html Aquí van algunos trucos para lograr internautas felices: * Tener claro a quien va dirigido el contenido y cual es nuestro target. * Los internautas son impacientes, voraces e inconstantes. (No leen, escanean rápidamente la pantalla en busca de algo que les interese.) * La lectura en un monitor es más cansadora, incómoda y lenta que en un buen texto impreso. * La página principal debe orientar sobre qué trata el sitio, como está estructurado y como navegar en él. * Utilizar párrafos cortos. Si lo que decimos es muy importante, podemos expresarlo en tres o cuatro frases. * Utilizar títulos y subtítulos para ayudar a clasificar la información, hacerla más visual y rápida para el usuario. * Utilizar diferentes tamaños en las tipografías (titular y cuerpo) o (titular, cuerpo y epígrafes) sin exagerar. * Destacar los textos más importantes: utilizar la negrita y el subrayado. * Emplear hiperenlaces ayuda a mantener el interés del lector (hipervínculos sean informativos, explicativos, atractivos). * Los textos deben de ser cortos (debe evitar un abuso del scroll) * Si la información es muy larga, procurar dividirla en varias pantallas. * Aprovechar las imágenes y gráficos (una imagen vale más que mil palabras). * Emplear listas siempre que sea posible (mejor lectura y ofrecen enlaces). * Utilizar verbos en vez de frases: “explica” en lugar de “Sirve para explicar”. * Ser preciso con las palabras, si hablamos de cuestiones meteorológicas decir clima y no tiempo. * Lenguaje simple e informal (la lectura es más rápida). * Utilizar una ortografía y gramática correctas. Revísalo todas las veces que sean necesarias. Si es posible, que lo lean distintas personas. Mucha gente rechaza frases mal escritas. * Columnas más estrechas pueden hacer que la lectura sea más ágil (no más de 10-12 palabras por línea.) * En la pantalla las fuentes sans-serif se leen mejor que las serif (serif: Times, Book, Garamond. Sans serif: Arial, Verdana, Tahoma). * Tamaño de tipografía óptimo 12 puntos. * Cuando se hace una versión HTML &quot;para imprimir&quot; emplear dos hojas de estilo distintas, una para imprimir (sin enlaces, etc..) y otra para mostrar en pantalla.
- http://blog.enraona.com/index.php/2009/11/06/5-coses-a-evitar-per-millorar-el-teu-web-sense-programar/ http://alt1040.com/2009/10/las-50-cosas-mas-molestas-de-internet http://www.webpagesthatsuck.com/ugliest-worst-web-pages-of-the-decade.html Velocitat de descàrrega de les planes Continguts accessibles tant per navegació com per recerca Codificació estàndard per a garantir la compatibilitat entre navegadors No usar marcs ( frames ) ni altres elements que trenquin la unitat bàsica d'informació i navegació (la plana) Planes fàcilment llegibles i fàcils d’escanejar visualment Ús d'interficies estàndard Ha de resultar senzill per a l'usuari identificar la seva posició a la web