Friday 16 December 2011

Interface design: what's it all about?

I have produced a fair number of websites and interfaces in my career as a researcher, lecturer, developer and now Learning Technologist. It's an exciting process and I'm sure many interface designers will agree with the excitement of deploying a huge range of content, ideas and approaches to their final output. So I thought I would share some of my thought process on what to expect.

It goes without saying that content for teaching materials is vital! However, when it comes to design of the interface itself, all suggestions have to be taken into consideration, sensibly. For me a good designer takes the ideas from the client on-board and then sympathetically feeds back the disadvantages or benefits of those ideas, describing how they will best fit. The designer then goes away, researches, experiments with the concepts and content, thinking about how this affects the interface, make the necessary sympathetic tweaks to produce a final draft for their clients to view. There are of course times when content and interface are happening simultaneously, the positive is that the designer can help keep some consistency with the process as it unfolds.

It's all about the content...where is it?
On the topic of content (teaching materials), I often hear myself saying this to a lot to clients, "its all about the content" as we cannot built an effective interface without having or know what the content will be. There is also often a misconception that providing teaching content is easy. Scribble some ideas on a piece of paper and knock it all together on a computer, then throw in all the content "...it's the digital age, practically automatic these day..."...not really, its just a different approach to packaging content. We have to have a holistic grasp of appropriate electronic media and software, as well as the pedagogic. We may have to deploy different programming languages, building from scratch; or if we are lucky off the shelf packages that 'may' have some flexibility to allow for good design acumen. Granted there are some technological short cuts, but in reality it's a lot of hard work and head scratching to do it properly. From a learning technologist perspective, we have to think on many levels, its actually a project managing affair in its own right. After all, the interface is the pivotal source of information, if this does not work properly, how will anyone use the materials efficiently?

Mardi Gras
I find the juggling act really starts in the later stages, when sharing the final drafts of the design with the clients. There is often excitement and with this comes the clients need to bolt on some last minute additions to feel part of the final design. It's an unusual situation, of flattery combined with some stomach churning anguish regarding how it could affect the final design. What we have to be careful with at this point is that we are not damaging the original design concepts (which you have likely spent months researching), there is good reason for this. It's vital to maintain consistency in our design, ensuring that the final product does not end up like a 'Mardi Gras of content': very colourful, all singing and dancing but the end user is lost in the colours and noise. This is by no means to say that those ideas are daft or inappropriate, it is purely a case of establishing if they will all make comfortable bed fellows. The designer has to ensure that all the ideas and content flow together as coherently as possible, sometimes at the expense of loosing some of the clients inputs, but with the hope there are no red faces along the way. This is particularly important if the interface forms part of a wider 'identity' (be it corporate or educational). Does the client already have other websites, or existing teaching materials elsewhere, do they share some commonality, does the existing content need to be re-purposed? These all affect final designs. Sometime you have to use a pre-designed learning environment with very poor customisation tools or loads of 'lock-downs', in those cases you have to make do, it's up to us to intelligently add content and design ideas to somewhat match the complete vision.

What about the learning experiences?
Each part of a learning experience has to fit the intended audience, such as accessibility (can it be used with screen readers, will it be accessible in specific operating systems or software environments) and the usability, what about cross platform comparability, will the users actually be able to work with this interface in the way it was intended. Will the interface become a barrier to learning? Will any students be disadvantaged if certain functionality is unavailable to them? How will the different forms of formative study provide the grounding for their summative projects? The list goes on, it's not always easy to second guess the anticipated student use of such a system.

As we are essentially educational developers with technology 'plug-ins', we have to pull from both pedagogic and technological approaches to create the best learning environment. A lot of the initial designs can be used by studying other systems, researching pedagogic research papers on learning environments and of course the all important, student trials. This is probably the most important icing on the cake for learning technologists, try your interface with a small sample audience. See how it fairs... fingers crossed.

One thing is for sure, interface design is one of the many skill sets a Learning Technologist (LT) possess, it often amazes me just how multi-skilled we have to be. I hope this short piece gives you a taster of my own experiences, provides some insight to those wishing to design or to understand the role of an LT. Ultimately, user interface design is centralised project management, a lot of hard work, but often very rewarding! Happy designing :)

Tuesday 13 December 2011

Packaging the Hydrographic Academy software user interface

