Case study L.

GUI


Lesson 1: Too many choices = confusion!
Check on what users click.
By observation. Look at Google Analytics. A/B testing.

Lesson 2: Users need guidance
Be explicit.
Step by step instruction to get user input.
Warm and personal rewards.

Creating context from user interactions.
Notifications for different actions to get more people onboard.

Focus user interaction at key features. 
Give them 1 key thing to do and make them do it well then increase features.

Interaction Diagram
Draw out the simple design. Show how from one page brings users to another page. And draw all all possible routes.

UI is not UX.

Team Dynamics

Ideas first OR team first? 
TEAM for me. Working with smart and understanding people will create give good results. Ideas will sprout. If you are working on other people's idea, it's likely that ownership and commitment will be lesser. Cause it's someone else's baby, not yours..

Vote to make decisions OR strong leader?
Best if we have a team of strong individuals who are versatile enough to be leader or follower. Of course all have to compromise.

Empathize vs Escalate.
Teammates unable to deliver on the work he promised because of personal problems, how? I would first empathize, and help abit if i can, but if it carries on, gotta rethink the scope that we are trying to do. Cut down features would be inevitable.

Know your team!!
I agree!! It's definitely good to get to know groupmmates and know what they like, their passion and their areas of expertise. Will be easy for workload distribution and of course the funny funny things we do during project meetings to spice up stressful atmosphere.

1 thing to mention. I really enjoyed working with Kenneth, Joshua, Hoang! They are all so funny! We sang and went crazy together on those no-sleep nights in com1. I like this kind of team dynamics, relaxing but serious when needed.

I'm like merely summarizing the whole lecture. But I really find the above mentioned points really important! Ciao~

in the midst of ass2

6 hours and 35 mins before assignment 2 submission!!!

I'm taking a chill pill here writing this post. It was an awesome experience working with my groupmates! This assignment has given me the opportunity to design the interface for iPad web. So shiok!!! Finally made use of a few of the iPad GUI psd thingys i got from the net. lol. 

Special thanks to Sharon from NLB. She helped us alot! especially the gathering of photos from different archives or related orgs. :D TYVM! 

Visit Singapore River: Mobile, a mobile heritage trail, @ http://bit.ly/sgriver
(currently only works well on landscape mode on iPad) :/ working on the rest soon

GetHelp! Case Study

GetHelp! is a pretty cool idea aimed to help people with their doubts by crowdsourcing yeah? Looking at the general layout of the app, I actually think its a pretty simple and easy-to-navigate app. Without reading much information on what it does, i could guess the use of the app from the several screenshots provided. However, the initial design definitely has room for improvement:

Usability vs Aesthetics

I think the app has good functionalities. Users can do these few main tasks: 

1. Add post to call for help --- with the choice of adding details

2. React to a post --- offer help OR refer friend

3. Check out stats and badges

These 3 main functions are pretty easy to understand but their UI will easily make users somewhat confused coupled with misleading/unclear copywriting. 

Overall design:

This app is not attractive enough and does not have a design feel of its own. It looks like any random facebook iframe app that has standard fb features = no fun. I think the app uses way too many icons also. Some are appropriate some are really redundant for example the ones in Add post page >> add more details. The icons are not serving any purpose other than complementing the words 'deadline', 'estimated time' and 'location'. Those icons can be taken out to reduce the clutter of info and can probably align the text fills to be neater and more presentable. 

I guess the designer was trying to make the design more unique, but the 4 slanted tabs on top do not serve much purpose! Slant =/= nice. I suggest it should be rotated to 0 degree. If they want to make it more creative and special, they could employ specially shaped icon holders that suits the theme. Also, is there a special meaning of having 3 tabs on the left and 4 tabs on the right? 

Add post page: [Options/freedom when posting a need]

Good to have the title 'I need help with' and the button 'call for help!': clearly emphasizes what to input into the text area. However, I don't understand the rationale for separating the below section for inputing details and 'who do you want to ask?' from the main call for help title by using different coloured background. I would think for every post, users should have the option of choosing who to ask and which social network to post because it's the most fundamental mean of communicating a message to people. 

So this should probably be directly below the title within the darker background area and the 'call for help!' button should be placed below these selections. As for the other details about a post, it can be designed as a dropdown style where once a button named "add details" is clicked, a form containing additional options will appear below. If i'm not wrong, this should be able to using AJAX? 

