SlideShare a Scribd company logo
1 of 32
Download to read offline
Chinese UI design guidelines 2.0
Jan Brejcha, Ph.D.
User experience consultant
Prague, Czech Republic
Li Hui, Xu Qing, Miao Huitian, Xu Menghan, Wang Li, Zhengjie Liu
Sino-European Usability Center (SEUC), Dalian Maritime University
Dalian, 116026 P. R. China
HCII 2015, Los Angeles, August 6, 2015
úterý, 11. srpna 15
How we conducted the research?
úterý, 11. srpna 15
The semiotic/linguistic perspective
• A sign can be anything in the UI/UX that has a meaning for somebody.
• The meaning is supported by context and relationships between signs.
• Semiotics can find implicit assumptions and hidden relations in culture,
therefore is very suitable for cross-cultural analysis.
• The semiotic perspective in this study lead us to focus on specific areas,
such as the meaning of composition (UI layout), of color, of icons, and
the overall look and feel.
• The linguistic perspective focused in more detail on the composition
(grammar) of icons, wording and structure of menu items (e.g., object
+command).
3
úterý, 11. srpna 15
Status of research
• Defined research questions based on previous pilot study, updated and
improved the questions to include more context for the given task
• Updated hypotheses about the Chinese users
• Built a questionnaire of ~40 questions for user interviews using an online
reporting tool (surveygizmo.com)
• Recruited participants according to a screener (snowball: friends of friends)
• Interviewed 50 respondents
4
úterý, 11. srpna 15
Recruiting screener
The respondents would have to: 
• be born and raised in China 
• be evenly split between males and females 
• be evenly split between bachelor's and master's students
• be evenly split between living in large cities and the countryside
5
úterý, 11. srpna 15
Research questions
• How can we validate previously gathered data from the pilot study?
• Are there any other interesting areas to consider?
6
úterý, 11. srpna 15
User interview
• Users were presented with a questionnaire of ~40 questions divided into
groups: personal info, layout, color, symbols, look&feel
• The questionnaire was supported by a moderator, who would give the
necessary background to the user, and answer any problems, when
appropriate
• The testing was carried out in the user lab, the process was followed
through screen sharing and sound from behind a glass
• As a data-collecting and reporting platform we chose SurveyGizmo.com
• One session took about 15 min
• After the interviews all the data was checked and translated, when
appropriate
7
úterý, 11. srpna 15
Research method
• The pilot study was done in September, 2011, on a qualitative basis. 20
respondents were interviewed on ~50 questions (most of them open), and each
session lasted 90 minutes.
• The current study was intended to validate some of the previous data on a
quantitative basis.
• For evaluating the data we are using a margin of error of 13,9% (7 respondents)
for the whole group of 50 respondents, and 19,6% for in-group comparison (5
people in a sample of 25 respondents, e.g. male/female, urban/rural).
• The margin of error is a statistic expressing the amount of random sampling
error in a survey's results. The larger the margin of error, the less confidence
one should have that the poll's reported results are close to the "true" figures; that
is, the figures for the whole population. Margin of error occurs whenever a
population is incompletely sampled. (Source: Wikipedia)
• Tests are done locally to prevent users to absorb the majority culture, and
conducted with a local moderator, sharing the language and cultural background.
8
úterý, 11. srpna 15
Results
• The complete results are available on the following webpages:
• Summary report: http://app.sgizmo.com/reportsview/?key=154782-3865494-
dc43005efe218162da214ecad4df7734
• Segmentation by gender: http://app.sgizmo.com/sharedexplore/public-view/
cid/154782/id/1919160/vid/1855?key=860e7d66f1a748d1cf3da2955f635f6a
• Segmentation by origin: http://app.sgizmo.com/sharedexplore/public-view/
cid/154782/id/1919160/vid/1857?
key=3a832e364d6486d16099a20c608a8447
9
úterý, 11. srpna 15
What we discovered?
úterý, 11. srpna 15
Population: who were the respondents?
• Gender: 25 males, 25 females
• Origin: 23 from country, 27 from city
• Age: 18-25
11
úterý, 11. srpna 15
Layout: Semiotics of space
12
úterý, 11. srpna 15
Hypothesis: Reading Images in the West
Source: Kress and Van Leeuwen: Reading images
Ideal
Given
Margin
Real
Given
Margin
Ideal
New
Margin
Real
New
Margin
Center
úterý, 11. srpna 15
Layout: ideal vs. real information
• Hypothesis: The ideal information would be on the upper part of the screen,
the real in the bottom.
• Question: On a screen, where would you place general (detailed)
information?
14
úterý, 11. srpna 15
Layout: ideal vs. real information
• Design implications: The ideal information should be placed in the upper part
of the screen, the real information in the center of the screen.
• These results also support the pilot study outcome.
úterý, 11. srpna 15
Color: Actions and emotions
16
úterý, 11. srpna 15
Symbols: Iconic language
17
úterý, 11. srpna 15
Implicit interaction
• Hypothesis: During Chinese language acquisition in children, verbs are
learned first, followed by nouns later
• Question: Which two go together?
• Results: Hand pointer with hyperlink (36), mouse with hand pointer (14)
18
úterý, 11. srpna 15
Implicit interaction
• Design implications: Build UIs on implicit relationships between commands
and objects
• In the Chinese context users tend to group items according to relations
(verbs), rather than categories (nouns)
19
úterý, 11. srpna 15
Icons preference
• Hypothesis: Icons with situations would be preferred, because they present
more context, and focus on actions (verbs).
• Question: Which kind of icons do you find more useful for buying a book
online?
20
úterý, 11. srpna 15
Icons preference
21
• Design implications: The icons should be as clear as possible, and when
representing an action (command), they should present also the object of
the action.
• The situations depicted in the icons favored mostly female respondents,
while males preferred only a textual description of the action.
úterý, 11. srpna 15
Nouns and adjectives
• Hypothesis: There is a close similarity between sequential information
structure in language and in visual composition. Noun (folder) would come
after the attribute (star attribute), as is their position in sentence
(adjective+noun).
• Question: When marking an icon as important using a star symbol, where
should the star be located?
22
úterý, 11. srpna 15
Nouns and adjectives
23
• Design implications: The icons presenting object attributes should be on the
left of the object, as this placement are most natural for the users.
úterý, 11. srpna 15
Look&feel: object affordances
24
úterý, 11. srpna 15
Unfolding a narrative
• Hypothesis: Menus starting with a verb are considered more natural than
those starting with nouns
• Question: At a gallery website, which of the following combination of menu
items do you find more natural?
25
Verb: Visit Browse Learn Join Shop Search
Noun: Gallery Exhibitions Lectures Membership Gifts Site
Noun+Verb: Gallery Browse Lectures Join Gifts Search
úterý, 11. srpna 15
Unfolding a narrative
26
• Design implications: Construct menus with noun only, as these are clear to
the users, and allow for a verb (command) submenu.
úterý, 11. srpna 15
Summary
• The current study validated some of the results from the pilot
• Possible reasons for not passing the validation:
• Questions asked differently
• Questions presented in a different sequence
• Different example images
• Different “generation” of students (different experience)
• “You could not step twice into the same river.” (Heraclitus)
• Some new results were obtained, and some trends worth investigating
further
úterý, 11. srpna 15
Future work
• Check for results/trends between males/females, urban/rural
• Repeat the above for European (Czech) users
• Compare the gathered results cross cultures
úterý, 11. srpna 15
Acknowledgments
• prof. Zhengjie Liu
• Li Hui, Xu Qing, Wang Li, Miao Huitian, Xu Menghan
• Respondents: Lu Miao, Peng Jinjia, He Yahe, Pan Ying, Yang Gaoxing,
Jiang Chao, Fei Xinxu, Li Yuju, Wei Qiang, Liu Lv, Liu Siqi, Zhang Jing,
Chen Sheng, Chen Qi, Liu Yunxia, Jiang Yuanjiang, Song Yalei, Zhang Tuo,
Li Danni, Zhou Liang, Wang Jun, Bai Mingqian, Yao Weilie, Hu Zhonglian,
Zeng Yuteng, Yang Xu, Zhang Wentao, Lu Hongyan, Chen Weiwei, Liu
Chang, Gao Miaomiao, Hu Zhanghao, Wang Zhen, Zhang Qi, Jiang Gexin,
Wang Yuying, Yang Yuhan, Zhang Qi, Lv Qin, Lu Xinhui, Huang Qianying,
Wu Wenqi, Lai Yancun, Li Jiakang, Zhu Huarun, Xie Shangqian, Wang
Huiling, Zhang Mingyi, Song Jiayu, Pan Juan
úterý, 11. srpna 15
Cross-cultural HCI/UX: A semiotic
perspective
• Published in February, 2015
• Includes a novel design and evaluation
method for HCI and UX
• Provides a detailed explanation of the
differences between current expert
evaluation methods and the presented
semiotic method
• Offers a usable set of design and
evaluation heuristics
• Explains how to conduct quantitative and
qualitative analyses to support decisions
about cross-cultural design and evaluation
• Offers results from a cross-cultural test
and presents guidelines for design of
different IT products and services for
different cultures
úterý, 11. srpna 15
Questions?
úterý, 11. srpna 15
Thank you!
http://jan.brejcha.name
e-mail: jan@brejcha.name
úterý, 11. srpna 15

