Final Writing Assignment: (Snapshot to the new media company)
My. Constellation is a website that generates a personalized constellation for you based on Chinese Taoism Bagua interpreting your voice and birthday. The project aims to link generative arts, personalized design, and voice recognition together. It questions how the twelve zodiac constellations in Greek culture and the twelve animal constellations in Chinese culture represent the masses. It tries to redefine the relationship between individuals and the vast universe by generating a unique constellation for a user. With a simple but well-designed user journey, a user will experience delightful moments on how his information builds his own constellation in a real-time. The project is fully designed and developed by Nan Zhao, showing case her strong UX discipline and programming skills. With the goal of designing for everyone and conveying an immersive feeling, Nan applied WebGL and react.js to building a website. Voice recognition API is implemented for using voice as a representation of individual identities.
The project applies Chinese Taoism interpretation for a meaningful as well as a systematic design system. The Taoism at the same time enables the project to have a stronger connection between individuals and constellations. Nan used Bagua graph (a motif incorporating the eight trigrams used in Taoist cosmology to represent the fundamental principles of reality) as the base to map personal information into the design. Users’ birthday is interpreted by Chinese Sexagenary Cycle to be mapped on the Bagua as the initial positions of the constellations. Then the voice data is analyzed and transformed into physical forces applying to the stars with Chinese twelve semantic scales. What’s more, the 3D visual outputs and the interactive interface will leave a strong impression on the users, distinguishing itself from the mainstream 2D static designs.
The project is motivated by the designer’s observations on people’s eager to have their own representations in the universe. It echoes the increasing importance of generative art pieces, personalized design representations, and the application of voice. It is also Nan’s journey of exploring the computational expression of the beauty of nature and meaningful design system for personal information.
1. How can we forget the very basic built-in address book apps?
iPhone address book
Search bar is always on the top of the screen
The phone number of THIS iPhone is showed first
Sorted in alphabetical order & a fixed navigation bar on the right with alphabetical characters.
If clicking the navigation bar on the right, it will jump to the character you clicked. (Click “Y”, the page will move to the contacts that begin with “Y”) (BTW, love the tactic feedback)
What appears on the screen is just names
No sorting feature
No filter feature
Group feature at the top-left corner and “add” feature at the top right corner
Suitable for having a big number of contacts, therefore only names on the list.
The context of use is simple. It is to find a contact when making a phone call, so “search” is important, and only names appear on the list.
Because there is no sort or filter (because the user may not want to sort, they just want to find the contact they want), “search” has to be on the very top
“My phone number” is positioned first. I think it makes sense b/c I have always forgotten my number and go back to check the number, although in the common use of address book apps, it doesn’t make much sense.
Samsung S8 built-in address book
Search bar is always on the top of the screen
Yellow Page feature (that goes to another Samsung app)
“My phone number” is shown first
A navigation bar fixed on the right, only showing the alphabetical characters that my contacts have. Also, the “Starred” contacts are listed first.
The sorting order is “my phone number” – my contacts’ updates – Recently Added – Recently Contacted – the Alphabetical order
Contact information: only profile avatar images(the last name will be the avatar if there is no profile image info)
Interestingly, has the social feature – contacts’ latest updates
“Add” feature as a floating button at the bottom right corner (makes me think of material design)
No sorting or filter feature
Suitable for having a big number of contacts, therefore only names(w/ avatar) on the list.
The context of use is more complex than that in iPhone. In addition to letting a user find a contact when making a phone call, it also adds wiki(yellow page) and social features.
Yellow page for making it accessible to call organizations or institutions. However, I doubt how many users in China are using this feature. But the yellow page is also a built-in app that is in Samsung’s system, so maybe it is good to put it here.
Social updates make it easy for users to know the change of profiles. (Sometimes, when my friend changed information and I didn’t know, I could never know who was who then.
Reasonable good design for an app that is under a big umbrella of Samsung.
Address book feature in an app
Linkedin address book
No search bar (but on the previous page, that is a global search bar)
More contact information: profile image, name, position & organization, last connect time
Sorted in the order of “recently added” by default. But can also be sorted by first name and last name.
No navigation bar
Why I want to go to the connections page? 1. I want to find a specific person in my network. – So that is the reason behind the default sorting order that is by “recently added”, because the recently added connections are more possible to be the connections that I (a user) want to find.
Maybe better if there is a navigation bar.
Why sort by either first name or last name? In which context this feature will be used?
Profile images matter; the company name and position matter.
Facebook address book
Top slider bar: Search – Request – Contacts – Friends
Sorted by active/inactive
I can message my friend directly.
No sort/filter feature.
No search bar, but there is a global search bar on the previous pages.
The context of use: Emphasize a lot on dealing with new people or suggesting new friends. I guess the general user flow is to use the feature for searching unfamiliar people or adding new friends. Therefore, “search” is listed first, while the list of friends is actually listed at the end.
Because it is a social app, so if a friend is active/online matters more than that in a traditional address book.
Can bee better if intergrating the friends’ update here like Samsung does. So I know who has changed the profile image or user name when I am looking for a friend.
Address book apps in the market(I did it in class, so it’s in Sketch app, below are the screenshots of my notes.)
The user is not correct! It should be used in more social context. So not businessmen or career people.
My user stories
First, what the app will do according to the midterm requirements:
Display a list of 10 contacts with name, address, phone number, and email address.
Search the list by entering a search query into a text input
Sort the list ascending and descending based on names
Filter the list by country (Pressing “China” will show only contact living in China)
Who will use the address book? For what? In which context? What is the user story?
Why the user needs filter feature that is by country?
Why the actual address is needed?
My User: Administrator/Registrar officers in big international university/colleges.
They will need the features to see candidates’ and students’ address so that they know where to send important documents like offer letters. They face candidates or students from all over the world, so filter feature of “country” is important. (However, I still could not figure out why sorting the list ascending and descending matters.)
The user stories:
As an officer in NYU Registrar Apartment, I can search a student name to find his/her address information so that I know where to send an official certificate.
As an officer in NYU Registrar Apartment, when I clicked “China” in the filter window, I can see all the Chinese students, so that I could know how many Chinese students are in NYU now. [filter page needed, show all the countries]
As an officer in NYU Registrar Apartment, when I clicked a certain alphabetical character on the right navigation bar, the app will jump to the students with the name that begins with the character I clicked.
As a user, when I clicked “sort” button, I can choose sort by the first name or by the last name.
As a user, when I clicked the little arrow beside the “sort” icon, I can see the list in ascending and descending order.
[Additional features below]
As an officer in NYU Registrar Apartment, when I want to delete all the candidates that the university refuses from the address book, I can click “manage”, and multi-select contacts, click “delete”.
As an officer in NYU Registrar Apartment, when I slide to left(iOS), or hold the contact component(Android), I can choose to email/call/see details/delete with the contact.
I probably want to know in which program a student is or in which program a candidate is applying.