狠狠撸

狠狠撸Share a Scribd company logo
The language of the
                            user interface.
                                Ajay Ganapathy




Tuesday, January 22, 13
Examples of languages
                    ? Spoken language
                    ? sign language
                    ? written language
                    ? body language
                    ? design language
                    ? programming language
                    ? mathematical language
Tuesday, January 22, 13
Languages aren’t just
                                spoken!



Tuesday, January 22, 13
language |?laNGgwij|
    noun
    1 the method of human communication, either spoken or written, consisting of the use of words in a
    structured and conventional way: a study of the way children learn language | [ as modi?er ] : language
    development.
    ? any nonverbal method of expression or communication: a language of gesture and facial expression.
    2 the system of communication used by a particular community or country: the book was translated into
    twenty-?ve languages.
    ? Computing a system of symbols and rules for writing programs or algorithms: a new programming
    language.
    3 the manner or style of a piece of writing or speech: he explained the procedure in simple, everyday language.
    ? the phraseology and vocabulary of a certain profession, domain, or group of people: legal language.
    ? (usu. as bad/strong language) coarse, crude, or offensive language: strong language.
    PHRASES
    speak the same language understand one another as a result of shared opinions or values.
    ORIGIN Middle English: from Old French langage, based on Latin lingua ‘tongue.’




Tuesday, January 22, 13
De?nition of Language

                    ? A language is a set of standard sensory cues
                          that represent ideas.
                          ? these cues can be visual, auditory, tactile,
                            or, less commonly, olfactory or
                            gastronomic




Tuesday, January 22, 13
Properties of Language
                    ? Vocabulary - a standard set of cues
                    ? Grammar - rules for how those cues go
                          together to create meaning. (Also known as
                          syntax rules)
                    ? Logic - the resulting meaning that is derived
                          from the combination of vocabulary
                          according to grammar rules.



Tuesday, January 22, 13
Logic = grammar +
                              vocabulary



Tuesday, January 22, 13
Examples of vocabulary:
                    ? In a design language
                     ? icons are used to represent pieces of
                            data
                          ? glyphs are used to represent operations
                            on those pieces of data
                    ? In a mathematical language?
                     ? ______________
                     ? ______________
Tuesday, January 22, 13
Grammar in languages

                    ? In a mathematical language:
                     ? “A+B” means add A and B together
                    ? In a design language?
                     ? ______________________

Tuesday, January 22, 13
Logic in Languages


                    ? All languages convey ideas.
                    ? All ideas are built upon logic.


Tuesday, January 22, 13
Basic logic

                    ? All ideas are made up of statements that
                          are either true or false.
                          ? ie: I am wearing a red jacket.
                           ? is this true or false?


Tuesday, January 22, 13
Statements
                    ? All statements are made up of subjects and
                          predicates
                          ? ie: I am wearing a red jacket.
                           ? “I” is the subject
                           ? “am wearing a red jacket” is the
                              predicate
                           ? The predicate is a property of the
                              subject


Tuesday, January 22, 13
Statement = subject +
                            predicate
                    ? Or, the relationship between subject and
                          predicate is a statement that is either true
                          or false.




Tuesday, January 22, 13
Subjects and Predicates
                    ? Can be viewed as:
                     ? message and recipient
                     ? action and target
                     ? nouns and verbs
                     ? values and operands
                     ? objects and methods
                     ? Data and functions
Tuesday, January 22, 13
In interface design:

                    ? The purpose of an interface is to facilitate
                          the manipulation of data.
                          ? In this case, the data is the subject
                          ? the manipulation is the predicate


Tuesday, January 22, 13
Interface as a language
                    ? In an interface, we represent both data and
                          operations visually.
                          ? Data can be represented as an icon, a 2D
                            image on a canvas, a 3D model in a
                            viewport, or even text in a document
                          ? Operations can be represented buttons,
                            list items, cursors, callouts, tooltips, etc.


