Iconography for grammar features/labels #1252
Replies: 11 comments 14 replies
-
|
@linhtphung Note that not all the morphological features/labels are present in this discussion. It seems that there are a subset that are relatively more important for language learning/teaching. The proposal is to limit to these and hide others from the a) grammar analytics and b) xp calculations (though we will still save the data in case we find a use for it). We can start with a default list/prioritization for all languages and add individual lists as we have educator advisors for those languages. Example for English (which would also be our default until defining for any particular language): {
"en": {
"Pos": ["ADJ", "ADP", "ADV", "AUX", "CCONJ", "DET", "NOUN","NUM","PRON","SCONJ","PUNCT","VERB",
},
"AdvType": ["Adverbial", "Tim"], # Adverbial, Temporal
"Aspect": [
"Imp",
"Perf",
"Prog"
], # Imperfective, Perfective, Progressive
"ConjType": ["Coord", "Sub"], # Coordinating, Subordinating
"Definite": ["Def", "Ind"], # Definite, Indefinite
"Degree": [
"Pos",
"Cmp",
"Sup"
], # Positive, Comparative, Superlative
"Mood": [
"Ind",
"Imp",
"Sub"
], # Indicative, Imperative, Subjunctive
"Number": [
"Sing",
"Plur"
], # Singular, Plural
"Person": [
"1",
"2",
"3"
], # First, Second, Third
"Polarity": ["Pos", "Neg"], # Positive, Negative
"PronType": [
"Prs",
"Int",
"Rel",
"Dem",
"Tot",
"Neg",
"Ind"
], # Personal, Interrogative, Relative, Demonstrative, Total, Negative, Indefinite
"Tense": ["Pres", "Past", "Fut"], # Present, Past, Future
"VerbForm": [
"Fin",
"Inf",
"Part",
"Ger"
], # Finite, Infinitive, Participle, Gerund
"Voice": ["Act", "Pass"] # Active, Passive
}
}Morphological features to do activities on by part of speech, in the order that they'll appear, first to last. {
"en": {
"ADJ": ["AdvType","Aspect"],
"ADP": [],
"ADV": [],
"AUX": ["Tense","Number"],
"CCONJ": [],
"DET": [],
"NOUN": ["Number"],
"NUM": [],
"PRON": ["Number","Person"],
"SCONJ": [],
"PUNCT": [],
"VERB": ["Tense","Aspect"],
}
} For each language:
|
Beta Was this translation helpful? Give feedback.
-
|
Some feedback on the icons so far:
|
Beta Was this translation helpful? Give feedback.
-
|
@avashilling Do you want to take a stab at Degree, Polarity, PronType, and VerbType? |
Beta Was this translation helpful? Give feedback.
-
|
@wcjord sure! I'll work on those this weekend. |
Beta Was this translation helpful? Give feedback.
-
|
Here's what I have so far for degree and polarity, formatted more like the other ones are. I'll be sort of busy tomorrow but can pick back up on the other two Monday or possibly later Sunday! |
Beta Was this translation helpful? Give feedback.
-
|
Love it! Ok so we've VerbForm (Finite, Infinitive, Participle, Gerund) and PronType (Personal, Interrogative, Relative, Demonstrative, Total, Negative, Indefinite) left for a full first draft! If you have some ideas on Sunday, have at it! |
Beta Was this translation helpful? Give feedback.
-
|
Ok, I agree. For English, I think number type, case, and punctuation type are not important either. It's nice to have the rest. |
Beta Was this translation helpful? Give feedback.
-
This is entirely separate from this work. Adding POS to grammar analytics can be made directly into an issue. |
Beta Was this translation helpful? Give feedback.
-
Ok we can do that! |
Beta Was this translation helpful? Give feedback.
-
|
@linhtphung If we like Degree, Voice, etc, where do they show up in the list of activities to do per part of speech type? They should appear somewhere in those lists. I'll separate the list out to make them more explicit. |
Beta Was this translation helpful? Give feedback.
-
|
Voice appears in Verb, Degree appears in Adverb and Adjective mostly. |
Beta Was this translation helpful? Give feedback.
-
|
Update progress Day 1: |
Beta Was this translation helpful? Give feedback.
-
|
The visual consistency:
|
Beta Was this translation helpful? Give feedback.
-
|
An active verb highlights the person who takes the action: I kicked the ball. |
Beta Was this translation helpful? Give feedback.
-
|
Note: In tense, the last one is not Past but instead Imperfect. |
Beta Was this translation helpful? Give feedback.
-
|
Three sets and a total of 13 more icons, easy to see in Light and Dark mode |
Beta Was this translation helpful? Give feedback.
-
|
Wow, this is actually a really challenging task, and I'm happy to see many icons. I think for clarity in implementation for users, if we always accompany the icon with the term, that will make it easier for users to process. My input for now is to display all of the terms possible for a language (except the specific punctuation) if we can assign them relatively accurately. |
Beta Was this translation helpful? Give feedback.
-
|
Today progress: complete 13 more icons and create a checklist on top to clearly track and communicate the design work in progress with the team
|
Beta Was this translation helpful? Give feedback.
-
|
Hello! These are some of my ideas for the POS and Person icons. There are 2 options for each, and the idea for the black and purple ones below is that the black areas would be white in dark mode and black in light mode.
|
Beta Was this translation helpful? Give feedback.
-
|
Completed 14 feature sets in English Grammar of 69 Icons: Figma Link
|
Beta Was this translation helpful? Give feedback.
-
|
These are great! I read an article about cognitive linguistics, and basically it sees language originating from our embodied experience especially with movements, spaces, gestures. The concept of time is often tied to space in some way, but time and space are organized differently in different cultures. The more abstract the concept (anger and annoyance as examples), the more different there can be in how languages perceive them. Anyway, I always knew this task is a huge task to be done based on a language theory. Let's use these because they look great and they do represent the meaning. At some point, if I can work on it with a group of people, we can think about how to tie them more closely to embodied experiences. |
Beta Was this translation helpful? Give feedback.
-
It would be helpful to develop a system of iconography for our grammar features/labels.
We can have "template" icons for features and variations for specific labels. The template icons can use an unfilled gray outline, and individual labels cab have visual elements "filled in" or adjusted to align with the feature's concept.
Tense
Feature Template: 🕳️ An unfilled hourglass (gray outline).
(Action is ongoing.)
(Action is completed.)
(Action has not yet begun.)
(Action is incomplete or habitual.)
Aspect
Feature Template: 🔁 A circular arrow (gray outline).
(Action is complete.)
(Action is incomplete or ongoing.)
(Action is actively progressing.)
(Action is repeated over time.)
Mood
Feature Template: 🗯️ A speech bubble (gray outline).
(Represents facts.)
(Represents commands.)
(Represents hypothetical ideas.)
(Represents "if-then" situations.)
(Represents wishes.)
Voice
Feature Template: 🔄 A single arrow in a circle (gray outline).
(Action performed by the subject.)
(Action received by the subject.)
(Action is reflexive or shared.)
Person
Feature Template: 👥 An outline of three humanoid figures.
(Represents "I" or "we.")
(Represents "you.")
(Represents "he," "she," "they.")
Number
Feature Template: ⚫⚪ A circle divided into empty and filled halves.
(Represents one entity.)
(Represents multiple entities.)
Case
Feature Template: 🏺 A vase (gray outline) to signify "roles" in language.
(Marks the subject of the sentence.)
(Marks the object receiving action.)
(Marks the indirect object.)
(Marks possession.)
POS (Part of Speech)
Feature Template: 🔲 A box (gray outline) to indicate categories.
(Represents tangible or abstract items.)
(Represents actions.)
(Represents descriptions.)
(Represents modifiers of time, place, or manner.)
(Represents substitutes for nouns.)
How These Fit Together:
Each feature template represents the broad category and remains unfilled (gray). The labels build on this with intuitive "fill-ins," maintaining visual consistency while showing clear differences.
Beta Was this translation helpful? Give feedback.
All reactions