More Related Content

Viewers also liked

Масштабируемость блокчейн-систем: проблемы и решения
Масштабируемость блокчейн-систем: проблемы и решенияМасштабируемость блокчейн-систем: проблемы и решения
Масштабируемость блокчейн-систем: проблемы и решенияAlex Chepurnoy
 
Understanding Stories of Diversity, Inclusion, and Tolerance Through Games (F...
Understanding Stories of Diversity, Inclusion, and Tolerance Through Games (F...Understanding Stories of Diversity, Inclusion, and Tolerance Through Games (F...
Understanding Stories of Diversity, Inclusion, and Tolerance Through Games (F...Sherry Jones
 
Blockchain Angels & UK Business Angels Association Oct 16
Blockchain Angels & UK Business Angels Association Oct 16Blockchain Angels & UK Business Angels Association Oct 16
Blockchain Angels & UK Business Angels Association Oct 16Jamie Burke
 
Blockchain, ethereum and polkadot
Blockchain, ethereum and polkadotBlockchain, ethereum and polkadot
Blockchain, ethereum and polkadotgavofyork
 
Everything You Ever Wanted to Know About Move Semantics, Howard Hinnant, Accu...
Everything You Ever Wanted to Know About Move Semantics, Howard Hinnant, Accu...Everything You Ever Wanted to Know About Move Semantics, Howard Hinnant, Accu...
Everything You Ever Wanted to Know About Move Semantics, Howard Hinnant, Accu...Ripple Labs
 
Blockchain powering the internet of value
Blockchain powering the internet of value  Blockchain powering the internet of value
Blockchain powering the internet of value Diego Alberto Tamayo
 
Blockchain 101 - Distributed:Health
Blockchain 101 - Distributed:HealthBlockchain 101 - Distributed:Health
Blockchain 101 - Distributed:HealthJeff Garzik
 
Parity Progress Report
Parity Progress ReportParity Progress Report
Parity Progress Reportgavofyork
 
Blockchain in energy business
Blockchain in energy businessBlockchain in energy business
Blockchain in energy businessPiotr Kosiński
 
DAO, Starbase - 4th Blockchain research lab at Digital Hollywood University
DAO, Starbase - 4th Blockchain research lab at Digital Hollywood UniversityDAO, Starbase - 4th Blockchain research lab at Digital Hollywood University
DAO, Starbase - 4th Blockchain research lab at Digital Hollywood UniversityTomoaki Sato
 
Innovation potential of the blockchain, and of decentralized applications
Innovation potential of the blockchain, and of decentralized applicationsInnovation potential of the blockchain, and of decentralized applications
Innovation potential of the blockchain, and of decentralized applicationsJan Brejcha
 
Webinar - Bringing Game Changing Insights with Graph Databases
Webinar - Bringing Game Changing Insights with Graph DatabasesWebinar - Bringing Game Changing Insights with Graph Databases
Webinar - Bringing Game Changing Insights with Graph DatabasesDataStax
 
2017 Top Issues - Financial Reporting Modernization - January 2017
2017 Top Issues - Financial Reporting Modernization - January 20172017 Top Issues - Financial Reporting Modernization - January 2017
2017 Top Issues - Financial Reporting Modernization - January 2017PwC
 
Developing microservices with aggregates (devnexus2017)
Developing microservices with aggregates (devnexus2017)Developing microservices with aggregates (devnexus2017)
Developing microservices with aggregates (devnexus2017)Chris Richardson
 
Developing event-driven microservices with event sourcing and CQRS (svcc, sv...
Developing event-driven microservices with event sourcing and CQRS  (svcc, sv...Developing event-driven microservices with event sourcing and CQRS  (svcc, sv...
Developing event-driven microservices with event sourcing and CQRS (svcc, sv...Chris Richardson
 
The API SlideShare for Bankers and Fintech Executives
The API SlideShare for Bankers and Fintech ExecutivesThe API SlideShare for Bankers and Fintech Executives
The API SlideShare for Bankers and Fintech ExecutivesMX
 
2016 Banking Trends
2016 Banking Trends2016 Banking Trends
2016 Banking TrendsMX
 

Viewers also liked (20)

StromDAO - Die Idee
StromDAO - Die IdeeStromDAO - Die Idee
StromDAO - Die Idee
 
Масштабируемость блокчейн-систем: проблемы и решения
Масштабируемость блокчейн-систем: проблемы и решенияМасштабируемость блокчейн-систем: проблемы и решения
Масштабируемость блокчейн-систем: проблемы и решения
 
Understanding Stories of Diversity, Inclusion, and Tolerance Through Games (F...
Understanding Stories of Diversity, Inclusion, and Tolerance Through Games (F...Understanding Stories of Diversity, Inclusion, and Tolerance Through Games (F...
Understanding Stories of Diversity, Inclusion, and Tolerance Through Games (F...
 
Blockchain Angels & UK Business Angels Association Oct 16
Blockchain Angels & UK Business Angels Association Oct 16Blockchain Angels & UK Business Angels Association Oct 16
Blockchain Angels & UK Business Angels Association Oct 16
 
Blockchain, ethereum and polkadot
Blockchain, ethereum and polkadotBlockchain, ethereum and polkadot
Blockchain, ethereum and polkadot
 
Everything You Ever Wanted to Know About Move Semantics, Howard Hinnant, Accu...
Everything You Ever Wanted to Know About Move Semantics, Howard Hinnant, Accu...Everything You Ever Wanted to Know About Move Semantics, Howard Hinnant, Accu...
Everything You Ever Wanted to Know About Move Semantics, Howard Hinnant, Accu...
 
Blockchain powering the internet of value
Blockchain powering the internet of value  Blockchain powering the internet of value
Blockchain powering the internet of value
 
Blockchain 101 - Distributed:Health
Blockchain 101 - Distributed:HealthBlockchain 101 - Distributed:Health
Blockchain 101 - Distributed:Health
 
Gnosis - Vision and crowdsale
Gnosis - Vision and crowdsaleGnosis - Vision and crowdsale
Gnosis - Vision and crowdsale
 
Parity Progress Report
Parity Progress ReportParity Progress Report
Parity Progress Report
 
Blockchain in energy business
Blockchain in energy businessBlockchain in energy business
Blockchain in energy business
 
DAO, Starbase - 4th Blockchain research lab at Digital Hollywood University
DAO, Starbase - 4th Blockchain research lab at Digital Hollywood UniversityDAO, Starbase - 4th Blockchain research lab at Digital Hollywood University
DAO, Starbase - 4th Blockchain research lab at Digital Hollywood University
 
Innovation potential of the blockchain, and of decentralized applications
Innovation potential of the blockchain, and of decentralized applicationsInnovation potential of the blockchain, and of decentralized applications
Innovation potential of the blockchain, and of decentralized applications
 
Webinar - Bringing Game Changing Insights with Graph Databases
Webinar - Bringing Game Changing Insights with Graph DatabasesWebinar - Bringing Game Changing Insights with Graph Databases
Webinar - Bringing Game Changing Insights with Graph Databases
 
2017 Top Issues - Financial Reporting Modernization - January 2017
2017 Top Issues - Financial Reporting Modernization - January 20172017 Top Issues - Financial Reporting Modernization - January 2017
2017 Top Issues - Financial Reporting Modernization - January 2017
 
Developing microservices with aggregates (devnexus2017)
Developing microservices with aggregates (devnexus2017)Developing microservices with aggregates (devnexus2017)
Developing microservices with aggregates (devnexus2017)
 
Developing event-driven microservices with event sourcing and CQRS (svcc, sv...
Developing event-driven microservices with event sourcing and CQRS  (svcc, sv...Developing event-driven microservices with event sourcing and CQRS  (svcc, sv...
Developing event-driven microservices with event sourcing and CQRS (svcc, sv...
 
The API SlideShare for Bankers and Fintech Executives
The API SlideShare for Bankers and Fintech ExecutivesThe API SlideShare for Bankers and Fintech Executives
The API SlideShare for Bankers and Fintech Executives
 
2016 Banking Trends
2016 Banking Trends2016 Banking Trends
2016 Banking Trends
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
 

Similar to Chinese UI design guidelines 2.0

Impact your Library UX with Contextual Inquiry
Impact your Library UX with Contextual InquiryImpact your Library UX with Contextual Inquiry
Impact your Library UX with Contextual InquiryRachel Vacek
 
Visual Perception of International Traffic Signs: Influence of e-Learning and...
Visual Perception of International Traffic Signs: Influence of e-Learning and...Visual Perception of International Traffic Signs: Influence of e-Learning and...
Visual Perception of International Traffic Signs: Influence of e-Learning and...Gergely Rakoczi
 
Engaging students through user experience (UX) at UAL
Engaging students through user experience (UX) at UALEngaging students through user experience (UX) at UAL
Engaging students through user experience (UX) at UALSandra Reed
 
Impact the UX of Your Website with Contextual Inquiry
Impact the UX of Your Website with Contextual InquiryImpact the UX of Your Website with Contextual Inquiry
Impact the UX of Your Website with Contextual InquiryRachel Vacek
 
Social media as a tool for terminological research
Social media as a tool for terminological researchSocial media as a tool for terminological research
Social media as a tool for terminological researchTERMCAT
 
Paul Clough Sheffield iSchool Evaluating Info Searching in Digital Cultural H...
Paul Clough Sheffield iSchool Evaluating Info Searching in Digital Cultural H...Paul Clough Sheffield iSchool Evaluating Info Searching in Digital Cultural H...
Paul Clough Sheffield iSchool Evaluating Info Searching in Digital Cultural H...scotdigich
 
Researching Researchers: Avalon's Repository Usage
Researching Researchers: Avalon's Repository UsageResearching Researchers: Avalon's Repository Usage
Researching Researchers: Avalon's Repository UsageAvalon Media System
 
xCulture – Cross-cultural UX Elements: Research Method and Design Guidelines
xCulture – Cross-cultural UX Elements: Research Method and Design GuidelinesxCulture – Cross-cultural UX Elements: Research Method and Design Guidelines
xCulture – Cross-cultural UX Elements: Research Method and Design GuidelinesJan Brejcha
 
Contextual Inquiry: How Ethnographic Research can Impact the UX of Your Website
Contextual Inquiry: How Ethnographic Research can Impact the UX of Your WebsiteContextual Inquiry: How Ethnographic Research can Impact the UX of Your Website
Contextual Inquiry: How Ethnographic Research can Impact the UX of Your WebsiteRachel Vacek
 
Assessing informal learning: a case study using historical audio guides
Assessing informal learning: a case study using historical audio guidesAssessing informal learning: a case study using historical audio guides
Assessing informal learning: a case study using historical audio guidesLiz FitzGerald
 
DIVE+ thesis defense presentation Minyi Cheng
DIVE+ thesis defense presentation Minyi ChengDIVE+ thesis defense presentation Minyi Cheng
DIVE+ thesis defense presentation Minyi ChengMinyi Cheng
 
Measuring System Performance in Cultural Heritage Systems
Measuring System Performance in Cultural Heritage SystemsMeasuring System Performance in Cultural Heritage Systems
Measuring System Performance in Cultural Heritage SystemsToine Bogers
 
Using Surveys to Improve Your Library: Part 2 (Sept. 2018)
Using Surveys to Improve Your Library: Part 2 (Sept. 2018)Using Surveys to Improve Your Library: Part 2 (Sept. 2018)
Using Surveys to Improve Your Library: Part 2 (Sept. 2018)ALATechSource
 
Semantic Archive Integration for Holocaust Research: the EHRI Research Infras...
Semantic Archive Integration for Holocaust Research: the EHRI Research Infras...Semantic Archive Integration for Holocaust Research: the EHRI Research Infras...
Semantic Archive Integration for Holocaust Research: the EHRI Research Infras...Vladimir Alexiev, PhD, PMP
 
Cultural Heritage & Social Change, DPLA Fest 2017
Cultural Heritage & Social Change, DPLA Fest 2017Cultural Heritage & Social Change, DPLA Fest 2017
Cultural Heritage & Social Change, DPLA Fest 2017Jon Voss
 

Similar to Chinese UI design guidelines 2.0 (20)

Wayfinding a tale of two libraries and their methods for understanding libra...
Wayfinding  a tale of two libraries and their methods for understanding libra...Wayfinding  a tale of two libraries and their methods for understanding libra...
Wayfinding a tale of two libraries and their methods for understanding libra...
 
Impact your Library UX with Contextual Inquiry
Impact your Library UX with Contextual InquiryImpact your Library UX with Contextual Inquiry
Impact your Library UX with Contextual Inquiry
 
Visual Perception of International Traffic Signs: Influence of e-Learning and...
Visual Perception of International Traffic Signs: Influence of e-Learning and...Visual Perception of International Traffic Signs: Influence of e-Learning and...
Visual Perception of International Traffic Signs: Influence of e-Learning and...
 
Engaging students through user experience (UX) at UAL
Engaging students through user experience (UX) at UALEngaging students through user experience (UX) at UAL
Engaging students through user experience (UX) at UAL
 
Impact the UX of Your Website with Contextual Inquiry
Impact the UX of Your Website with Contextual InquiryImpact the UX of Your Website with Contextual Inquiry
Impact the UX of Your Website with Contextual Inquiry
 
Social media as a tool for terminological research
Social media as a tool for terminological researchSocial media as a tool for terminological research
Social media as a tool for terminological research
 
Paul Clough Sheffield iSchool Evaluating Info Searching in Digital Cultural H...
Paul Clough Sheffield iSchool Evaluating Info Searching in Digital Cultural H...Paul Clough Sheffield iSchool Evaluating Info Searching in Digital Cultural H...
Paul Clough Sheffield iSchool Evaluating Info Searching in Digital Cultural H...
 
Researching Researchers: Avalon's Repository Usage
Researching Researchers: Avalon's Repository UsageResearching Researchers: Avalon's Repository Usage
Researching Researchers: Avalon's Repository Usage
 
xCulture – Cross-cultural UX Elements: Research Method and Design Guidelines
xCulture – Cross-cultural UX Elements: Research Method and Design GuidelinesxCulture – Cross-cultural UX Elements: Research Method and Design Guidelines
xCulture – Cross-cultural UX Elements: Research Method and Design Guidelines
 
Lean Ethnography
Lean EthnographyLean Ethnography
Lean Ethnography
 
Contextual Inquiry: How Ethnographic Research can Impact the UX of Your Website
Contextual Inquiry: How Ethnographic Research can Impact the UX of Your WebsiteContextual Inquiry: How Ethnographic Research can Impact the UX of Your Website
Contextual Inquiry: How Ethnographic Research can Impact the UX of Your Website
 
Assessing informal learning: a case study using historical audio guides
Assessing informal learning: a case study using historical audio guidesAssessing informal learning: a case study using historical audio guides
Assessing informal learning: a case study using historical audio guides
 
Digital Art History
Digital Art HistoryDigital Art History
Digital Art History
 
Module 04: User Research
Module 04: User ResearchModule 04: User Research
Module 04: User Research
 
DIVE+ thesis defense presentation Minyi Cheng
DIVE+ thesis defense presentation Minyi ChengDIVE+ thesis defense presentation Minyi Cheng
DIVE+ thesis defense presentation Minyi Cheng
 
Dietel2.0
Dietel2.0Dietel2.0
Dietel2.0
 
Measuring System Performance in Cultural Heritage Systems
Measuring System Performance in Cultural Heritage SystemsMeasuring System Performance in Cultural Heritage Systems
Measuring System Performance in Cultural Heritage Systems
 
Using Surveys to Improve Your Library: Part 2 (Sept. 2018)
Using Surveys to Improve Your Library: Part 2 (Sept. 2018)Using Surveys to Improve Your Library: Part 2 (Sept. 2018)
Using Surveys to Improve Your Library: Part 2 (Sept. 2018)
 
Semantic Archive Integration for Holocaust Research: the EHRI Research Infras...
Semantic Archive Integration for Holocaust Research: the EHRI Research Infras...Semantic Archive Integration for Holocaust Research: the EHRI Research Infras...
Semantic Archive Integration for Holocaust Research: the EHRI Research Infras...
 
Cultural Heritage & Social Change, DPLA Fest 2017
Cultural Heritage & Social Change, DPLA Fest 2017Cultural Heritage & Social Change, DPLA Fest 2017
Cultural Heritage & Social Change, DPLA Fest 2017
 

More from Jan Brejcha

Semiotics of Interaction: Towards a UI Alphabet
Semiotics of Interaction: Towards a UI AlphabetSemiotics of Interaction: Towards a UI Alphabet
Semiotics of Interaction: Towards a UI AlphabetJan Brejcha
 
Ideologies in HCI: A Semiotic Perspective
Ideologies in HCI: A Semiotic PerspectiveIdeologies in HCI: A Semiotic Perspective
Ideologies in HCI: A Semiotic PerspectiveJan Brejcha
 
Mezikulturní UX/UI očima sémiotiky: Jak designovat pro mimozemšťany?
Mezikulturní UX/UI očima sémiotiky: Jak designovat pro mimozemšťany?Mezikulturní UX/UI očima sémiotiky: Jak designovat pro mimozemšťany?
Mezikulturní UX/UI očima sémiotiky: Jak designovat pro mimozemšťany?Jan Brejcha
 
Hackers Congress v Paralelní Polis 17: „Liberate“, aneb za finanční svobodou ...
Hackers Congress v Paralelní Polis 17: „Liberate“, aneb za finanční svobodou ...Hackers Congress v Paralelní Polis 17: „Liberate“, aneb za finanční svobodou ...
Hackers Congress v Paralelní Polis 17: „Liberate“, aneb za finanční svobodou ...Jan Brejcha
 
Is there a token for that? Tokens demystified.
Is there a token for that? Tokens demystified.Is there a token for that? Tokens demystified.
Is there a token for that? Tokens demystified.Jan Brejcha
 
Decentralized Autonomous Organizations: Concept & Practical Examples
Decentralized Autonomous Organizations: Concept & Practical ExamplesDecentralized Autonomous Organizations: Concept & Practical Examples
Decentralized Autonomous Organizations: Concept & Practical ExamplesJan Brejcha
 
Jazyk uzivatelskeho rozhrani
Jazyk uzivatelskeho rozhraniJazyk uzivatelskeho rozhrani
Jazyk uzivatelskeho rozhraniJan Brejcha
 
Semiotika: Nastroj pro lepsi uzivatelsky prozitek?
Semiotika: Nastroj pro lepsi uzivatelsky prozitek?Semiotika: Nastroj pro lepsi uzivatelsky prozitek?
Semiotika: Nastroj pro lepsi uzivatelsky prozitek?Jan Brejcha
 
Zaklady interakcniho designu 2007 - Semiotika
Zaklady interakcniho designu 2007 - SemiotikaZaklady interakcniho designu 2007 - Semiotika
Zaklady interakcniho designu 2007 - SemiotikaJan Brejcha
 
Zaklady interakcniho designu 2007 - Zkusenost
Zaklady interakcniho designu 2007 - ZkusenostZaklady interakcniho designu 2007 - Zkusenost
Zaklady interakcniho designu 2007 - ZkusenostJan Brejcha
 

More from Jan Brejcha (10)

Semiotics of Interaction: Towards a UI Alphabet
Semiotics of Interaction: Towards a UI AlphabetSemiotics of Interaction: Towards a UI Alphabet
Semiotics of Interaction: Towards a UI Alphabet
 
Ideologies in HCI: A Semiotic Perspective
Ideologies in HCI: A Semiotic PerspectiveIdeologies in HCI: A Semiotic Perspective
Ideologies in HCI: A Semiotic Perspective
 
Mezikulturní UX/UI očima sémiotiky: Jak designovat pro mimozemšťany?
Mezikulturní UX/UI očima sémiotiky: Jak designovat pro mimozemšťany?Mezikulturní UX/UI očima sémiotiky: Jak designovat pro mimozemšťany?
Mezikulturní UX/UI očima sémiotiky: Jak designovat pro mimozemšťany?
 
Hackers Congress v Paralelní Polis 17: „Liberate“, aneb za finanční svobodou ...
Hackers Congress v Paralelní Polis 17: „Liberate“, aneb za finanční svobodou ...Hackers Congress v Paralelní Polis 17: „Liberate“, aneb za finanční svobodou ...
Hackers Congress v Paralelní Polis 17: „Liberate“, aneb za finanční svobodou ...
 
Is there a token for that? Tokens demystified.
Is there a token for that? Tokens demystified.Is there a token for that? Tokens demystified.
Is there a token for that? Tokens demystified.
 
Decentralized Autonomous Organizations: Concept & Practical Examples
Decentralized Autonomous Organizations: Concept & Practical ExamplesDecentralized Autonomous Organizations: Concept & Practical Examples
Decentralized Autonomous Organizations: Concept & Practical Examples
 
Jazyk uzivatelskeho rozhrani
Jazyk uzivatelskeho rozhraniJazyk uzivatelskeho rozhrani
Jazyk uzivatelskeho rozhrani
 
Semiotika: Nastroj pro lepsi uzivatelsky prozitek?
Semiotika: Nastroj pro lepsi uzivatelsky prozitek?Semiotika: Nastroj pro lepsi uzivatelsky prozitek?
Semiotika: Nastroj pro lepsi uzivatelsky prozitek?
 
Zaklady interakcniho designu 2007 - Semiotika
Zaklady interakcniho designu 2007 - SemiotikaZaklady interakcniho designu 2007 - Semiotika
Zaklady interakcniho designu 2007 - Semiotika
 
Zaklady interakcniho designu 2007 - Zkusenost
Zaklady interakcniho designu 2007 - ZkusenostZaklady interakcniho designu 2007 - Zkusenost
Zaklady interakcniho designu 2007 - Zkusenost
 

Recently uploaded

1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptDoaaRezk5
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...ttt fff
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 

Recently uploaded (20)

1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .ppt
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 

Chinese UI design guidelines 2.0

  • 1. Chinese UI design guidelines 2.0 Jan Brejcha, Ph.D. User experience consultant Prague, Czech Republic Li Hui, Xu Qing, Miao Huitian, Xu Menghan, Wang Li, Zhengjie Liu Sino-European Usability Center (SEUC), Dalian Maritime University Dalian, 116026 P. R. China HCII 2015, Los Angeles, August 6, 2015 úterý, 11. srpna 15
  • 2. How we conducted the research? úterý, 11. srpna 15
  • 3. The semiotic/linguistic perspective • A sign can be anything in the UI/UX that has a meaning for somebody. • The meaning is supported by context and relationships between signs. • Semiotics can find implicit assumptions and hidden relations in culture, therefore is very suitable for cross-cultural analysis. • The semiotic perspective in this study lead us to focus on specific areas, such as the meaning of composition (UI layout), of color, of icons, and the overall look and feel. • The linguistic perspective focused in more detail on the composition (grammar) of icons, wording and structure of menu items (e.g., object +command). 3 úterý, 11. srpna 15
  • 4. Status of research • Defined research questions based on previous pilot study, updated and improved the questions to include more context for the given task • Updated hypotheses about the Chinese users • Built a questionnaire of ~40 questions for user interviews using an online reporting tool (surveygizmo.com) • Recruited participants according to a screener (snowball: friends of friends) • Interviewed 50 respondents 4 úterý, 11. srpna 15
  • 5. Recruiting screener The respondents would have to:  • be born and raised in China  • be evenly split between males and females  • be evenly split between bachelor's and master's students • be evenly split between living in large cities and the countryside 5 úterý, 11. srpna 15
  • 6. Research questions • How can we validate previously gathered data from the pilot study? • Are there any other interesting areas to consider? 6 úterý, 11. srpna 15
  • 7. User interview • Users were presented with a questionnaire of ~40 questions divided into groups: personal info, layout, color, symbols, look&feel • The questionnaire was supported by a moderator, who would give the necessary background to the user, and answer any problems, when appropriate • The testing was carried out in the user lab, the process was followed through screen sharing and sound from behind a glass • As a data-collecting and reporting platform we chose SurveyGizmo.com • One session took about 15 min • After the interviews all the data was checked and translated, when appropriate 7 úterý, 11. srpna 15
  • 8. Research method • The pilot study was done in September, 2011, on a qualitative basis. 20 respondents were interviewed on ~50 questions (most of them open), and each session lasted 90 minutes. • The current study was intended to validate some of the previous data on a quantitative basis. • For evaluating the data we are using a margin of error of 13,9% (7 respondents) for the whole group of 50 respondents, and 19,6% for in-group comparison (5 people in a sample of 25 respondents, e.g. male/female, urban/rural). • The margin of error is a statistic expressing the amount of random sampling error in a survey's results. The larger the margin of error, the less confidence one should have that the poll's reported results are close to the "true" figures; that is, the figures for the whole population. Margin of error occurs whenever a population is incompletely sampled. (Source: Wikipedia) • Tests are done locally to prevent users to absorb the majority culture, and conducted with a local moderator, sharing the language and cultural background. 8 úterý, 11. srpna 15
  • 9. Results • The complete results are available on the following webpages: • Summary report: http://app.sgizmo.com/reportsview/?key=154782-3865494- dc43005efe218162da214ecad4df7734 • Segmentation by gender: http://app.sgizmo.com/sharedexplore/public-view/ cid/154782/id/1919160/vid/1855?key=860e7d66f1a748d1cf3da2955f635f6a • Segmentation by origin: http://app.sgizmo.com/sharedexplore/public-view/ cid/154782/id/1919160/vid/1857? key=3a832e364d6486d16099a20c608a8447 9 úterý, 11. srpna 15
  • 11. Population: who were the respondents? • Gender: 25 males, 25 females • Origin: 23 from country, 27 from city • Age: 18-25 11 úterý, 11. srpna 15
  • 12. Layout: Semiotics of space 12 úterý, 11. srpna 15
  • 13. Hypothesis: Reading Images in the West Source: Kress and Van Leeuwen: Reading images Ideal Given Margin Real Given Margin Ideal New Margin Real New Margin Center úterý, 11. srpna 15
  • 14. Layout: ideal vs. real information • Hypothesis: The ideal information would be on the upper part of the screen, the real in the bottom. • Question: On a screen, where would you place general (detailed) information? 14 úterý, 11. srpna 15
  • 15. Layout: ideal vs. real information • Design implications: The ideal information should be placed in the upper part of the screen, the real information in the center of the screen. • These results also support the pilot study outcome. úterý, 11. srpna 15
  • 16. Color: Actions and emotions 16 úterý, 11. srpna 15
  • 18. Implicit interaction • Hypothesis: During Chinese language acquisition in children, verbs are learned first, followed by nouns later • Question: Which two go together? • Results: Hand pointer with hyperlink (36), mouse with hand pointer (14) 18 úterý, 11. srpna 15
  • 19. Implicit interaction • Design implications: Build UIs on implicit relationships between commands and objects • In the Chinese context users tend to group items according to relations (verbs), rather than categories (nouns) 19 úterý, 11. srpna 15
  • 20. Icons preference • Hypothesis: Icons with situations would be preferred, because they present more context, and focus on actions (verbs). • Question: Which kind of icons do you find more useful for buying a book online? 20 úterý, 11. srpna 15
  • 21. Icons preference 21 • Design implications: The icons should be as clear as possible, and when representing an action (command), they should present also the object of the action. • The situations depicted in the icons favored mostly female respondents, while males preferred only a textual description of the action. úterý, 11. srpna 15
  • 22. Nouns and adjectives • Hypothesis: There is a close similarity between sequential information structure in language and in visual composition. Noun (folder) would come after the attribute (star attribute), as is their position in sentence (adjective+noun). • Question: When marking an icon as important using a star symbol, where should the star be located? 22 úterý, 11. srpna 15
  • 23. Nouns and adjectives 23 • Design implications: The icons presenting object attributes should be on the left of the object, as this placement are most natural for the users. úterý, 11. srpna 15
  • 25. Unfolding a narrative • Hypothesis: Menus starting with a verb are considered more natural than those starting with nouns • Question: At a gallery website, which of the following combination of menu items do you find more natural? 25 Verb: Visit Browse Learn Join Shop Search Noun: Gallery Exhibitions Lectures Membership Gifts Site Noun+Verb: Gallery Browse Lectures Join Gifts Search úterý, 11. srpna 15
  • 26. Unfolding a narrative 26 • Design implications: Construct menus with noun only, as these are clear to the users, and allow for a verb (command) submenu. úterý, 11. srpna 15
  • 27. Summary • The current study validated some of the results from the pilot • Possible reasons for not passing the validation: • Questions asked differently • Questions presented in a different sequence • Different example images • Different “generation” of students (different experience) • “You could not step twice into the same river.” (Heraclitus) • Some new results were obtained, and some trends worth investigating further úterý, 11. srpna 15
  • 28. Future work • Check for results/trends between males/females, urban/rural • Repeat the above for European (Czech) users • Compare the gathered results cross cultures úterý, 11. srpna 15
  • 29. Acknowledgments • prof. Zhengjie Liu • Li Hui, Xu Qing, Wang Li, Miao Huitian, Xu Menghan • Respondents: Lu Miao, Peng Jinjia, He Yahe, Pan Ying, Yang Gaoxing, Jiang Chao, Fei Xinxu, Li Yuju, Wei Qiang, Liu Lv, Liu Siqi, Zhang Jing, Chen Sheng, Chen Qi, Liu Yunxia, Jiang Yuanjiang, Song Yalei, Zhang Tuo, Li Danni, Zhou Liang, Wang Jun, Bai Mingqian, Yao Weilie, Hu Zhonglian, Zeng Yuteng, Yang Xu, Zhang Wentao, Lu Hongyan, Chen Weiwei, Liu Chang, Gao Miaomiao, Hu Zhanghao, Wang Zhen, Zhang Qi, Jiang Gexin, Wang Yuying, Yang Yuhan, Zhang Qi, Lv Qin, Lu Xinhui, Huang Qianying, Wu Wenqi, Lai Yancun, Li Jiakang, Zhu Huarun, Xie Shangqian, Wang Huiling, Zhang Mingyi, Song Jiayu, Pan Juan úterý, 11. srpna 15
  • 30. Cross-cultural HCI/UX: A semiotic perspective • Published in February, 2015 • Includes a novel design and evaluation method for HCI and UX • Provides a detailed explanation of the differences between current expert evaluation methods and the presented semiotic method • Offers a usable set of design and evaluation heuristics • Explains how to conduct quantitative and qualitative analyses to support decisions about cross-cultural design and evaluation • Offers results from a cross-cultural test and presents guidelines for design of different IT products and services for different cultures úterý, 11. srpna 15