Preware Design

Warning: If you have found this page through the recent updates and are not a sysop please join along in the discussion section

Rick's Intro to why this is Important

this morning (25 July 2009) after my morning OA meeting, at coffee I ran a set of paper prototypes of a gui appstore front end for the webos-internals ipkg feed past a group of women aged 45 to 82 who had not previously used a Pre.

Each of them had the chance to go into launcher, bring up an app, run it, go into the app store, look around, etc before starting the prototyping session.

First, as a group they all hated the palm appstore. They disliked the horizontal scrollers at the top, they disliked the scrolling aspect of the entire page. They wanted much more clear indications that a scroll was available, but they thought that a thinner leaner first page would be much better.

After 30 minutes of the group tearing up 4x6 cards and scribbling new ones, we ended up with the following decisions which I pass along.

• the first scene should have 5 selections
  • Upgrade your installed apps
  • Patches for existing apps
  • WebOS applications
  • Delete things you have installed
  • Alpha list of everything

each of those opens a new scene. along the bottom of the scene is a fixed button bar with on the left, an INSTALL button, in the center a BACK button and on the right a DELETE button

that button bar is ALWAYS there except on scene 1. They know and understand the back gesture, but they liked the idea of a back button even so, and since there was a space, why not?

the install and delete buttons dim out or come live as appropriate.

They were divided on the subject of keeing a banner for the app store at the top of the screen, some liked the idea of a HOME button. Some did not and wanted the space for the lists and said "banner only on the home page.

Each subsidiary screen brings up a list of apps. that list scrolls in the space ABOVE the button bar. Tapping an ap brings up the long description of the app and enables the install or delete button as is appropriate.

The graphical design should be very VERY clean and not busy. It was a major complaint about the Palm app store that it was too busy.

Templarian's mockup for the PreWare home page is a really good basis to work from, and it would be good if the gui app resembled the submission and management page. It will change depending on comments here.

I thought this would give us a starting place

- Rick

Suggestions

For the first screenshot I think it would be best if we made it so that the buttons resize. No scrolling in any form even if there notifications below it.

Preware

The "Pre" in "Preware" does not refer to the Palm Pre, it refers to "before" as far as app testing goes, and is a pun on "Freeware"

Application

(Images will be updated below as suggestions come in, wiki forces cache so CTRL+SHIFT+R in modern browsers)

Site

IPKG Feed

The standard IPKG feed will be accessible by everyone.

XML Feeds

Application Feed (List/Filtered)

<syntaxhighlight lang="html4strict"> <?xml version="1.0" encoding="UTF-8"?> <preware>

   <applications>
       <application id="41">
           <package>appname</package>
           <version>1.0.0</version>
           <name>Application Name</name>
           <firmware>1.1.0</firmware>
           <maintainer>John Doe <email@domain.com></maintainer>
           <architecture>all</architecture>
           <filename>com.palm_app_appname_1.0.0_all.ipk</filename>
           <md5sum>325ca724c05288eb182dd7ebdd493926</md5sum>
           <size>123456</size>
           <category>Utilities</category>
           <source>http://www.preware.org/41/</source>
       </application>
   </applications>

</preware> </syntaxhighlight>

Application View

<syntaxhighlight lang="html4strict"> <?xml version="1.0" encoding="UTF-8"?> <preware>

   <applications>
       <application id="41">
           <package>appname</package>
           <version>1.0.0</version>
           <name>Application Name</name>
           <firmware>1.1.0</firmware>
           <maintainer>John Doe <email@domain.com></maintainer>
           <architecture>all</architecture>
           <filename>com.domain_app_appname_1.0.0_all.ipk</filename>
           <md5sum>325ca724c05288eb182dd7ebdd493926</md5sum>
           <size>123456</size>
           <category>Utilities</category>
           <source>http://www.preware.org/41/</source>
           <depends>
               <depend id="20" type="plugin">
                   <package>pluginname</package>
                   <version>1.0.0</version>
                   <name>FileIO</name>
               </depend>
           </depends>
           <description>A long description</description>
       </application>
   </applications>

</preware> </syntaxhighlight>

Plugin View

<syntaxhighlight lang="html4strict"> <?xml version="1.0" encoding="UTF-8"?> <preware>

   <applications>
       <application id="20">
           <package>pluginname</package>
           <version>1.0.0</version>
           <name>Plugin Name</name>
           <firmware>1.1.0</firmware>
           <maintainer>John Doe <email@domain.com></maintainer>
           <architecture>all</architecture>
           <filename>com.domain_app_appname_1.0.0_all.ipk</filename>
           <md5sum>325ca724c05288eb182dd7ebdd493926</md5sum>
           <size>123456</size>
           <category>Utilities</category>
           <source>http://www.preware.org/41/</source>
           <applications>
               <application id="20">
                   <type>plugin</type>
                   <version>1.0.0</version>
                   <name>FileIO</name>
               </application>
           </applications>
           <description>A long description</description>
       </application>
   </applications>

</preware> </syntaxhighlight>

Review (to Applications / Plugins)

<syntaxhighlight lang="html4strict"> <?xml version="1.0" encoding="UTF-8"?> <preware>

 <messages>
   <message id="420" type="review">
     <user id="10">FooBar</user>
     <comment>A long comment split it somewhere.</comment>
   </message>
 </messages>

</preware> </syntaxhighlight>

Comment (tbd)

<syntaxhighlight lang="html4strict"> <?xml version="1.0" encoding="UTF-8"?> <preware>

 <messages to="424" type="comment">
   <message id="420">
     <user id="10">FooBar</user>
     <comment>A long comment split it somewhere.</comment>
   </message>
 </messages>

</preware> </syntaxhighlight>