|
Features that the PET could have |
Intentions of the end user |
How the system/GUI responses |
| Authoring | ||
| Templates
Easy for novice users or lazy expert users: layout (form) becomes automatic and creators can concentrate on content. Also facilitate standardizing and hence allow ease of review. |
Create a Pattern
Select/create template
Select/create language and assign pattern to it
Enter components |
Present available templates, allow create-your-own-template Ask which pattern language the new pattern belongs
Start wizard prompting for the major components one by one (e.g. Name,
context, problem statement...) Allow non-linear navigation
|
| Image editing
- used for creating storyboard and diagram - Motivation: in creating patterns using html, one often need to use paint, if not photoshop, to fiddle with the images before adding to the page. This use of several editors for one product is painstaking and inefficient. |
Obtain screen shots for the "example" section
Annotate screen shots (e.g. circling a label to make it stand out, add
arrows to show sequence between images, i.e. storyboarding) critque existing
patterns
|
Show screen shots Present simple image editing tools (even more primitive than the MS paint tool) Show WYSIWYG through out the image editing |
| Search function
- to search examples for the target pattern, other similar or related patterns |
Type in keywords specify category of search |
Prompt for words to search
Prompt for context: whether you want to search for examples, or other similar/related patterns |
| Autosearch function
- automatically suggests examples and patterns -Motivation: context and problem statement is often "contaminated" by the examples that we came across and use for screen shots. Such feature enable broader views and less bias in our pattern. Also, it is often difficult to come up with the correct keywords. |
write context and problem statement
Look at search results for more ideas Can turn off feature
|
Parse words on page or visit URL from which screen shot is taken Present search results where appropriate |
| Central
library of motivations
Many motivations boil down to end user characteristics, and are therefore
common across many hci designs.
|
Brainstorm on motivations for target pattern
Type in some motivations absorb ideas... create/ save-and-name a combo list of motivations |
Perform search based on motivations inputted so far
|
| Hierarchy builder
|
Form a pattern language
View language explorer |
Automatically done when filling in context and references section. Present option to view "language explorer" |
| Autocompletion
motivation: ease of use, minimize typos
|
Type in some standardized or system-should-have-remembered terms e.g.
name of another pattern, name of a language, name of saved list of motivations
etc.
Continue typing or choose from list |
Automatically activate a local search and show a list possible completion's |
| Language explorer
motivation: provide overview and ease of navigation
|
View explorer |
Options to view details, summary, drill down to single pattern. Options to view different window format just like a windows explorer |
| Reviewing | ||
| Specific comments
|
Comment on specific word, concept in pattern
Type in details of comment into designated footnote
|
prompt for specific location to comment on add footnote marker |
| Classified comments
|
Make comments under the five classifications:
- summary - form (positive and areas for improvement) - content (positive and areas for improvement) |
parse in comments (and automatically merge similar comments and give it a count?) |
| Merge language
|
Add to one's own pattern to language of target pattern
Select/type in name, location of own's pattern
|
Prompt for name, location of new pattern (and confirm name, location of target language) Present list to choose from. Set link on standby and activate (call Hierarchy builder) for effected languages when original owner of the language gives permission. Notify both party of change. |
| View all comments
|
Look at everybody's comments of the same pattern at the same time
Look at everybody's comments on a set of patterns that you wrote |
Show list |
| Reading | ||
| Framework decider
|
Let system decide on a framework (selections of patterns from large
to small scale). Later modify/customize it depending on personal
preferences.
Fill in the "questionnaire" |
Prompt for values for decision making parameters Perform analysis and give suggestions (could be one or several patterns at each level depending on what user specified) |
| Example driven search
|
Have an example in mind that is similar to what you are about to design.
Want to see what patterns refer to it (and therefore highlighting the good
points about the example that you should "copy".)
Select and activate search |
Prompt for examples.. perhaps show a list of known examples for user
to choose from.
|