Tipologías y patrones de arquitectura de la informaciónPresentes en las interfaces de usuario de las redes sociales de META (Instagram e Facebook)

  1. Rodríguez-Perujo, Germán
  2. Rodrigo-Martín, Isabel
  3. Muñoz-Sastre, Daniel
Revista:
VISUAL REVIEW: International Visual Culture Review / Revista Internacional de Cultura Visual

ISSN: 2695-9631

Ano de publicación: 2024

Volume: 16

Número: 6

Tipo: Artigo

DOI: 10.62161/REVVISUAL.V16.5368 DIALNET GOOGLE SCHOLAR lock_openAcceso aberto editor

Outras publicacións en: VISUAL REVIEW: International Visual Culture Review / Revista Internacional de Cultura Visual

Resumo

Information Architecture (IA) organises digital content, from web interfaces to ATM screens and car dashboards. In addition to structure, it encompasses the labelling and organisation of information in each interface. It is presented through mind maps and is essential in both academic and professional environments. In complex products such as social networks, several IA patterns are employed simultaneously. This research introduces IA to Applied Communication Sciences, highlighting its importance for improving User Experience in social networks. This study identifies standard patterns and new types of mental maps for digital creation.

Referencias bibliográficas

  • Allen, E. (2018). Mastering Card Sorting: How to Use Research to Organize Information Intuitively. O’Reilly Media, Inc. https://tinyurl.com/mryj2jnm
  • Apple, Inc. (s. f.-a). Apple human interface guidelines: Content. Apple Developer Documentation. https://tinyurl.com/2pwfpwyf
  • Apple, Inc. (s. f.-b). Carousel: Arranges images in a row. Apple Developer Documentation. https://tinyurl.com/4dbhxh8y
  • Apple, Inc. (s. f.-c). Context menus. Apple Developer Documentation. https://tinyurl.com/vrymzbka
  • Apple, Inc. (Director). (s. f.-d). Explore navigation design for iOS - WWDC22: Sarah McClanahan. https://tinyurl.com/3xkdjaju
  • Apple, Inc. (s. f.-e). Navigation bars. Apple Developer Documentation. https://tinyurl.com/48e527we
  • Apple, Inc. (s. f.-f). Ornaments. Apple Developer Documentation. https://tinyurl.com/4y86pp4x
  • Apple, Inc. (s. f.-g). Tab bars. Apple Developer Documentation. https://tinyurl.com/3x5fptc2
  • Baxter, K., Courage, C., & Caine, K. (2015). Understanding your users: A practical guide to user research methods (Second edition). Morgan Kaufmann. https://tinyurl.com/3svcycxf
  • Beel, J. & Langer, S. (2011). An exploratory analysis of mind maps. In Proceedings of the 11th ACM symposium on Document engineering (DocEng ’11). Association for Computing Machinery, New York, NY, USA, 81–84. https://doi.org/10.1145/2034691.2034709 DOI: https://doi.org/10.1145/2034691.2034709
  • Eppler, M. J. (2006). A Comparison between Concept Maps, Mind Maps, Conceptual Diagrams, and Visual Metaphors as Complementary Tools for Knowledge Construction and Sharing. Information Visualization, 5(3), 202-210. https://doi.org/10.1057/palgrave.ivs.9500131 DOI: https://doi.org/10.1057/palgrave.ivs.9500131
  • Gibbons, S. (14 de julio de 2019). Cognitive Maps, Mind Maps, and Concept Maps: Definitions. Nielsen Norman Group. https://t.ly/bAdCl
  • Google Ireland Limited. (s. f.-a). Carousel – Material Design 3. Material Design. https://tinyurl.com/27hw3rue
  • Google Ireland Limited. (s. f.-b). Tabs – Material Design 3. Material Design. https://tinyurl.com/3tdhmzeb
  • Gourov, V., & Gourova, E. (2015). Cloud network architecture design patterns. Proceedings of the 20th European Conference on Pattern Languages of Programs, 1-11. https://doi.org/10.1145/2855321.2855323 DOI: https://doi.org/10.1145/2855321.2855323
  • Interaction Design Foundation - IxDF. (4 de junio de 2016). What is Mobile First? — Updated 2024. The Interaction Design Foundation. https://www.interaction-design.org/literature/topics/mobile-first?srsltid=AfmBOop-rQuc8IKzRUowhM9D6vMd1U7AFpwJzDjlLh_dh3LyJeR6ZPFS
  • Karatsolis, A., & Karatsoli-Chanikian, L. (2014). Using principles from architecture to inform HCI design. Proceedings of the International Conference on Information Systems and Design of Communication, 8-14. https://doi.org/10.1145/2618168.2618170 DOI: https://doi.org/10.1145/2618168.2618170
  • Lin, H., & Faste, H. (2011). Digital mind mapping: Innovations for real-time collaborative thinking. CHI ’11 Extended Abstracts on Human Factors in Computing Systems, 2137-2142. https://doi.org/10.1145/1979742.1979910 DOI: https://doi.org/10.1145/1979742.1979910
  • MacStories, Inc. (s. f.). Dark Mode and Colors. MacStories. https://tinyurl.com/ktmydmr6
  • React Navigation. (2022). Stack Navigator. React Navigation. https://reactnavigation.org/docs/stack-navigator/
  • Rosenfeld, L., Morville, P., & Arango, J. (2015). Information architecture: For the web and beyond. O’Reilly Media, Inc.
  • Tidwell, J., Brewer, C., & Valencia, A. (2019). Designing interfaces: Patterns for effective interaction design. O’Reilly. https://www.oreilly.com/library/view/designing-interfaces-3rd/9781492051954/
  • Wroblewski, L. (2011). Mobile First by Luke Wroblewski—Read Online. A Book Apart. http://www.ferrispark.com/audio/DOCUMENTS/mobile-first.pdf
  • Zimmerman, D., & Walls, P. (2000). Exploring navigational patterns on the Web. 18th Annual Conference on Computer Documentation. ipcc sigdoc 2000. Technology and Teamwork. Proceedings. IEEE Professional Communication Society International Professional Communication Conference and ACM Special Interest Group on Documentation Conference, 581-591. https://doi.org/10.1109/IPCC.2000.887315 DOI: https://doi.org/10.1109/IPCC.2000.887315