...
Sketch | Storyboard | Learnability | Efficiency | Safety |
---|---|---|---|---|
Initial sketch: | Bob would read through his news items using this interface. He would use 2 fingers to scroll up/down looking to look at the news items. He could tap on the "tag it" button to mark items with predefined or Bob-defined tags. He would use the "share it" button to share the items in the feeds he made available in Hubbub (like Facebook or Google+). The entries are "cut off" if they are too long, so Bob would have to tap them to expand or shrink them accordingly for reading. If he wants to defer reading certain items, he can use the "later" button | This interface is very similar to ones people already use to view information (Twitter, Facebook, reddit, etc.). In addition, this the vertical list format is very common for on phones, so Bob will have little trouble learning how to go through his news items. However, with this interface there is no way to remove or "hide" items from his feed (a feature found in many applications). | It is very efficient for reading items. Bob can quickly scroll through and skim the first line of each entry as he looks for things to read. However, If he wants to mark multiple items at once (such as read or read later), it will not be easy or quick to do here. Also, it is not clear if Bob has to click on entries to change focus between entries (will every button on the screen be accessible through one tap on the phone? Or will Bob have to tap on an entry first before he can use the buttons?), it will not be easy or quick to do here because he has to do them all individually. Having the buttons always visible may mean more scrolling is necessary, which could slow Bob down. | Bob can easily expand/shrink entries. With this interface, items are currently not deletable, which avoids Bob accidentally removing something he wants to keep. If Bob doesn't like a tag he put on an entry, he can edit or remove it using the "tag" button again (though this is not clear in the drawing). |
Filter Items
Sketch | Storyboard | Learnability | Efficiency | Safety |
---|---|---|---|---|
Initial sketch: | To use this filtering interface for our above scenario, Bob would have to mark all of the programming-related posts from Google+ manually and in advance with a tag (like "cool code" or something). If Hubbub could infer this pattern, the design would match our scenario. | This interface is very easy to use. There are only items and check boxes, so Bob can easily try out some of them to see what they do if he's not sure. | This is extremely inefficient, because it only filters on things you've already tagged, aside from what sources to include. Thus Bob has to tag everything he wants to see before he can properly filter for them. | If Bob accidentally filters on the wrong thing, he will have to start this process all over again. |
...