Today we finished packaging the content for the user interface for the Hydrographic Academy trial students, ready for posting out first thing in the morning! We've been working right up until Christmas to ensure they are ready and available for the new year.

From a technological point of view we had a lot of fun testing how many copy processes we could push through our systems. Pleased to see that the data buses were pretty resilient and we could sit back and watch the data flow while getting on with other work! Also see Dr Richard Thain's post on the Hydrographic Academy blog with further information.

Monday 12 December 2011

Tweaking and completing the Hydrographic Academy user interface

I finished tweaking the Hydrographic Academy (HA) user interface today YAY! (I confess to a few hours over the weekend too...).

Essentially the HA team had a meeting last week to discuss the content and layout of the final, thanks to all for their inputs and suggestions. I'm pleased to say that the final interface has been given the gold seal of approval by the team, so we are all feeling chuffed at completing in time for Christmas. I have to give a big thank you to the HA team, they are a terrific bunch of people to work with, and they have all contributed to making this interface work!

Wednesday 30 November 2011

South West HE STEM project presentation by the Hydrographic Academy

I attended a Hydrographic Academy (HA) presentation today with the HA (Plymouth team) of learning technologists and content developers. It's a show and tell of Plymouth University HE STEM awards. Dr Richard Thain showed other Plymouth University academic staff, managers and also
Ruth Waring Development Officer for Higher Skills (SW Region) what we had been up too so far. It's a very busy time, I have to confess that the team has been working at full speed for quite some time and we are in the process of finalising the 'offline' bespoke user interface, it's been a bug testing experience but the learning technologist team has been working fantastically to ensure the end user is happy with the final product. The presentation also included some fun animations created by Luke Denner showing the needs of those persons in the Hydrographic industries to learn on the job. There were glimpses of the various elements of the interface the students will see, we were all very pleased with the positive feedback. Thank you to Prof Jim Griffiths (Head of School of Geography, Earth & Environmental Sciences/Associate Dean, School of Geography, Earth and Environmental Sciences (Faculty of Science and Technology)) for introducing the sessions and Donella Bone for organising the meeting so well!

Friday 25 November 2011

Welcome videos from the Hydrographic Academy


Myself and the team put together a couple of videos for the Hydrographic Academy 'Learning Zone' Offline interface. These were a couple of welcome messages for the students. Why? This course will be predominately offline digital learning content, students are not likely to meet their tutors! It's rather important to enhance the overall learning experience that students actually know what their trainers look like.

The entire footage was filmed on a Canon 550D with a 50mm prime lens. I used a Zoom H1 fed into the microphone socket of the 550D, using a -25db attenuation cable (its a line to mic socket) I chose the 50mm for its excellent light transmission, as the lighting was standard florescent and ISO values was pushing into the graining 800-1600 area which is less desirable on this DSLR. We did not have access to additional lighting. Jon Scott (Learning Technologist) chose the location which was a video conference suite here at Plymouth University, hence the background image of Plymouth Sound. Sadly the room suffers from a noisy air-conditioning unit that can't be turned off. However, I was able to remove the background noise in post using a combination of Adobe Premiere Pro CS5.5 and Adobe Audition CS5. When I get the chance I intend to blog about how this was achieved. Hope you enjoy the videos.




This tutorial from YouTube is particularly good at showing how to use Audition to clean up noise in Premiere Pro CS5.5:


Wednesday 23 November 2011

JISC Digital Media: Making better videos: Planning Your Video Production


Planning Your Video Production - Location planning from JISC Digital Media on Vimeo.

I attended a short but informative session today hosted by JISC Digital Media. It was all about making better videos. I make videos myself and advise academic staff on how best to create their own 'vodcasts'. However, its one of those areas that everyone needs to keep up to date, with its changing trends and approaches to what constitutes good practice. Granted the main principles stay the same...

I was pleased to see a very structured framework from preparing scripts (storyboards) right through to hiring extra crew. I've yet to do the hiring in extra crew bit, but that certainly is something to consider for bigger productions. We are fortunate here at Plymouth University to have our own media services and some willing fellow Learning Technologists thrown in... However, I would recommend attending a few of these sessions just to get into the mindset of producing films. The above video gives some handy insights and tips, its worth a look!