Tuesday, January 22, 13
? By understanding the logical implications of
                          an interface we can do the following:
                          ? choose appropriate imagery to describe
                            both the data and the operations we are
                            representing
                          ? visually group interface elements in an
                            intuitive scheme that makes it easy to
                            access
                          ? combine and reduce multiple interface
                            elements into a single, all-encompassing
                            element. (This is the same as shortening a
                            sentence in a written language.)
Tuesday, January 22, 13

More Related Content

The language of the user interface

  • 1. The language of the user interface. Ajay Ganapathy Tuesday, January 22, 13
  • 2. Examples of languages ? Spoken language ? sign language ? written language ? body language ? design language ? programming language ? mathematical language Tuesday, January 22, 13
  • 3. Languages aren’t just spoken! Tuesday, January 22, 13
  • 4. language |?laNGgwij| noun 1 the method of human communication, either spoken or written, consisting of the use of words in a structured and conventional way: a study of the way children learn language | [ as modi?er ] : language development. ? any nonverbal method of expression or communication: a language of gesture and facial expression. 2 the system of communication used by a particular community or country: the book was translated into twenty-?ve languages. ? Computing a system of symbols and rules for writing programs or algorithms: a new programming language. 3 the manner or style of a piece of writing or speech: he explained the procedure in simple, everyday language. ? the phraseology and vocabulary of a certain profession, domain, or group of people: legal language. ? (usu. as bad/strong language) coarse, crude, or offensive language: strong language. PHRASES speak the same language understand one another as a result of shared opinions or values. ORIGIN Middle English: from Old French langage, based on Latin lingua ‘tongue.’ Tuesday, January 22, 13
  • 5. De?nition of Language ? A language is a set of standard sensory cues that represent ideas. ? these cues can be visual, auditory, tactile, or, less commonly, olfactory or gastronomic Tuesday, January 22, 13
  • 6. Properties of Language ? Vocabulary - a standard set of cues ? Grammar - rules for how those cues go together to create meaning. (Also known as syntax rules) ? Logic - the resulting meaning that is derived from the combination of vocabulary according to grammar rules. Tuesday, January 22, 13
  • 7. Logic = grammar + vocabulary Tuesday, January 22, 13
  • 8. Examples of vocabulary: ? In a design language ? icons are used to represent pieces of data ? glyphs are used to represent operations on those pieces of data ? In a mathematical language? ? ______________ ? ______________ Tuesday, January 22, 13
  • 9. Grammar in languages ? In a mathematical language: ? “A+B” means add A and B together ? In a design language? ? ______________________ Tuesday, January 22, 13
  • 10. Logic in Languages ? All languages convey ideas. ? All ideas are built upon logic. Tuesday, January 22, 13
  • 11. Basic logic ? All ideas are made up of statements that are either true or false. ? ie: I am wearing a red jacket. ? is this true or false? Tuesday, January 22, 13
  • 12. Statements ? All statements are made up of subjects and predicates ? ie: I am wearing a red jacket. ? “I” is the subject ? “am wearing a red jacket” is the predicate ? The predicate is a property of the subject Tuesday, January 22, 13
  • 13. Statement = subject + predicate ? Or, the relationship between subject and predicate is a statement that is either true or false. Tuesday, January 22, 13
  • 14. Subjects and Predicates ? Can be viewed as: ? message and recipient ? action and target ? nouns and verbs ? values and operands ? objects and methods ? Data and functions Tuesday, January 22, 13
  • 15. In interface design: ? The purpose of an interface is to facilitate the manipulation of data. ? In this case, the data is the subject ? the manipulation is the predicate Tuesday, January 22, 13
  • 16. Interface as a language ? In an interface, we represent both data and operations visually. ? Data can be represented as an icon, a 2D image on a canvas, a 3D model in a viewport, or even text in a document ? Operations can be represented buttons, list items, cursors, callouts, tooltips, etc. Tuesday, January 22, 13
  • 17. ? By understanding the logical implications of an interface we can do the following: ? choose appropriate imagery to describe both the data and the operations we are representing ? visually group interface elements in an intuitive scheme that makes it easy to access ? combine and reduce multiple interface elements into a single, all-encompassing element. (This is the same as shortening a sentence in a written language.) Tuesday, January 22, 13