The options given under 'add more details' are misleading. What exactly do 'deadlines', 'estimated time' and 'location' refer to? Of the object/project/task? No one knows.. But i like the 'description' option, posters are free to include whatever extra info they about the task.

Overview page:

The layout looks okay for this page. But the colour red is overly used! I think 'help him' and 'refer a friend' can be in a lighter shade of red perhaps as red is not exacting soothing to eyes and it may cause users to be irritated by the repetition. 

Individual 'need' page:

The comments portion is not pretty! Centre alignment makes all the comments and post time and name of poster messy. The use of 3 red rounded square icons is actually not bad. The cartoons seem appropriate for what each icon does but RED again... lol. Try to change to a lighter shade of red to lessen the impact would be good. 

Cycle of interaction & incentives

I think the very concept of the app is engaging. True enough, many times we have requests and questions that even Google can't solve. So when it's time to turn to friends or friends' friends, it would be efficient to have this app. But, it is not the most easy app to use for question and answer. Even though it has game elements like rewards and stuff, it might have neglected the very key fact of people wanting an answer or help desperately, and thus the need to publicize it in an efficient way. It may have too many functions and lose focus on the key driving factor of this app.

Compare GetHelp! with Facebook Questions now, which do you prefer? I would say fb questions. Based on its simple and intuitive featureless features. see screenshot below. :)

Step 1: Type a question

Step 2: Add options or wait for friends to add

Step 3: Wait for friends or strangers to vote or add options.

I mean this is a really simple feature of fb. GetHelp! has nice ideas of increasing connectivity by linking to twitter or even SMS which is awesome. But probably the developers can try to learn from the simplicity of fb questions? hee.

Lecture: PhD in Human Nature

Vsee's CEO, Milton, came to give a talk! And it's so coincidental cause only a few days ago, i heard of it and googled it. Turned out that the company came out with a video sharing programme that can edit and share files in real time while conversing with each other. It's amazing that they can share files like word doc even if one of the participants of the video chat do not have word installed on his com. See their website here.

Vsee (See Share Send): solve remote work challeneg, set people free (from all the commuting to and fro work)

3 Key points learnt
1) Microlearning

• Surround ourselves with learners! 
• Every day 3 things
• Break patterns 

I really liked this concept as i feel i'm always forced to learn in school for exams or quizes. We learn for the sake of scoring but rarely for self enrichment which is just sad. Like the speaker mentioned, we need to be with learners to learn. Everyday, reflect about the 3 things learned! I used to do that for a particular module where we had to write down the 3 points learnt in class every session which i thought was pretty meaningful. It will be more meaningful if we do that everyday. The example he gave for breaking patterns was 'using a weaker hand to brush teeth'. I find relevance in activities like this: Used to practice writing with left hand in JC; changed the side which i carry my bag. By doing these, it sure did gave me alot of unique experience even when doing everyday tasks which does not only add colour to our lives, but also give us sense of achievement from time to time!

2) Aim for boredom

• Brain is more active when bored!
• Breakthrough in thinking
• Defense against info overload

'Let your brain wander and feel the boredom'. i was really surprised by the first point, but i agree after thinking!! A lot of times, i realize that it is actually more difficult to think of good ideas when we actively forces ourselves to think. While often ideas come to us when we are unprepared and when we are doing nothing. I don't know what's the science behind it, but i guess it makes sense to say that the brain cells are actively waiting to be put to use when bored as compared to times when occupied while multitasking! Let's al go take random strolls in beautiful utown and think about nothing. hee

3) Learn Sales

I AGREE. The sales people earn alot. Let me rephrase that: the BEST sales people earn ALOT. Of course, not that all of us should learn sales and become a sales person in a company. In life, all of us are salespersons. We need to learn how to convince our parents to trust us; how to sell a party idea to friends; or sell a cool project idea in cs3216, etc. 

I liked Milton's sharing. :D

I shall end of with a quote from him "Live life with urgency, but do the important stuff!"

ShopForMe Submitted!

It was a fun experience working on ShopForMe's designs! I'm happy that friends actually like it! Credits for Alan, Chunteck and Xianyou for the programming, super talented people! It was nice working them!

Screenshot. :)

Now the fb app is done, we gotta move on to the next assignment which is mobile/cloud app. Ganbatte everybirdieee~