Influences

A Selection of Books I've Referenced
Here are some books that have informed and built the foundation for my research and design process. Here are but a few in a visual bibliography (spine edition). There are several different clusters of thinking embedded within this stack: Drupal (the design platform), web usability, design and programing, and literature providing context. Some times a picture is worth a thousand words. That is only 4 pages. There are many more words represented with this image!

Situated Research and Design

Writing My Thesis
Context is important as it has influenced my research. This context includes the physical environment, tools used, and location. When writing or programming intensely I revert to the 180 degree of desktop space seen in the picture above. The pull out trays are enlarged on the right and left to allow easy access to research journals, books, design notes, or all of the relevant reference materials from my chair. This is has been my research habitat.

My father told me when I’d try some activity like wood working, home repair, or yard maintenance that the right tools make a big difference. The tools that I have used have adapted so that I can have the right tool for the job. A few of the tools that I have used are 3 external hard drives, an iMac, a second monitor, a new mac keyboard, various software, and a notebook. The external hard drives multiplied when my computer’s internal hard drive crashed. Fortunately, I have a nightly backup process scheduled to an off-site location that is on the internet via my iDisk. Following the crash, I set up the Timemachine program within the Apple’s Leopard operating system to automatically backup to a 1TB drive. Thank goodness for the off-site back up and the Apple store who helped me retrieve the files and continue to write while I waited for the 4 day repair process to be complete.

The iMac and second monitors are essential. Could I conduct this research, that includes writing and designing a website, on a Dell? Certainly. Could I write about my research on a Dell? Absolutely. Would the experience and work flow be the same? Certainly not! My iMac is 2 years old and amazingly feels as peppy and responsive as the first day that I turned it on. My PC upgrade cycle was every 2 years. I’m not sure what my Mac upgrade cycle will be, but it is not close yet! To freshen up my iMac I purchased a second monitor and it has extended the screen real estate available. One monitor is now for my writing or designing application. The other monitor is for PDFs of research documents, to do lists, and other miscellaneous windows. With the addition of the new Mac keyboard (slim, responsive, and very effective for writing) I’m as happy as a seagull at a fish fry.

Writing and designing has been about getting my thoughts organized into tangible forms. The right software for creating these tangible artifacts of thinking have been assisted by the tool that gets my initial thoughts on paper. My notebook helps me sleep at night. When an idea comes I write in my Moleskin ruled notebook. I organize this notebook by date and record all my note under each date. From meetings to ideas to events, this thinking is now out of my brain and on paper which makes it much easier to remember. These ideas then are reflected within the creation of artifacts via design and writing. The key software can be divided into a few categories.

Design:

  • BBedit – for editing code
  • Transmit – FTP client and so much more
  • CSSEdit – for adapting CSS to make the design look pretty
  • Drupal – the selected platform
  • Private webhosting – the ‘sandbox’ that made this design possible

Writing:

  • Microsoft Word 08 for the Mac – I didn’t start with this as my word processor (Pages and Google Docs were initially used), but this version included a feature that organizes my references in a database and displays these references within my document in proper APA format. Essential.
  • OmniOutliner – to categorize thoughts, organize ideas, and plan for revisions
  • Skype – enable the voice conferences with my development panel
  • Audio Hijack Pro – recorded the Skype conferences
  • Command+Shift+4 – allowed for quick screen captures for a selected region of my screen. This is how I document the changes to my design
  • MarsEdit – great blogging application that I used to write my development journal then post to my blog

This is my context. This environment, tools, and the location within my home has informed my research. As a teen I made a wooden bench in my parent’s basement with less then ideal tools. The wooden bench was informed my the location, environment, and tools. It looked like a first attempt. It didn’t sit level, the finish was flawed, and the edges weren’t true. Hopefully I have learned from this and created a design object that has true edges, a finish that doesn’t distract from the purpose, and levels with classroom practice.

Finding Projects

Finding projects on the site has been only accessible through a calendar interface. By exposing a view (recent projects created by buddies) there are now two options and a natural narrowing of projects as more are posted. Another small revision only shows people marked available for projects when looking for collaboration partners. 

The finding projects additions to the site are:

  • Find Projects Page
  • Recent Projects from Buddies

Find Projects Page

The Find Projects Page now allows for more suggestions and links to all projects and a new narrow sort: “See Projects From Buddies”. Eventually the ‘project matrix’ will be linked as the suggestion.

