Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@design4context			Going	Global	 IA	Summit	2018		#IAS18 1
Going	Global
The	Intersection	of	IA	and	UX	
in	a	Multilingual	Env...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 2
@design4context
Janette	Shew Rachel	SengersKate	Blanch
@design4context			Going	Global	 IA	Summit	2018		#IAS18 3
TIM	BERNERS-LEE	/	1989
His	vision	for	the	worldwide	web:
an	open	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 4
To	reach	people	who	speak	other	languages,	we	
need	to	create	a	s...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 5
DESIGNING
FOR
CONTEXT
DEVICE	
TYPES
ACCESSI-
BILITY	
NEEDS
USER	
...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 6
DEVICE	
TYPES
ACCESSI-
BILITY	
NEEDS
USER	
TYPES
EXPERIENCE
EDUCA...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 7
‫ا‬
अ
あ
a
a
a
a
SOURCE	CONTENT
IN	1	LANGUAGE
TRANSLATED	VERSIONS	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 8
SOURCE	CONTENT
IN	>1	LANGUAGE
ONE	LANGUAGE	AT	A	TIME
User	flips	a...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 9
@design4context			Going	Global	 IA	Summit	2018		#IAS18 10
@design4context			Going	Global	 IA	Summit	2018		#IAS18 11
@design4context			Going	Global	 IA	Summit	2018		#IAS18 12
SOURCE	CONTENT
IN	>1	LANGUAGE
ONE	LANGUAGE	AT	A	TIME
User	flips	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 13
Source:	Blavatnik Archive	(future	site)
@design4context			Going	Global	 IA	Summit	2018		#IAS18 14
SOURCE	CONTENT
IN	>1	LANGUAGE
ONE	LANGUAGE	AT	A	TIME
User	flips	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 15
@design4context			Going	Global	 IA	Summit	2018		#IAS18 16
SOURCE	CONTENT
IN	>1	LANGUAGE
ONE	LANGUAGE	AT	A	TIME
User	flips	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 17
“The	most	general	definition	of	interoperability	of	language	res...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 18
ENRICHING	WITH	
LINKED	OPEN	
VOCABULARIES
STRUCTURING	
TRANSLATI...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 19
ENRICHING	WITH	
LINKED	OPEN	
VOCABULARIES
STRUCTURING	
TRANSLATI...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 20
STRUCTURING	TRANSLATIONS	&	METADATA
CONCEPT	11
subject
flower	
s...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 21
parent
parent
+	child
child
parent
+	child
CONCEPT	11
@design4context			Going	Global	 IA	Summit	2018		#IAS18 22
● Your	structure	should	support		
collections	of	things	(i.e.	la...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 23
ENRICHING	WITH	
LINKED	OPEN	
VOCABULARIES
STRUCTURING	
TRANSLATI...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 24
ENRICHING	DATA	WITH	VOCABULARIES	&	AUTHORITIES
CONCEPT	12
Painti...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 25
CONCEPT	12
semantic
see	also:
concepts
semantic
see	also:	
image...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 26
ENRICHING	WITH	
LINKED	OPEN	
VOCABULARIES
STRUCTURING	
TRANSLATI...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 27
INTERRELATING	WITH	ONTOLOGIES
material
(en)
cotton	
ivory	 gold	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 28
INTERRELATING	WITH	ONTOLOGIES
Dublin	Core:	Physical	Medium
http:...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 29
Class-level
Mappings	
=	Aggregations
Type	Mappings	
=	Facets
CON...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 30
Class-level
Mappings	
=	Aggregations
Type	Mappings	
=	Facets
Bon...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 31
CONCEPT	13
Lots	of	existing	resources	and	frameworks	to	use
And	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 32
● Vocabularies,	authorities	help	preserve	the	
shared	meaning	of...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 33
COLLABORATE	EARLY	&	OFTEN
@design4context			Going	Global	 IA	Summit	2018		#IAS18 34
COLLABORATE	EARLY	&	OFTEN
analyze	content build	target	model
@design4context			Going	Global	 IA	Summit	2018		#IAS18 35
look	at	real	data	in	
presentation	layer
COLLABORATE	EARLY	&	OFT...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 36
COLLABORATE	EARLY	&	OFTEN
analyze	content gap	analysis look	at	r...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 37
COLLABORATE	EARLY	&	OFTEN
analyze	content gap	analysis return	to...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 38
User	needs	govern	
the	UI	presentation
UNDERSTAND	
THE	
CONTENT
...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 39
SOURCE	CONTENT
IN	>1	LANGUAGE
ONE	LANGUAGE	AT	A	TIME
User	flips	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 40
SOURCE	CONTENT
IN	>1	LANGUAGE
ONE	LANGUAGE	AT	A	TIME
User	flips	...
@design4context			Going	Global			IA	Summit	2018		#IAS18
1	LANGUAGE	AT	A	TIME
https://www.admin.ch/opc/de/classified-compil...
@design4context			Going	Global			IA	Summit	2018		#IAS18
1	LANGUAGE	AT	A	TIME
https://www.admin.ch/opc/de/classified-compil...
@design4context			Going	Global			IA	Summit	2018		#IAS18
1	LANGUAGE	AT	A	TIME
https://www.europeana.eu/portal/en#
@design4context			Going	Global			IA	Summit	2018		#IAS18
LOCALIZATION
Localization (also	referred	to	as	"l10n")	
the	proces...
@design4context			Going	Global			IA	Summit	2018		#IAS18
LOCALIZATION	
RED
• Western	cultures:	excitement,	action,	love,	da...
@design4context			Going	Global			IA	Summit	2018		#IAS18http://britishmuseum.org.cn/index.html
LOCALIZATION
CHINESE	SITE
@design4context			Going	Global			IA	Summit	2018		#IAS18http://britishmuseum.org.cn/index.html
LOCALIZATION
CHINESE	SITE
@design4context			Going	Global			IA	Summit	2018		#IAS18http://britishmuseum.org.cn/index.html
LOCALIZED	EXPERIENCES
CHINES...
@design4context			Going	Global			IA	Summit	2018		#IAS18http://britishmuseum.org.cn/index.html
LOCALIZED	EXPERIENCES
CHINES...
@design4context			Going	Global			IA	Summit	2018		#IAS18http://britishmuseum.org.cn/index.html
LOCALIZED	EXPERIENCES
CHINES...
@design4context			Going	Global			IA	Summit	2018		#IAS18http://britishmuseum.org.cn/index.html
LOCALIZED	EXPERIENCES
CHINES...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 52
SOURCE	CONTENT
IN	>1	LANGUAGE
ONE	LANGUAGE	AT	A	TIME
User	flips	...
@design4context			Going	Global			IA	Summit	2018		#IAS18
SIDE	BY	SIDE	COMPARISONS
https://www.admin.ch/opc/en/classified-co...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 54
SOURCE	CONTENT
IN	>1	LANGUAGE
ONE	LANGUAGE	AT	A	TIME
User	flips	...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 55
BROWSE/FIND	MIXED	LANGUAGE	CONTENT
User	can	find	
multilingual	c...
@design4context			Going	Global			IA	Summit	2018		#IAS18
https://www.louvre.fr/en/departements
ENABLING	NON-LANGUAGE	BASED	...
@design4context			Going	Global			IA	Summit	2018		#IAS18
ENABLING	NON-LANGUAGE	BASED	EXPLORATION
https://www.europeana.eu/p...
@design4context			Going	Global			IA	Summit	2018		#IAS18
ENABLING	NON-LANGUAGE	BASED	EXPLORATION
VISUAL	BROWSING
@design4context			Going	Global			IA	Summit	2018		#IAS18
http://www.theeuropeanlibrary.org
/tel4/discover
ENABLING	NON-LANG...
@design4context			Going	Global			IA	Summit	2018		#IAS18
http://www.theeuropeanlibrary.org
/tel4/discover
ENABLING	NON-LANG...
@design4context			Going	Global			IA	Summit	2018		#IAS18
http://www.theeuropeanlibrary.org
/tel4/discover
ENABLING	NON-LANG...
@design4context			Going	Global			IA	Summit	2018		#IAS18
http://collections.lesartsdecoratifs.fr/publicite-graphisme
VISUAL...
@design4context			Going	Global			IA	Summit	2018		#IAS18
http://collections.lesartsdecoratifs.fr/
air-france-amerique-du-su...
@design4context			Going	Global			IA	Summit	2018		#IAS18
http://collections.lesartsdecoratifs.fr
/skinwebsearch?f[0]=f_crea...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 65
BROWSE/FIND	MIXED	LANGUAGE	CONTENT
User	can	find	
multilingual	c...
@design4context			Going	Global			IA	Summit	2018		#IAS18
SEARCH	INPUT	WITH	DIFFERENT	LANGUAGES
https://www.mdbg.net/chinese...
@design4context			Going	Global			IA	Summit	2018		#IAS18
AUTO-COMPLETE	ACROSS	LANGUAGES
SEARCH	MIXED	LANGUAGE	CONTENT
www.e...
@design4context			Going	Global			IA	Summit	2018		#IAS18
UI PATTERNS	WRAP-UP
1 language at a time
vs
Localized
@design4context			Going	Global			IA	Summit	2018		#IAS18
UI PATTERNS	WRAP-UP	(CON’T)
Comparison
Visual exploration
@design4context			Going	Global			IA	Summit	2018		#IAS18
UI PATTERNS	WRAP-UP	(CON’T)
Explore via Tags
Multiple / mixed lang...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 71
TIM	BERNERS-LEE	/	1989
His	vision	for	the	worldwide	web:
an	open...
@design4context			Going	Global	 IA	Summit	2018		#IAS18 72
TRANSLATION	=	ACCESS
@design4context			Going	Global	 IA	Summit	2018		#IAS18 73
TRANSLATION	=	ACCESS
BASELINE
@design4context			Going	Global	 IA	Summit	2018		#IAS18 74
TRANSLATION	=	ACCESS
BASELINE
あ
अ
‫ا‬
a
ENABLE	
DISCOVERY+ =
@design4context			Going	Global	 IA	Summit	2018		#IAS18 75
#IAS18	@design4context slides:	designforcontext.com/insights
1	L...
Upcoming SlideShare
Loading in …5
×

Going Global: The Intersection of IA and UX in a Multilingual Environment

674 views

Published on

A global online community necessitates the exchange of content from many sources and across languages. Advances in the semantic web and linked data enable the aggregation of diverse content. Multilingual content provides potential for a richer information set while adding a layer of complexity to our projects. As information architects, we need to structure multilingual content to support its successful presentation and delivery. As user experience designers, we need to provide innovative designs that facilitate exploration of that content. How do different data modeling, linking, and ontology decisions affect the UX design? How can IA and UX support each other?

In this talk at IA Summit 2018 in Chicago, IL, USA, we focus on two specific areas:

- Structuring multilingual source content and enabling multilingual authors to contribute to a repository
- Designing wayfinding that supports navigating, exploring, and understanding content in sites that are sourced from multiple languages

Drawing from our experiences in the digital humanities space, we discuss real world examples for:

- Data modeling strategies, ontologies, taxonomies and metadata that support a flexible, scalable multilingual information management system
- Several multilingual data-driven interfaces and what they reveal about the challenges or opportunities in harmonizing multilingual content
- Patterns for displaying and navigating to content that is provided in different languages

Published in: Internet
  • //DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... //DOWNLOAD PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFv
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFv
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Going Global: The Intersection of IA and UX in a Multilingual Environment

  1. 1. @design4context Going Global IA Summit 2018 #IAS18 1 Going Global The Intersection of IA and UX in a Multilingual Environment IA Summit • March 25, 2018 slides posted at: designforcontext.com/insights ! #IAS18 @design4context Kate Blanch, Data Architect Janette Shew, User Experience Designer Rachel Sengers, User Experience Designer 1
  2. 2. @design4context Going Global IA Summit 2018 #IAS18 2 @design4context Janette Shew Rachel SengersKate Blanch
  3. 3. @design4context Going Global IA Summit 2018 #IAS18 3 TIM BERNERS-LEE / 1989 His vision for the worldwide web: an open platform that would allow everyone, everywhere to share information, access opportunities, and collaborate across geographic and cultural boundaries. www.theguardian.com/technology/2017/mar/11/tim-berners-lee-web-inventor-save-internet
  4. 4. @design4context Going Global IA Summit 2018 #IAS18 4 To reach people who speak other languages, we need to create a special data structure underneath our interface.
  5. 5. @design4context Going Global IA Summit 2018 #IAS18 5 DESIGNING FOR CONTEXT DEVICE TYPES ACCESSI- BILITY NEEDS USER TYPES EXPERIENCE EDUCATION SKILL LEVELS USER TASKS & GOALS In addition to the UCD basics…
  6. 6. @design4context Going Global IA Summit 2018 #IAS18 6 DEVICE TYPES ACCESSI- BILITY NEEDS USER TYPES EXPERIENCE EDUCATION SKILL LEVELS USER TASKS & GOALS DESIGNING FOR CONTEXT LANGUAGES REGIONAL REQUIRE- MENTS CULTURAL DIFFERENCES …We also need to consider…
  7. 7. @design4context Going Global IA Summit 2018 #IAS18 7 ‫ا‬ अ あ a a a a SOURCE CONTENT IN 1 LANGUAGE TRANSLATED VERSIONS OF THE SITE APPLY STRUCTURE TO THE CONTENT a SITE IN SOURCE LANGUAGE MULTILINGUAL SITES
  8. 8. @design4context Going Global IA Summit 2018 #IAS18 8 SOURCE CONTENT IN >1 LANGUAGE ONE LANGUAGE AT A TIME User flips a master switch to see the site in another language BROWSE/FIND MIXED LANGUAGE CONTENT COMPONENT-LEVEL TRANSLATIONS User has option to see the content in another language to compare User can find multilingual content even if it’s not available in their preferred language aअ ‫ا‬ あ a あ a あ अ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT MIXED LANGUAGE CONTENT
  9. 9. @design4context Going Global IA Summit 2018 #IAS18 9
  10. 10. @design4context Going Global IA Summit 2018 #IAS18 10
  11. 11. @design4context Going Global IA Summit 2018 #IAS18 11
  12. 12. @design4context Going Global IA Summit 2018 #IAS18 12 SOURCE CONTENT IN >1 LANGUAGE ONE LANGUAGE AT A TIME User flips a master switch to see the site in another language BROWSE/FIND MIXED LANGUAGE CONTENT COMPONENT-LEVEL TRANSLATIONS User has option to see the content in another language to compare User can find multilingual content even if it’s not available in their preferred language aअ ‫ا‬ あ a あ a あ अ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT MIXED LANGUAGE CONTENT
  13. 13. @design4context Going Global IA Summit 2018 #IAS18 13 Source: Blavatnik Archive (future site)
  14. 14. @design4context Going Global IA Summit 2018 #IAS18 14 SOURCE CONTENT IN >1 LANGUAGE ONE LANGUAGE AT A TIME User flips a master switch to see the site in another language BROWSE/FIND MIXED LANGUAGE CONTENT COMPONENT-LEVEL TRANSLATIONS User has option to see the content in another language to compare User can find multilingual content even if it’s not available in their preferred language aअ ‫ا‬ あ a あ a あ अ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT MIXED LANGUAGE CONTENT
  15. 15. @design4context Going Global IA Summit 2018 #IAS18 15
  16. 16. @design4context Going Global IA Summit 2018 #IAS18 16 SOURCE CONTENT IN >1 LANGUAGE ONE LANGUAGE AT A TIME User flips a master switch to see the site in another language BROWSE/FIND MIXED LANGUAGE CONTENT COMPONENT-LEVEL TRANSLATIONS User has option to see the content in another language to compare User can find multilingual content even if it’s not available in their preferred language aअ ‫ا‬ あ a あ a あ अ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT MIXED LANGUAGE CONTENT
  17. 17. @design4context Going Global IA Summit 2018 #IAS18 17 “The most general definition of interoperability of language resources is the capability for these resources to interact or to work together.” Multilingual language resources and interoperability Language Resources and Evaluation, 2009, Volume 43, Number 1. Witt, Heid, Sasaki, Sérasset. Flower ≠ Fleur Buttercup ≠ Botón de oro ≠ ‫ﻋﺷب‬ ‫اﻟﺣوذان‬
  18. 18. @design4context Going Global IA Summit 2018 #IAS18 18 ENRICHING WITH LINKED OPEN VOCABULARIES STRUCTURING TRANSLATIONS & METADATA INTERRELATING WITH ONTOLOGIES CONCEPT 1 CONCEPT 2 CONCEPT 3 SOURCE CONTENT IN >1 LANGUAGE aअ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT WAYS TO YIELD AN INTEROPERABLE LANGUAGE RESOURCE
  19. 19. @design4context Going Global IA Summit 2018 #IAS18 19 ENRICHING WITH LINKED OPEN VOCABULARIES STRUCTURING TRANSLATIONS & METADATA INTERRELATING WITH ONTOLOGIES CONCEPT 1 CONCEPT 2 CONCEPT 3 SOURCE CONTENT IN >1 LANGUAGE aअ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT WAYS TO YIELD AN INTEROPERABLE LANGUAGE RESOURCE
  20. 20. @design4context Going Global IA Summit 2018 #IAS18 20 STRUCTURING TRANSLATIONS & METADATA CONCEPT 11 subject flower sujet fleur French French English English ämne blomma Swedish Swedish SOURCE See Also: Flora See Also: Flora See Also: Flora TRANSLATION TRANSLATION Contributor: National Gallery Date Translated: 03-10-2005 Date Translated: 07-25-2016
  21. 21. @design4context Going Global IA Summit 2018 #IAS18 21 parent parent + child child parent + child CONCEPT 11
  22. 22. @design4context Going Global IA Summit 2018 #IAS18 22 ● Your structure should support collections of things (i.e. languages). ● Hierarchy creates space for layered metadata. ● Compare and combine with unique, inherited and shared metadata. ● Highly structured environments yield highly contextualized UIs. STRUCTURING TRANSLATIONS & METADATA CONCEPT 1
  23. 23. @design4context Going Global IA Summit 2018 #IAS18 23 ENRICHING WITH LINKED OPEN VOCABULARIES STRUCTURING TRANSLATIONS & METADATA INTERRELATING WITH ONTOLOGIES CONCEPT 1 CONCEPT 2 CONCEPT 3 SOURCE CONTENT IN >1 LANGUAGE aअ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT
  24. 24. @design4context Going Global IA Summit 2018 #IAS18 24 ENRICHING DATA WITH VOCABULARIES & AUTHORITIES CONCEPT 12 Painting 2 Rembrandt (en) Painting 1 Rembrandt van Rijn (fr) Painting (en) http://vocab.getty.edu/ aat/300033618 name ≠ name Pintura (es) Gemälde (de) http://fr.dbpedia.org /page/Rembrandt heterogeneous terms
  25. 25. @design4context Going Global IA Summit 2018 #IAS18 25 CONCEPT 12 semantic see also: concepts semantic see also: images semantic see also: related resources
  26. 26. @design4context Going Global IA Summit 2018 #IAS18 26 ENRICHING WITH LINKED OPEN VOCABULARIES STRUCTURING TRANSLATIONS & METADATA INTERRELATING WITH ONTOLOGIES CONCEPT 1 CONCEPT 2 CONCEPT 3 SOURCE CONTENT IN >1 LANGUAGE aअ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT
  27. 27. @design4context Going Global IA Summit 2018 #IAS18 27 INTERRELATING WITH ONTOLOGIES material (en) cotton ivory gold matériel (fr) coton ivoire or 材料 (zh) 棉 象牙 金 CONCEPT 13
  28. 28. @design4context Going Global IA Summit 2018 #IAS18 28 INTERRELATING WITH ONTOLOGIES Dublin Core: Physical Medium http://purl.org/dc/terms/PhysicalMedium Focus is on entire objects not individual values material (en) matériel (fr) 材料 (zh) CONCEPT 13
  29. 29. @design4context Going Global IA Summit 2018 #IAS18 29 Class-level Mappings = Aggregations Type Mappings = Facets CONCEPT 13
  30. 30. @design4context Going Global IA Summit 2018 #IAS18 30 Class-level Mappings = Aggregations Type Mappings = Facets Bonus! Multilingual Facets CONCEPT 13
  31. 31. @design4context Going Global IA Summit 2018 #IAS18 31 CONCEPT 13 Lots of existing resources and frameworks to use And many more…
  32. 32. @design4context Going Global IA Summit 2018 #IAS18 32 ● Vocabularies, authorities help preserve the shared meaning of values. ● Ontologies help relate like objects. ● Enable the retrieval of like things despite lingual differences. ● Interactive search results, see alsos, facets, filters, aggregations and groupings all become possible. ENRICHING WITH LINKED OPEN VOCABULARIES CONCEPT 2 INTERRELATING WITH ONTOLOGIES CONCEPT 3
  33. 33. @design4context Going Global IA Summit 2018 #IAS18 33 COLLABORATE EARLY & OFTEN
  34. 34. @design4context Going Global IA Summit 2018 #IAS18 34 COLLABORATE EARLY & OFTEN analyze content build target model
  35. 35. @design4context Going Global IA Summit 2018 #IAS18 35 look at real data in presentation layer COLLABORATE EARLY & OFTEN analyze content contributors refactor and/or add enrichments look at real data in presentation layer
  36. 36. @design4context Going Global IA Summit 2018 #IAS18 36 COLLABORATE EARLY & OFTEN analyze content gap analysis look at real data in presentation layer !
  37. 37. @design4context Going Global IA Summit 2018 #IAS18 37 COLLABORATE EARLY & OFTEN analyze content gap analysis return to presentation layer
  38. 38. @design4context Going Global IA Summit 2018 #IAS18 38 User needs govern the UI presentation UNDERSTAND THE CONTENT SUPPORT EXPLORATION ENABLE COLLABORATION
  39. 39. @design4context Going Global IA Summit 2018 #IAS18 39 SOURCE CONTENT IN >1 LANGUAGE ONE LANGUAGE AT A TIME User flips a master switch to see the site in another language BROWSE/FIND MIXED LANGUAGE CONTENT COMPONENT-LEVEL TRANSLATIONS User has option to see the content in another language to compare User can find multilingual content even if it’s not available in their preferred language aअ ‫ا‬ あ a あ a あ अ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT IN >1 LANGUAGE
  40. 40. @design4context Going Global IA Summit 2018 #IAS18 40 SOURCE CONTENT IN >1 LANGUAGE ONE LANGUAGE AT A TIME User flips a master switch to see the site in another language BROWSE/FIND MIXED LANGUAGE CONTENT COMPONENT-LEVEL TRANSLATIONS User has option to see the content in another language to compare User can find multilingual content even if it’s not available in their preferred language aअ ‫ا‬ あ a あ a あ अ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT IN >1 LANGUAGE
  41. 41. @design4context Going Global IA Summit 2018 #IAS18 1 LANGUAGE AT A TIME https://www.admin.ch/opc/de/classified-compilation/20141117/index.html SWISS FEDERAL COUNCIL
  42. 42. @design4context Going Global IA Summit 2018 #IAS18 1 LANGUAGE AT A TIME https://www.admin.ch/opc/de/classified-compilation/20141117/index.html SWISS FEDERAL COUNCIL
  43. 43. @design4context Going Global IA Summit 2018 #IAS18 1 LANGUAGE AT A TIME https://www.europeana.eu/portal/en#
  44. 44. @design4context Going Global IA Summit 2018 #IAS18 LOCALIZATION Localization (also referred to as "l10n") the process of adapting a product or content to a specific locale or market. Translation is only one of several elements of the localization process.
  45. 45. @design4context Going Global IA Summit 2018 #IAS18 LOCALIZATION RED • Western cultures: excitement, action, love, danger • Asian cultures: Good luck, joy, prosperity, long life • Russia: Communism, revolution • Africa: death
  46. 46. @design4context Going Global IA Summit 2018 #IAS18http://britishmuseum.org.cn/index.html LOCALIZATION CHINESE SITE
  47. 47. @design4context Going Global IA Summit 2018 #IAS18http://britishmuseum.org.cn/index.html LOCALIZATION CHINESE SITE
  48. 48. @design4context Going Global IA Summit 2018 #IAS18http://britishmuseum.org.cn/index.html LOCALIZED EXPERIENCES CHINESE BRITISH
  49. 49. @design4context Going Global IA Summit 2018 #IAS18http://britishmuseum.org.cn/index.html LOCALIZED EXPERIENCES CHINESE BRITISH
  50. 50. @design4context Going Global IA Summit 2018 #IAS18http://britishmuseum.org.cn/index.html LOCALIZED EXPERIENCES CHINESE BRITISH
  51. 51. @design4context Going Global IA Summit 2018 #IAS18http://britishmuseum.org.cn/index.html LOCALIZED EXPERIENCES CHINESE BRITISH ARABIC
  52. 52. @design4context Going Global IA Summit 2018 #IAS18 52 SOURCE CONTENT IN >1 LANGUAGE ONE LANGUAGE AT A TIME User flips a master switch to see the site in another language BROWSE/FIND MIXED LANGUAGE CONTENT COMPONENT-LEVEL TRANSLATIONS User has option to see the content in another language to compare User can find multilingual content even if it’s not available in their preferred language aअ ‫ا‬ あ a あ a あ अ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT IN >1 LANGUAGE
  53. 53. @design4context Going Global IA Summit 2018 #IAS18 SIDE BY SIDE COMPARISONS https://www.admin.ch/opc/en/classified-compilation/20141117/index.html COMPONENT-LEVEL TRANSLATIONS SWISS FEDERAL COUNCIL
  54. 54. @design4context Going Global IA Summit 2018 #IAS18 54 SOURCE CONTENT IN >1 LANGUAGE ONE LANGUAGE AT A TIME User flips a master switch to see the site in another language BROWSE/FIND MIXED LANGUAGE CONTENT COMPONENT-LEVEL TRANSLATIONS User has option to see the content in another language to compare User can find multilingual content even if it’s not available in their preferred language aअ ‫ا‬ あ a あ a あ अ ‫ا‬ あ APPLY STRUCTURE TO THE CONTENT IN >1 LANGUAGE
  55. 55. @design4context Going Global IA Summit 2018 #IAS18 55 BROWSE/FIND MIXED LANGUAGE CONTENT User can find multilingual content even if it’s not available in their preferred language あ अ ‫ا‬ MIXED LANGUAGE BROWSE & SEARCH VISUAL BROWSING あ अ ‫ا‬
  56. 56. @design4context Going Global IA Summit 2018 #IAS18 https://www.louvre.fr/en/departements ENABLING NON-LANGUAGE BASED EXPLORATION VISUAL BROWSING
  57. 57. @design4context Going Global IA Summit 2018 #IAS18 ENABLING NON-LANGUAGE BASED EXPLORATION https://www.europeana.eu/portal/en/explore/colours.html https://www.europeana.eu/portal/en/explore/periods.html VISUAL BROWSING
  58. 58. @design4context Going Global IA Summit 2018 #IAS18 ENABLING NON-LANGUAGE BASED EXPLORATION VISUAL BROWSING
  59. 59. @design4context Going Global IA Summit 2018 #IAS18 http://www.theeuropeanlibrary.org /tel4/discover ENABLING NON-LANGUAGE BASED EXPLORATION VISUAL BROWSING
  60. 60. @design4context Going Global IA Summit 2018 #IAS18 http://www.theeuropeanlibrary.org /tel4/discover ENABLING NON-LANGUAGE BASED EXPLORATION VISUAL BROWSING
  61. 61. @design4context Going Global IA Summit 2018 #IAS18 http://www.theeuropeanlibrary.org /tel4/discover ENABLING NON-LANGUAGE BASED EXPLORATION VISUAL BROWSING
  62. 62. @design4context Going Global IA Summit 2018 #IAS18 http://collections.lesartsdecoratifs.fr/publicite-graphisme VISUAL BROWSING
  63. 63. @design4context Going Global IA Summit 2018 #IAS18 http://collections.lesartsdecoratifs.fr/ air-france-amerique-du-sud VISUAL BROWSING
  64. 64. @design4context Going Global IA Summit 2018 #IAS18 http://collections.lesartsdecoratifs.fr /skinwebsearch?f[0]=f_creation:Ca rlu+Jean VISUAL BROWSING
  65. 65. @design4context Going Global IA Summit 2018 #IAS18 65 BROWSE/FIND MIXED LANGUAGE CONTENT User can find multilingual content even if it’s not available in their preferred language あ अ ‫ا‬ MIXED LANGUAGE BROWSE & SEARCH VISUAL BROWSING あ अ ‫ا‬
  66. 66. @design4context Going Global IA Summit 2018 #IAS18 SEARCH INPUT WITH DIFFERENT LANGUAGES https://www.mdbg.net/chinese/dictionary?wdqb=%E4%BD%A0%E5%A5%BD SEARCH MIXED LANGUAGE CONTENT
  67. 67. @design4context Going Global IA Summit 2018 #IAS18 AUTO-COMPLETE ACROSS LANGUAGES SEARCH MIXED LANGUAGE CONTENT www.europeana.eu
  68. 68. @design4context Going Global IA Summit 2018 #IAS18 UI PATTERNS WRAP-UP 1 language at a time vs Localized
  69. 69. @design4context Going Global IA Summit 2018 #IAS18 UI PATTERNS WRAP-UP (CON’T) Comparison Visual exploration
  70. 70. @design4context Going Global IA Summit 2018 #IAS18 UI PATTERNS WRAP-UP (CON’T) Explore via Tags Multiple / mixed language searches
  71. 71. @design4context Going Global IA Summit 2018 #IAS18 71 TIM BERNERS-LEE / 1989 His vision for the worldwide web: an open platform that would allow everyone, everywhere to share information, access opportunities, and collaborate across geographic and cultural boundaries. www.theguardian.com/technology/2017/mar/11/tim-berners-lee-web-inventor-save-internet
  72. 72. @design4context Going Global IA Summit 2018 #IAS18 72 TRANSLATION = ACCESS
  73. 73. @design4context Going Global IA Summit 2018 #IAS18 73 TRANSLATION = ACCESS BASELINE
  74. 74. @design4context Going Global IA Summit 2018 #IAS18 74 TRANSLATION = ACCESS BASELINE あ अ ‫ا‬ a ENABLE DISCOVERY+ =
  75. 75. @design4context Going Global IA Summit 2018 #IAS18 75 #IAS18 @design4context slides: designforcontext.com/insights 1 LANGUAGE AT A TIME • FLIP-THE-SWITCH • SEPARATE, VERY LOCALIZED SITE COMPONENT-LEVEL TRANSLATION FIND CONTENT IN OTHER LANGUAGES • VISUAL BROWSING OPTIONS • SEARCH MULTIPLE LANGUAGES UI PATTERNS STRUCTURE THE TRANSLATIONS & METADATA ADD LINKED OPEN VOCABULARIES INTERRELATE WITH ONTOLOGIES APPLY STRUCTURE

×