Showing posts with label Interaction Design. Show all posts
Showing posts with label Interaction Design. Show all posts

Sunday, 16 March 2014

Overcoming Software Restrictions

Designing my iBook through live editing that consistently updates on the iPad to allow me to check all new elements and make decisions based on the appearance of the iBook on it. 

I just wanted to give a quick update of where I am in the project.

I'm currently building my iBook in iBooks Author. I have chosen a design that I want to settle on, so am loading those into the software and overcoming problems with sizing and the restrictions that iBooks Author has.

I understand that iBooks Author is designed to be as easy and essentially fool-proof for anyone to use, you just replace their content with yours and tah-da! there's your iBook, but when I'm trying to design something a bit more complex it's near impossible. I've had to simplify my design and reconsider how the book shall read.

A restriction that I've found is with the 'Table of Contents'. If I had it my way, I would remove it. It's annoying and just doesn't feel very user friendly for someone who is new to using iBooks. My initial plan was to have just the one contents page, with links to each of the 4 chapters incorporated into the design, which can then be navigated back to from anywhere within the iBook. This, however, has not worked out.
My initial plan for the design of my one contents page

iBooks author requires that you have a separate contents page for each chapter, which you are presented with at the beginning of the iBook. Like below.
Chapter 1                                                                                       Chapter 2

In order to overcome this, I needed to overhaul the way my iBook navigated and redesign the pages that navigate to each chapter. I went back to my sketchbook and sketched some ideas, and then attempted the following design.
One of the first problems I came across was the way the contents page for each chapter displays a preview of all of the pages in that chapter along the bottom of the page, so it obstructed the design of the page and I did not like the look of it.
So, I then had to re-shift the border of the page so that it appeared above and around that area where the thumbnails would appear. I just preferred the look of it and it provided a clearer backing for the thumbnails to stand against. Also, there's nothing in my design that overlays anything else, so by having a relatively transparent rectangle laying over the top of it it did not match the design style.
This meant reducing the amount of the volcano that was visible, but I'm not too bothered by this as I think the lava that I have drawn that comes out of the top of it makes it clear enough that it's a volcano. 

Back to the re-design design of the Contents pages. I was aiming for an alternate left-right-left-right on the content links as I felt it would break up the continuous repeat of having each page designed exactly the same. So, I designed the following pages.
So, I imported this and then started formatting the titles that would appear on each page and positioning them where I thought correct. Whilst doing this I discovered that if you move one thing on one page, e.g. the Chapter title, it moves it on all of the other contents pages too. This meant I couldn't have alternating positions on each page and would need to settle for a design that was the same on each page. I stuck with having the text on the right hand side and the volcano on the left and decided on alternating the colours on each page instead. 
I've now started to import all of my content into my iBook.

Wednesday, 26 February 2014

AF106: Interaction Design

New brief time! This assignment is focused more on Interaction Design; specifically iBooks.

The task is to create an iBook for Level 3 students (A-Level) that can be used as an educational resource. It's to be constructed on iBooks Author to be used on the iPad.

As the iBook will be used an 'educational resource' all of the information included in it must be factually correct - this means using reliable sources and adhering to copyright restrictions in the same way you would when writing a report.

In order to make the iBook more interesting and engaging and bring the subject to life, it must be Interactive (e.g. the 'i' in 'iBook') and of a 'documentary narrative'. So, it must be presented in a reasonably formal way in some form of narrative. The chapters and articles should run from each other and the iBook should also have the ability to link to pages back and forth throughout.

The subject of the iBook will be a "wonder of nature".

My subject is: Volcanoes

The iBook must be built out of a frame of 'robust navigation', so this is an element I will research and explore further throughout the assignment. It must contain a combination of text and images, as well as video and sound files. All of these must be sourced and then put into an asset register. 

The asset register must detail the sources of each asset with information on copyright restrictions.

In order to conduct my research, I must find and analyse examples of iBooks and Animated elements that are part of an interactive navigation structure. As well as this, I must conduct visual research which will help me develop the design, interaction and navigation of my iBook.

My pitch to the group must contain examples of research, mockups, storyboards and my plans for the navigation of my iBook.

To hand in submission:

  • Pitch
  • A folder containing
    • iBook Authoring File (.iba)
    • Finished exported iBook
    • PDF render of finished iBook
  • Working files (in a folder)
  • Asset Register
  • Production Schedule with intervals
  • Sketchbook

The sketchbook and this blog must contain:

  • Evidence of research
  • Preparatory work
  • Final Designs
  • Evidence of a developed understanding of technical and design issues
  • Evidence of a developed understanding of interactive design principles and practise.
  • Evidence of user testing