Find Projects Page - July 15

Recent Projects from Buddies

Now all your Buddies recent projects can be found. This enables people to narrow their focus within the ‘Find Projects’ section.

Recent Projects Posted by Buddies - July 15

Photo Credit: young kilroy by hangdog

Tuning, Fine Tuning

The design research object, a website, is progressing quickly toward completion. The final development panel meeting has occurred. Several existing elements have been enhanced and tuned based on this feedback as well as the feedback from Josh McCormack, pro Drupal developer, and colleagues with ‘fresh eyes’ toward the site. The development process will slow down with fewer features and refinements as I shift my focus toward writing the research paper associated with this site.   

Yesterday I opened this site / blog and realized it is quite confusing. Hopefully the additional of headings in recent posts has made the information more understandable. These posts really are for myself during this design research process. However, instead of writing this journal in Word it is published here to hear feedback and learn together. A secondary benefit to this development journal is that there are too many screenshots and revisions to include in my research paper, so I will be able to provide a link to this development journal and the Flickr page of screenshots.

The tuning, revisions, and additions to the site are:

  • “Subject” Element Removed from Comments
  • Menu and Footer Revisions
  • Search Improvements- Cron Module, Help Text, Tabs
  • Projects: Prompt to Sign Up, Not Required, Time Zones
  • About, Welcome, & User Profile Pages

“Subject” Element Removed from Comments

An ongoing complaint of the development panel was confirmed by Josh McCormack. The ‘subject’ line didn’t fit and was confusing. Do we really title our comments on blogs, Facebook walls, etc.? Digging into the comment php code allowed me to locate the element and remove it.

Removing Subject Line from Comments - July 14

Menu and Footer Revisions

The top menu and the footer have been revised. The top menu’s font size have been increased. The bottom footer region now includes site credits, About, and Help page links.

Revised ‘Top Level’ Menu
Revised Top Menu - July 14
First Revision Footer
Footer - July 14
Second Revision Footer
Footer Revision - July 15

Search Improvements- Cron Module, Help Text, Tabs

To enable the search function, the site must create an index of all the content that it holds. This indexing occurs when the ‘cron’ function in the site runs. To automatically schedule this indexing the Poormanscron module was installed. This module runs the cron function and the site indexes itself at regular intervals.

Now the search is working and the site is indexing it’s own content, the Search function was assisted through the addition of specific help text within the code of the Search module (included in Drupal’s core installation). Text was added to include changing search terms for cross cultural misunderstanding. The examples were also revised to be education centric instead of the default smurf text that was included.

Help text added to search - July 15

Another ongoing feedback concern was the ‘Search’ page contained two tabs, content and users. However the search results that were given showed both projects and users (teachers). These tabs gave options there were unnecessary. The code was searched and a code ‘snippet’ on the drupal.org forums was added to remove the tabs.  

Removing 'content' & 'users' tabs from search  - July 15 

Removing 'content' & 'users' tabs from search  - July 15

Projects: Prompt to Sign Up, Not Required, Time Zones

Triggers and actions were combined to prompt authors to sign up for their own projects upon creating or editing it.

Prompt to sign up when adding project - July 14

The feedback from the development panel consistently stated that the ‘Additional information’ field within the project creation page should not be required. This required field is now optional.   

Time zone handling has been adapted. The users will be from a variety of time zones around the world and the projects will need an accurate time zone label to be effective. Within the event module, the ‘Event time zone input” has been set to allow users to set the ‘event’ or project time zone.

Timezone handling handling for events - July 15
Timezone handling for events - July 15

About, Welcome, & User Profile Pages

Text has been revised in content and formating on several pages. The About page now sports a mailto: link for my email address and a revised first paragraph. The Welcome page now sports the option to ‘Browse Projects’ and formating has changed. Finally the help text on the ‘Editing Your User Profile Page’ has been changed to a higher contrasting colour, reformatted, and enlarged (slightly).

Revised About Page Text - July 15
Revised Welcome Screen - July 14
Revised help text blocks - July 15

Photo credit: headache by Aaron Edwards

Avatars & About

Visual elements and knowledge about the site have been enhanced. The following items have been improved:

  • Adding the selectable user selectable avatars
  • Page Revisiong: Front Page & About Page

