Pancake/French Toast: Difference between revisions
< Pancake
Jump to navigation
Jump to search
m (→What is French Toast?: Removed link to /UX) |
(→Development: Add link to gordonbrander/french-toast-html) |
||
| Line 38: | Line 38: | ||
* [[Pancake/French_Toast/Store | Client-Side Store]] | * [[Pancake/French_Toast/Store | Client-Side Store]] | ||
* [[Pancake/French_Toast/IO | Client-Side AJAX/IO]] | * [[Pancake/French_Toast/IO | Client-Side AJAX/IO]] | ||
=== Code/Repositories === | |||
* [https://github.com/gordonbrander/french-toast-html gordonbrander/french-toast-html on Github]: Prototype markup and styles for French Toast. Only just started. | |||
== Subpages of {{FULLPAGENAME}}== | == Subpages of {{FULLPAGENAME}}== | ||
{{Special:PrefixIndex/{{FULLPAGENAME}}/}} | {{Special:PrefixIndex/{{FULLPAGENAME}}/}} | ||
Revision as of 17:10, 6 September 2012
What is French Toast?
Meet French Toast: File:French Toast Intro.mov.tar.gz
French Toast is our code name for Pancake's next-generation user interface.
Design
Prototypes
See Pancake/Prototyping for rational. User testing sessions:
Feature Notes
Notes from feature implementation discussions we've had. These are living, and therefore loose, specs. What we've outlined here are hypothesis on the best way to address user stories. They will probably evolve in response to prototyping.
- Layer Navigation: "I want to understand where in the app I am, and how to navigate within it".
- Search View: "Help me find x. I want the results to be easy to understand".
- Type-ahead Search
Design Files
- File:French Toast Intro.mov.tar.gz: An intro to French Toast, including an animated demo.
- File:French Toast UX Walkthrough.tar.gz: The master design document for French Toast. Contains wireframes, an animated prototype, design rational and user stories.
- File:French-toast-pinning-and-updates.mov.tar.gz: Further explorations of pins and the updates feed.
- File:French-toast-wireframe-artboard.pdf: a wireframe artboard exploring French Toast's UX concepts.
- File:French-toast-ux-animated-wireframe.tar.gz: An early animated keynote wireframe exploring interaction concepts for French Toast.
Development
Code/Repositories
- gordonbrander/french-toast-html on Github: Prototype markup and styles for French Toast. Only just started.
Subpages of Pancake/French Toast
- Pancake/French Toast/IO
- Pancake/French Toast/Message API
- Pancake/French Toast/Prototyping
- Pancake/French Toast/Prototyping/2012-08 General User Testing
- Pancake/French Toast/Store
- Pancake/French Toast/UX
- Pancake/French Toast/UX/Minimum Viable Product
- Pancake/French Toast/UX/Navigation
- Pancake/French Toast/UX/Search
- Pancake/French Toast/UX/Type-ahead Search