SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
DISEÑO E
INSTALACIÓN
DE SITIOS
WEB
DISEÑO CREACIONISTA VS
DISEÑO DARWINISTA
El diseño tradicional de interfaces nace de una reflexión profunda y
prolongada, acompañada de estudios, experimentos (Xeros, PARC, Apple,
etc.) y ensayos que se plasmaron una vez analizados y comprobada su
eficacia en la guía de estudio GUI.
Es por tanto un diseño creacionista, un largo embarazo que dio a luz a una
criatura consolidada.
En la Web se introducen elementos continuamente, en su campo de
experimentación es la propia red, su uso.
Sólo las buenas ideas sobreviven, las otras desaparecen en un puro modelo
evolucionista del diseño.
REDUCIR EL DESORDEN DE
NAVEGACIÓN
Agregar (unidad que representa una colección de otras más pequeñas, lo
que es sencillo dentro de un sitio, pero complicado cuando se trata de
categorizar sitios diversos)
Sumarización (formas de representar gran cantidad de información a
través de otra más pequeña)
Filtrado (eliminando la información no relevante, son especialmente
útiles los filtros colaborativos, aquellos en los que un colectivo decide
qué información es la valiosa)
Truncado (dejar sólo la parte inicial de la información y dejar al usuario
que la seleccione para ver el resto)
Representaciones basadas en ejemplos (más de mil millones de datos)
Es tanto el volumen de información que el diseñador debe emplear
métodos variados para reducir la confusión, métodos como:
QUÉ TAN ANCHA DEBE SER
LA PÁGINA
En términos de anchura lo mejor es crear páginas adaptables al ancho.
Si no es posible, es mejor asumir que muchos usuarios lo verán pantallas de
1024 píxeles, lo que deja en términos reales poco más de 800 píxeles.
LAS PÁGINAS DE ENTRADA
(INTRO) DEBEN MORIR
Frente a quien dice que es una buena manera de arrancar y dar una bienvenida, lo cierto
es que los usuarios las saltan tan rápido como pueden..
PÁGINA DE INICIO VS.
PÁGINAS INTERIORES
El elemento de diseño más importante de la página de inicio debería ser el
nombre de la compañía.
No tiene que ser necesariamente el más grande, pero al menos debe estar
en la esquina superior izquierda de la pantalla.
Esta información debería repetirse en todos los lugares interiores,
especialmente porque desconocemos el punto de entrada del usuario.
Para facilitar este acceso y reubicar al usuario, coloca siempre un enlace
directo a la página de inicio.
Cuanto más famoso sea tu sitio, menor debe ser el área dedicada a
identificarse, ya te conocen.
Frente a quien prefiere forzar la entrada por la página de inicio, debe
prevalecer la idea de satisfacer al usuario proporcionando puntos de entrada
más cercanos a sus intereses.

Más contenido relacionado

La actualidad más candente

Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)Alex Naupay
 
Buenas practicas en programacion web
Buenas practicas en programacion webBuenas practicas en programacion web
Buenas practicas en programacion webCésar Jodra
 
patrones de diseño web.
  patrones de diseño web.   patrones de diseño web.
patrones de diseño web. Diana Luna
 
Presentacion clase final sebastian cruz
Presentacion clase final sebastian cruzPresentacion clase final sebastian cruz
Presentacion clase final sebastian cruzsebastiancruzgelis
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPercy Negrete
 
Características y Limitaciones de la web 2.0
Características y Limitaciones de la web 2.0Características y Limitaciones de la web 2.0
Características y Limitaciones de la web 2.0Michu Carrion
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - ConceptosPercy Negrete
 
Licencias de creavite commons, Ofimática web, Google drive vs. Dropbox
Licencias de creavite commons, Ofimática web, Google drive vs. DropboxLicencias de creavite commons, Ofimática web, Google drive vs. Dropbox
Licencias de creavite commons, Ofimática web, Google drive vs. Dropboxrccampoverde1
 
Slideshare
SlideshareSlideshare
SlideshareYenci17
 

La actualidad más candente (14)

Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)
 
Buenas practicas en programacion web
Buenas practicas en programacion webBuenas practicas en programacion web
Buenas practicas en programacion web
 
patrones de diseño web.
  patrones de diseño web.   patrones de diseño web.
patrones de diseño web.
 
Presentacion clase final sebastian cruz
Presentacion clase final sebastian cruzPresentacion clase final sebastian cruz
Presentacion clase final sebastian cruz
 
Flickr
FlickrFlickr
Flickr
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
 
Patrones de diseño web
Patrones de diseño webPatrones de diseño web
Patrones de diseño web
 
Características y Limitaciones de la web 2.0
Características y Limitaciones de la web 2.0Características y Limitaciones de la web 2.0
Características y Limitaciones de la web 2.0
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - Conceptos
 
Licencias de creavite commons, Ofimática web, Google drive vs. Dropbox
Licencias de creavite commons, Ofimática web, Google drive vs. DropboxLicencias de creavite commons, Ofimática web, Google drive vs. Dropbox
Licencias de creavite commons, Ofimática web, Google drive vs. Dropbox
 
Slideshare
SlideshareSlideshare
Slideshare
 
Zeen
ZeenZeen
Zeen
 
Blog
BlogBlog
Blog
 
Presentación1 pau
Presentación1 pauPresentación1 pau
Presentación1 pau
 

Similar a Diseño e instalación de sitios web (diseño creacionista vs diseño darwinista / pagina de inicio vs. paginas interiores)

Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...KareliaRivas
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Alexa Zárrate
 
Diseño weeb
Diseño weebDiseño weeb
Diseño weebjordycs20
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasJomicast
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXAdan Avelar
 