Adding the selectable user selectable avatars

The Avatar Selection module was added. This allows for greater flexibility for users selecting or uploading their own photo or avatar. This module is dependent on the module jQuery Update. Now users have the option of selecting an avatar immediately upon registering. The avatar images are creative commons images and referenced fully in the ‘about’ page.

Avatar Module - July 8
Avatars Available on Signup - July 8

Page Revisiong: Front Page & About Page

The text on the welcome page of the website has been a challenge to effectively communicate to users. The work of Neilson & Loranger (2006) has been a guidance with advice such as “summarize key points and pare down” (p. 269). So the three headings now are more reflective of a summary of the site:
1) Introduce Yourself
2) Find a Collaboration Partner
3) Add a Project to the Calendar
The text the follows provides a brief explanation of this feature with embedded links.

Revised Front Page - July 9

The About Page of the website has paragraphs of text, but it is demarcated by large left justified headings and white space as recommended by Neilson & Loranger (2006). An email address and phone number will be added to gain credibility.
About page section 1 - July 9
About page section 2 - July 9
About page section 3 - July 9
About page section 4 - July 9

I Need Your Help

My design research is focusing on cross classroom collaboration projects. So my question is this:
What are the essential elements of a cross classroom collaboration project?
Below you will see the fields that I have deemed to be important (the date range was cut off).
What do you think? I welcome your comments.
Project Field Additions - July 08

Tuning & Tweaking

The website is being tweaked and tuned. There are no plans for new features. Instead time is being spent investigating how to streamline the existing site and the user’s path to several different sections. There are several important improvements:

  • Signup Module Adjusted
  • One Step Login
  • Me Alias
  • Additional Help Text

Signup Module Adjusted

In the default settings, the Signup module asked for a user’s phone number. This didn’t seem appropriate on this site and this would be too much personal information. To remove that field the second section of the code below was removed from the module. The resulting displays the user’s name signing up and omits the phone number field.

Adjusting fields displayed in Sign Up form via code - July 7
Revised Signup : no more phone number  - July 7

The tab within an event allowed for the user to Sign up, view sign ups, and email everyone signed up for this project. Unfortunately ‘Signup broadcast’, which allowed the creator of the project to email everyone was misunderstood by many users in the development panel. For this adjustment, the code within the theme of the module was adjusted to say ‘Email All Signups’. This revision will be shared with the development panel for feedback.
Adjusting Sign Up Broadcast Text via code- July 7

One Step Login

A common complaint of the development panel was that new users have to wait for a password to be mailed to them instead of getting access to the site immediately. Also users were given an obscure password instead of being able to select their own. The Login Toboggan module was installed and enables this functionality. Users are still sent a confirmation email to authenticate themselves.

This module also allowed users to be automatically directed to their profile after registering.

Register and pick your own password - July 7

Me Alias

TheMe Alias module allowed links to be embedded in the pages that are user specific and rely on their unique identifier but will work for everyone. The generic “me” is added to the section of the url with the number and now allows direct links to edit profile information.

Additional Help Text

Additional help text has been added to the site. Help text has been added to the edit profile form.

Help Text For Users Filling Out Their Profile - July 8

The Update!

The website that is the object of my design research affection is being developed. Soon (hopefully by the end of July) it will be public and able to be used by teachers. Currently only a selected ‘Development Panel’ have access are using the site to inform its development. This blog has lots of screen shots and updates on the development. I’ll let you know as soon as it is ready!


Photo: “Coming soon” by yourbartender.

Functions, Filters, and Front Page

The development of the website continues. Issues addressed include adding visuals to user sorts, tools to narrow the number of results when sorted, and navigation links. These items are:

  • Sorts – User pictures and user points added
  • Sorts – Text at the top to explain the table
  • Comforts Sort – Filtered by user points
  • Logistics Sort – Filtered by connectivity, constructivism, and collaboration comforts
  • Top Menu – “Find Projects” added
  • Front Page – Now displays content
  • Left Menu – About and help pages added

Sorts – User pictures and user points added

Comforts sort with pictures and ordered according to points - July 5 /08
User pictures were added as the second column within each user sort. A field was added to the view that when to the database and displayed “User: Author Picture”. This should help improve the visual sorting through the site.

User points, which are given to users based on being active on the site, are now a column in the results table. This column is sortable (ascending or descending).
Adding user photos and points to the comforts sort using views - July 5 /08

