Interface Design

So I've learned a valuable lesson today. DO NOT PREVIEW PHOTOSHOP FILES WHILE THE FILE IS OPEN...1 file majorly corrupted, luckily I have saved the file as something else a few steps before this error. On the plus side here is the finished design I had for my Samsung Galaxy SIII lock screen .

Mobile interface experimenting

After doing some research into the topic of mobile interfaces I found circular menus and circular icons to be very trendy and quite sleek. They really caught me as a modern style of design. To me circular designs are much more provoking than the generic sharp edged boxed design. 

I experimented with this idea and heres are the designs which I came up with. 

This is my home screen. The main tools and apps are located around the circular menu in the centre. These are adaptable and can be taken away and added to the menu as the user pleases. The time and date are located in the centre. To open each of these items the user simply has to swipe away from the circle. The regular application menu is located in the bottom right hand corner. The flash light, which is my own personal preference for a tool is located in the top right for convenience. While I wont change much to the phone itself I will change the colour to red and white as it reminds me of the Nokia 5300 which was one of my favourite devices.

 The lock screen works in a similar fashion to the home screen the lock screen works in a similar way to the old dial up phones. The passcode is accessed by swiping clockwise and counter clockwise putting in the correct pattern.

Now the settings screen hasn't adapted the circular menus however it does consist of the same amount of swipe interactivity. Instead of a long list of menu items, I have categorised them into the sections that are located on the left hand side of the screen.

The task tool is another one of my most frequently used tools. I felt the need to update this because I did not like the layout of the original design. The concept is simple. There is a list of different tasks labelled in order of priority. Tap on an item to read and edit it. Swipe to the left to get the option screen, seen on number three in this example. The options menu include, delete, bump up, mail and print.

I am only required to design four phone designs, however I do have another idea that I would like to share. Have you ever gone onto your phone just for the sake of it, not knowing what to read or browse through. I always do it. I would like to adapt the circular menu seen on my home screen design and a spinner So basically the user can place whichever apps they frequently use and spin the circle around by swiping the edge of the circle. Similar to winning streak the user will land on a random option.

Mobile research

I really like this design but it's togh to where I could implement it in my phone 

This design makes great use of screen space for the task tool, a tool which I am going to be designing for as I use this tool on a daily basis.

Symbol recognition without textual aids

I am very curious to know when the day will come when app design will not rely on textual aid for application symbols. We all recognize that the green light on a traffic light means go. New symbols come into web design everyday, I would like to know how long it will take for a symbol to be recognized by the user without textual aid. . Here are some of the symbols that have become instantly recognizable to me. 

Random design

I am just surfing through Pinterest looking up app designs. Here is a nice and simple design I have found, I really like the colors 

S.E.O

I am adding this link to another blog for Search Engine optimization.
Creative Multimedia Programming

Handy Flash tutorial

This was a great tutorial in Flash that I found on YouTube. While it isn't useful at this moment in time, I know it will be soon. YouTube It describes the ActionScript that enables the user to use keyboard arrows to move an object.

Flash timeline layout

Here is the timeline for my flash project, Not set in stone yet but i think it is the best way to get it working.

Flash project

Some first thoughts on my nursery rhyme project. Here are some screen shots of a video on youtube of the old crooked man.

Image upgrade

Below I posted an image for my portfolio of a number of devices displaying my website. I thnk this image comes across better and with a cleaner more legible portrayal

Iphone app design

Here is a design for an application that I made as class project. The start of many to come.

Nice content layout

The sidebar along the side is very good and leaves a lot of room for imagery

Portfolio front page

I really like this style, really grabbed my attention

My site

Heres one for the portfolio. I'll probably have to alter the text but so far so good

Photo manipulations

Photo manipulations are really the best way to portray creativity. I find it really entertaining to browse through Google and see what people have manipulated and in what way. Each piece is really characterises the artist. As I find these so entertaining I am going to post some of the one, which I find inspiring.

Some good little additions

Two things I'd like to include in my portfolio. Having one word beside another work with two different colours on each.

Also by the same person had a nice heading layouts beside each chapter with a line in the middle. 

He had the slight cream coluur on all of his pages. I make tak the angle where the left page is a certain coluur and the right page is white. Just an idea. The there could be an image that is masked into the left page.

orientation design

An example of the some diagonal design that I have on my CV, I want to incorporate it in my portfolio in some shape or form, this may help. http://issuu.com/al.pritchard/docs/design_issuu

Portfolio research

Here is a good example of a bright portfolio. I like the imagery at the start and how it is shaped out to fit in a name and description. http://issuu.com/patryksobczykdesigner/docs/graphic_design_portfolio

Logo

I made this a while back but I felt like I should "poast" about it. Here is a logo I created for my website. Yes yes I am sticking with the desirable brown, also known as #3d240a. I wanted to just use the initials of my name, however having and O in the middle of my name didn't make it any easier. After experimenting with fonts I went with the Cooper Black font. I wanted to portray a sort of American theme, as I love America. With the help of strokes I managed to get a sort of varsity font look with the color, sorry; COLOUR in the middle and the outside and the white stroke in the centre.

Here is my final product of the Interface Design project I was given over Christmas. The first two designs are the mobile versions of the re-design of the Citizens Information website. The second two designs are the desktop versions of the Citizens Information website. My task was to re-design the homepage as well as the page on the next level, for me this was the travel and recreation page.
Please comment and let me know what you think, the rest of my work is available at www.seanofarrell.org

Project works

So Christmas was a busy period with regard to projects. My last piece was an online which I created last week. I figured it is better to apply for a job as a designer with a designed CV. Please feel free to scan the QR code on the bottom right to visit my website. I am currently updating it for tablet and mobile and hopefully by the time people see this it will be up and running.