Clase ii diplomado
Clase ii diplomadoClase ii diplomado
Clase ii diplomadodiplomados2
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webLuisa Perez
 
Historia y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesHistoria y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesAdriana Tienda
 
CARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBCARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBgpn
 

Similar a Diseño e instalación de sitios web (diseño creacionista vs diseño darwinista / pagina de inicio vs. paginas interiores) (20)

Alberto
AlbertoAlberto
Alberto
 
Alberto
AlbertoAlberto
Alberto
 
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
 
Diseño weeb
Diseño weebDiseño weeb
Diseño weeb
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMX
 
Clase ii diplomado
Clase ii diplomadoClase ii diplomado
Clase ii diplomado
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Historia y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesHistoria y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visuales
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
CARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBCARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEB
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
ing.software
ing.softwareing.software
ing.software
 
Presentación1
Presentación1Presentación1
Presentación1
 

Más de KareliaRivas

Lenguaje de programación Python
Lenguaje de programación PythonLenguaje de programación Python
Lenguaje de programación PythonKareliaRivas
 
Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)KareliaRivas
 
Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)KareliaRivas
 
Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)KareliaRivas
 
Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)KareliaRivas
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTMLKareliaRivas
 
Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)KareliaRivas
 
Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)KareliaRivas
 
Los tipos de lenguaje de programación
Los tipos de lenguaje de programaciónLos tipos de lenguaje de programación
Los tipos de lenguaje de programaciónKareliaRivas
 
Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)KareliaRivas
 
Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)KareliaRivas
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programaciónKareliaRivas
 
Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)KareliaRivas
 
Interfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosInterfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosKareliaRivas
 
Recursividad en programación
Recursividad en programaciónRecursividad en programación
Recursividad en programaciónKareliaRivas
 
Tipos de bases de datos distribuidas
Tipos de bases de datos distribuidasTipos de bases de datos distribuidas
Tipos de bases de datos distribuidasKareliaRivas
 

Más de KareliaRivas (20)

Lenguaje de programación Python
Lenguaje de programación PythonLenguaje de programación Python
Lenguaje de programación Python
 
Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)
 
Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)
 
Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)
 
Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)
 
C#
C#C#
C#
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)
 
Java
JavaJava
Java
 
Html
HtmlHtml
Html
 
Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)
 
Los tipos de lenguaje de programación
Los tipos de lenguaje de programaciónLos tipos de lenguaje de programación
Los tipos de lenguaje de programación
 
Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)
 
Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programación
 
Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)
 
Factorial en C++
Factorial en C++Factorial en C++
Factorial en C++
 
Interfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosInterfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datos
 
Recursividad en programación
Recursividad en programaciónRecursividad en programación
Recursividad en programación
 
Tipos de bases de datos distribuidas
Tipos de bases de datos distribuidasTipos de bases de datos distribuidas
Tipos de bases de datos distribuidas
 

Último

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 

Último (15)

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 

Diseño e instalación de sitios web (diseño creacionista vs diseño darwinista / pagina de inicio vs. paginas interiores)

  • 2. DISEÑO CREACIONISTA VS DISEÑO DARWINISTA El diseño tradicional de interfaces nace de una reflexión profunda y prolongada, acompañada de estudios, experimentos (Xeros, PARC, Apple, etc.) y ensayos que se plasmaron una vez analizados y comprobada su eficacia en la guía de estudio GUI. Es por tanto un diseño creacionista, un largo embarazo que dio a luz a una criatura consolidada. En la Web se introducen elementos continuamente, en su campo de experimentación es la propia red, su uso. Sólo las buenas ideas sobreviven, las otras desaparecen en un puro modelo evolucionista del diseño. REDUCIR EL DESORDEN DE NAVEGACIÓN Agregar (unidad que representa una colección de otras más pequeñas, lo que es sencillo dentro de un sitio, pero complicado cuando se trata de categorizar sitios diversos) Sumarización (formas de representar gran cantidad de información a través de otra más pequeña) Filtrado (eliminando la información no relevante, son especialmente útiles los filtros colaborativos, aquellos en los que un colectivo decide qué información es la valiosa) Truncado (dejar sólo la parte inicial de la información y dejar al usuario que la seleccione para ver el resto) Representaciones basadas en ejemplos (más de mil millones de datos) Es tanto el volumen de información que el diseñador debe emplear métodos variados para reducir la confusión, métodos como:
  • 3. QUÉ TAN ANCHA DEBE SER LA PÁGINA En términos de anchura lo mejor es crear páginas adaptables al ancho. Si no es posible, es mejor asumir que muchos usuarios lo verán pantallas de 1024 píxeles, lo que deja en términos reales poco más de 800 píxeles. LAS PÁGINAS DE ENTRADA (INTRO) DEBEN MORIR Frente a quien dice que es una buena manera de arrancar y dar una bienvenida, lo cierto es que los usuarios las saltan tan rápido como pueden..
  • 4. PÁGINA DE INICIO VS. PÁGINAS INTERIORES El elemento de diseño más importante de la página de inicio debería ser el nombre de la compañía. No tiene que ser necesariamente el más grande, pero al menos debe estar en la esquina superior izquierda de la pantalla. Esta información debería repetirse en todos los lugares interiores, especialmente porque desconocemos el punto de entrada del usuario. Para facilitar este acceso y reubicar al usuario, coloca siempre un enlace directo a la página de inicio. Cuanto más famoso sea tu sitio, menor debe ser el área dedicada a identificarse, ya te conocen. Frente a quien prefiere forzar la entrada por la página de inicio, debe prevalecer la idea de satisfacer al usuario proporcionando puntos de entrada más cercanos a sus intereses.