Sorts – Text at the top to explain the table

The following text was added to the finding a collaboration partner sorts:

Sort the table by clicking on a heading.

Click on a user name to view their profile,
add them as a buddy,
and send them a message.

Schedule a cross classroom collaboration project with your colleague

Below each table are links that allow you to navigate to different sorts. This is a response to Nielson & Loranger (2006) research that web users are more likely to use navigational links embedded in the main content area then the side or top navigation menus.

Text above logistics sort with no filter - July 5 /08
Text above comfort sort no filters - July 5 /08

Comforts Sort – Filtered by user points

Finding a collaboration partner may become more difficult as the number of users increase on the website. To narrow the number of people available, users can type in a user points number in the comfort sort. This displays users who’s points are equal to are greater than that value.

Text above comforts sort with points filter - July 5 /08

Logistics Sort – Filtered by connectivity, constructivism, and collaboration comforts

Within the logistics sort pages, there are three separate pages to narrow the results to a manageable amount. There is a page with a filter for connectivity comfort (from a drop down menu) that is based on the user profile criteria. There is also a separate page for each of the following: connectivism comfort, and collaborative comfort filters.

Text above logistics sort with connectivity filter - July 5 /08
Text above logistics sort with constructivism filter - July 5 /08
Text above logistics sort with collaborative filter - July 5 /08

Top Menu – “Find Projects” added

The upper navigation menu has been adapted. “My” has been removed from the “Buddies” and “Inbox” items, these changes were made due to limited space in the top menu. “Find Project” has been added. So across the top of the page there you can access the essential elements of the site: editing your profile, making buddies, sending messages, finding users, finding projects, and searching based on keywords through content, profiles, and usernames.

Upper Navigation Menu - July 5 /08

Front Page – Now displays content

New users and visitors to the site have gotten the ‘Access Denied’ screen currently. This is due to keeping content locked to only authorized (logged in) members. Each individual content element is now restricted to authorized users except for selected page views. Within the user permissions sections, content has been authorized for anonymous viewers (which allows the selected page views to be seen).

Giving unregistered users access to front page content but on user info - July 5 /08
Front page - July 5 /08


Left Menu – About and help pages added

The ‘About’ and ‘Help’ pages have been added to the left hand navigation. They are blank now and will be added with information about the site, video tutorials, and usage guides. These two pages will follow the suggestions from Nielson & Loranger (2006) about creating credibility and effective users.

Side Navigation - July 5/08

Administrative Revisions, Design, and Improvements

The Development panel provided several suggestions about features that should be added to the site.
These included:

  • remembering users when returning to site,
  • emailing inactive users,
  • search improvements,
  • addition of buddies photos to the buddy list,
  • project sign up streamlined.

Remembering Returning Users

Users are now given the ‘remember me’ check box as option when they sign in. This allows users to return to the site and not be forced to enter their username and password each time. This feature was requested by the Development Panel during the second meeting. It is was accomplished by installing the Remember Me module. There were no problems with this installation.
Remember me module - July 5 /08

Emailing Inactive Users

Users that have not logged into the site within three months will be emailed a reminder automatically by the site. This feature was suggested by the Development Panel during their second meeting. It was accomplished by installing the Inactive User module. The inactive user will receive the following message:

  • Hello %username,
    We haven’t seen you at %sitename since %lastaccess, and we miss you! It is important to review your profile and update your information. Please come back and visit us soon at %siteurl.
    Sincerely,
    %sitename team

Inactive User Module so inactive users (3 months of no activity) get a reminder email - July 5 /08

Search Improvements

Search was improved by running the ‘Cron’ function (a php useful task). This will be run automatically each day and will index the content of the site. Now content is searchable as are users. The ‘content’ and ‘users’ tabs remain separate.

Addition of User Photos to the Buddy List

This is not possible at this time (a low priority and not easily implemented).

Project Sign Up Streamlined

The sign up function for a project has been given it’s own tab within the project page. This is a response to feedback from the Development Panel that the project page was too busy and cluttered with information. This was achieved by going into the Sign Up Module settings (see screenshot) and selecting the separate sign up tab option.

Adjusting the sign up module - July 5 /08
Project (Event) with sign up as a tab - July 5 /08
Project (Event) view with sign up as a tab - July 5 /08