The highlight was listening to Steve Bowles from Eye Witness Productions. Steve has a fair amount of television productions so his angle on the production process was invaluable. I have to add a comment that was made during the question time, something that I often advocate, to quote Steve Bowles: 'a video should be as short as it can be - test on people you know before the main audience'

Thank you to Zak Mensah and others at JISC Digital Media for putting this together, I will look forward to similar productions!

Monday 31 October 2011

Finalised user interface for Mohive for Hydrographic Academy

I have been working on finalising the Mohive interface for the Hydrographic Academy. Taking over from my colleague Becki Vickerstaff to incorporate the HA logo and tweak some colours. Based on a template designed by Alan Payne from Fugro (UK), we wanted to recreate the theme and colours of the Academy's existing resources, such as the blog that I have developed. Deciding on HA blue for the top and bottom finishers, the top being slightly thicker to compensate for the strong impact of the logo. I think this makes the interface aesthetically pleasing, providing user with a comfortable balance. It is quite important that interfaces are kept relatively neutral so as not to detract from the learning content. The menu system also incorporates the HA blue in the partial and completed icons, as shown.

This Mohive interface will house the main teaching and learning elements, the remaining will be housed in a bespoke web browser based interface 'Learning Zone' that Im currently developing. Details of the Learning Zone will be discussed in later posts.

Tuesday 25 October 2011

Amazing under ocean features with the Hydrographic Academy

I was pleased to be able to attend a very absorbing presentation by the Hydrographic Academy's own retired Lieutenant Commander Tony Jenks. Tony has an amazing background and decades of experience in Hydrographic Surveying. I was really taken aback by the features at the bottom of our oceans. We are literally talking 'Mount Everest' scale features, over 1 mile down from peak to sea surface (never seen until now). Even Grand Canyon style rivers actually flowing! The article I wrote on the HA blog gives a little more insight, I can certainly recommend attending a presentation by Tony, if you see one advertised.

Monday 24 October 2011

Free converter suite for video and stills

Looking for a decent video, sound or still image file converter?

I have been experimenting with a completely free piece of software for the last few months, that actually does a reasonable job of converting (also batch conversions) most video file formats to popular mobile and PC versions. Its called FreeStudio, but why is it free? According to the website they make their money out of advertising from an installation of a navigation bar that appears in your web browsers... However I will point out that it is possible to deselect the install of this web bar in the early stages, and would recommend doing so. When you see the option to install this web bar, ensure you have unchecked from the bottom up, none of them should be selected. If you do forget, it is possible to un-check it from showing in the 'settings' area of your browser.

Ok, that bit out of the way... The software is pretty comprehensive and there is even a screen capture software (currently without sound) that does a very good job. Most of the video converting areas are geared up to converting from DVD to video file formats, (you can only do this with DVD's you have permission to copy, of course)

The 'Mobiles' area allows conversion from just about any file format to a format specific to that device. Batches of files can also be converted to a reasonable MP4 video format using for example, the 'video to Android' and selecting a resolution that suited my needs. The options for quality of rendering: economy, standard or high are available. Standard is pretty good for most needs, if you are using a small screen economy is probably good enough for most. So far I can say outputs work great on my HTC android phone using standard quality setting.

There is nothing strictly for any video to PC use, although I actually found the MP4s from the mobile conversions worked well on PCs. I think the trick is to use the mobile converters and select an output resolution that is closest to your needs on the PC.

It's certainly worth looking through all the various options available, as the programmers have made a big effort to keep the interfaces simple and easy to use.

Yes you can capture some video streams from the web...What I will remind users is that capturing media from the web without the correct permissions from the original authors is most likely in breach of copyright (on many levels - hosting company, creators and owners). Ensure that there is some creative commons licence (or similar) associated with its use. The commonly used version is attribution-non commercial (which is fine for educational use). Avoid Share-alike, unless you wish to distribute your work with the same licence (it's a requirement for using this creative commons agreement I'm afraid). For all other materials, assume that you cannot use it to be on the safe side. The other option is to contact the owner and ask...

Oh and there is even some interesting 3D converters they are developing, but needs the traditional glasses for it to work... ;)

A big thank you to Freestudio for an excellent set of resources. I hope to see many more developments in the future!

Tuesday 18 October 2011

Graphic for Marine Institute Newsletter




















