Lock Screen Dialog Mockup

I was not really happy with the current GNOME lock screen dialog (top). It seemed to waste a lot of space and the stark black background was a bit…well…stark 😛

So I tried to redesign the dialog itself so it didn’t waste as much space and then added a background and a drop shadow to make it integrate a bit better with the current desktop.

The wallpapers used are ‘Relax’ by ~Big-sb (http://bit.ly/bokjQS) (middle) and the Ubuntu Maverick wallpaper (bottom).

Any comments?

Elementary Dropbox Indicator Icons

Due to the upcoming release of Dropbox 0.8 and its ability to support Application Indicators (and custom icons), many people have been creating icons for it to blend into the Ubuntu-Mono icon set.

However I have yet to find a set that is made in the Elementary style, so I decided to do it myself 🙂 (the initial idea is based on these icons)

Below is a link to the GNOME-Look page where you can download them. Once the ZIP file has downloaded, you need to extract the files into ~/.dropbox-dist/icons

http://gnome-look.org/content/show.php?content=128132

What do you think?

Introducing a screencaster called Kazam

There are many screencasting applications out there at the moment.

gtkRecordMyDesktop, Istanbul (and for the hard core!) xVidCap. The trouble is, they were created WAY before screencasting became so popular, and so try to meet the demands of an audience which has changed dramatically.

They built on old principles which simply don’t apply anymore, and discontent with the options I saw, I decided to design (and hopefully make) my own.

I started with the main window from which you start the recording. I looked at the existing Linux screencasting tools and others (such as the excellent Screenflick for Mac OSx) and noticed a HUGE difference. Looking at Screenkey, the user is only presented with very few options to begin with, so they can just get started, whereas with the Linux ones, the user is drowned with options and configuration – all they want to do is get started!

I started to mockup my own main window (you can see the process below). The first iteration had less options than the Linux ones, however I still felt as if it was too difficult for the user to just START! Then came the idea which my design is now based on.

I decided that the initial recording of my screencasts should not be encoded into OGV, MP4 etc. Computers have so much storage today, that I decided it is better to forget quality etc. in the beginning, and let the user deal with it later. this was one of my biggest problems with the Linux ones. If you set the quality too low etc. you would have to record to whole screencast again – not acceptable in my mind.

So the options I included on my main window were the video and audio sources (optional) and I also did a third iteration where a screenkey-like option is offered to the user.

After this window, an application indicator (or status icon for our GNOME friends!) will appear in the panel, and start counting down from five. A translucent black window will also appear at the sametime, counting down from 5 at the same time. This allows the user to prepare for the screencast, but also having the indicator appear and countdown with the black window, shows that they are connected, with no need to explicitly tell the user through some documentation. While recording, everything is as normal, with the indicator acting as the means to pause and finally finish recording. The mockups of the indicator and the black window are shown below.

Once the user elects to finish the recording, a small window popups, telling them that the recording has finished, and asking them what they want to do. They can either edit the screencast with Kazam (the name of our application) or with any other video editing application (such as PITIVI). Another option is to save the video file in its current uncompressed form. This is if they want to edit it later, or if for some reason their video editor is not in the list. The purpose of this window is to smoothly link the recording of the screencast with the editing and final output.

However I realise that for many screencasts, a powerful video editing software package such as PITIVI can be a bit overkill and not suitable to quickly get a screencast out onto the web. Therefore I have included BASIC editing capabilities in Kazam, but with the clear guideline of not trying to replace applications such as PITIVI. A mockup can be seen below, where the user can now adjust the quality of the video and audio, and even crop the video in an easy-to-use separate dialogue. The final use of this editing part of Kazam, is to quickly export to a number of sources. These include (but are not limited to) YouTube, Vimeo, VideoBin, to file etc.

Just to let you guys know, this will not take place of my work on Wasiliana, just something I was working on when I was getting to grips with Genie. Hopefully one day I shall make such an application…

Links
http://and471.deviantart.com/gallery/#Kazam – deviantArt Gallery with all mockups

Introducing the Wasiliana Mail Client

Hi guys,

I have talked briefly about a new project I wanted to undertake and so here it is!

‘wasiliana’ verb: communicate (swahili)

Wasiliana is a new email client that specifically targets small-form-factor devices such as netbooks. It combines the flexibility and beauty of HTML5, CSS3 and Javascript, with the speed and extensibility of Genie/Vala.

Not only will the design be beautiful, but it shall be practical, especially on small devices.

I am still in exams and so haven’t started coding yet but I have made some mockups and there is a video of a prototype I made.

Launchpad Page
https://launchpad.net/wasiliana

Mockups (5)
http://and471.deviantart.com/gallery/#Wasiliana

Video of Prototype

I was inspired to make this as I have yet to see any mail client that really delivers on a netbook.

Programs such as Anjal have gone in the right direction, but in has the hindrance of being based on bloated Evolution and trying to still use GTK widgets. I also believe current mail clients have it all wrong when it comes to design regarding contacts etc. and so I wanted an opportunity to fix this.

My mockups were obviously inspired by the great danRabbit and they use the elementary icons. I am not ready to begin coding but if anyone is interested/wants to find out more, please don’t hesitate to contact me via the comments below.

Any comments? 🙂

FOSS Banners

Hi guys, A while back danRabbit asked for some FOSS banners. Well I had some time recently and created these (click for full size):