Seven Mobile Apps in Seven Weeks

Day 3: A Wider Market

Or, Designing for More than One Device

Today let’s continue where we left off. We had the watch list showing symbols that we searched for, but we’ll start off by storing that symbol list so the user’s list is saved. Then we’ll see how to navigate between the stock lists and a stock detail view so the user can see more about a particular stock.

Then we’ll start thinking about multiple screen sizes on devices other than the phone, like tablets and desktops. We’ll add an adaptive view to the index and watch list pages, so on a small screen we’ll navigate to the detail page when a quote is clicked, but on a larger screen the detail will show up beside the list with no navigation.

Finally, we’ll add a live tile, which surfaces ...