Thought I would share a collage I created in Adobe Photoshop CS5 to be used in a Marine Institute newsletter for the Hydrographic Academy. The article was written by Tony Jenks our resident retired Royal Navy Lieutenant Commander to share the accomplishments of the Hydrographic Academy team.

I used a series of photos at the bottom which I took during some student surveying on Plymouth Hoe with Dr Victor Abbott. For those interested, the green sea like wake is actually from Plymouth Sound, this is exactly as it came from the camera - I have not enhanced the colour...

Friday 14 October 2011

CampusM for Plymouth University arrives on Android



CampusM has now been released at Plymouth University. It's a mobile application for both Android and iPhone. This was very much a collaborative development project with input from numerous staff across the University. Searching 'Plymouth Uni' within the Android Market is all that is needed! The application is ~1.7Mb installed, so not likely to cause too much of a dent in on board memory.

More details on this application can be found on the Technology Enhanced Learning blog post (by Dr Neil Witt).

Wednesday 12 October 2011

How to get a Twitter widget (feed) into Sharepoint 2010

I had a recent request from an academic wishing to get a Twitter feed into SharePoint 2010. Easy? Well not as easy as you would think. Discovering that the script functionality is turned of in Telerik RadEditor for MOSS SharePoint web part. Why? Telerik actually strips Javascript but there is a work around. Sadly, this did not work for me, I suspect even with AllowScripts="true" function, it would still need additional adjustments at administrator level, but I did not have the necessary access.

However I did try this and it worked! - Use the 'Content Editor' web part:
  1. Right click and copy the URL of this uploaded text file (probably best to ensure this file is ‘read only’ for students! Or hidden).
  2. Select ‘edit page’ for SharePoint (top left - activated for editing in this example)
  3. Select any ‘Add a Web part’ area (probably right is best? its personal preference)
  4. Find and add the web part ‘Content Editor’.
  5. Select 'edit web part' then paste the URL link for the txt file from the documents area to the ‘Content Link’ area of the web part (shown top right).
  6. Apply and ok.
  7. It now appears in SharePoint as an active Twitter widget/feed.
Know issues are: running script in IE (in general), the user will be asked if it’s safe to run active content – this does not usually happen in other browsers. Annoying but I think most users are used to this now.

Worth a look: There are several flavours to the Twitter widget feeds, including the ability to use a keyword search, opening up other opportunities.

Thank you to Mark Pannell and Elena Menendez-Alonso for some excellent suggestions to help make this happen.

Friday 7 October 2011

Hydrographic Surveying on Plymouth Sound - 7th October 2011

IMG_3363IMG_3281IMG_3282IMG_3283IMG_3284IMG_3285 IMG_3286IMG_3287IMG_3290IMG_3291IMG_3292IMG_3293 IMG_3294IMG_3295IMG_3296IMG_3297IMG_3298IMG_3299 IMG_3300IMG_3301IMG_3302IMG_3303IMG_3304IMG_3305
I took a few more pictures on another Hydrographic Surveying trip. This time on Plymouth University's own survey vessel the Falcon Spirit, courtesy of Dr Victor Abbott and students (thank you again all). The Learning Technologist team also came along to observe the learning experience. It was a short 2 hour round trip of Plymouth Sound, where students were taught how to use a Van Veen grab, a Shipek and a corer. I think the pictures speak for themselves...

Where did we go?

View Hydrographic Surveying - 7th Oct 2011 Plymouth Sound in a larger map

Tuesday 4 October 2011

Students learn Hydrographic Surveying - 4th October 2011

IMG_3060IMG_3063IMG_3069IMG_3072IMG_3103IMG_3230 IMG_3158IMG_3168IMG_3145IMG_3013IMG_3014IMG_3015 IMG_3016IMG_3017IMG_3018IMG_3021IMG_3022IMG_3023 IMG_3024IMG_3025IMG_3026IMG_3027IMG_3028IMG_3029

I went down to Plymouth Hoe today with Dr Victor Abbott to take some photographs of his students (Plymouth University) learning land survey techniques. These photos will be used in both the Hydrographic Academy and Dr Abbott's teaching. It was quite clear that all involved were enjoying the experience. Thank you to Dr Abbott and students for allowing me to capture the day.

Where did we go?

This is a rough route, the Garmin GPS was inside a backpack throughout the day!


View Students on Plymouth Hoe in a larger map