Thursday, 31 October 2013

Information Architecture

Flow Diagram

A visual representation of the processes into the app, showing the flow  of the user's task through about.  It is a overall overview how the app would work.



General Guidelines:

Sources: 



Splash Screen/Launch Images:

  • "Several new iPad apps have long introductory segments that might be entertaining the first time, but soon wear out their welcome. " (Nielsen, p 9)
  • Do not use animations, noises and videos when app is Launched (Nielsen, p 86)
  • If you must have one, do it as close as your first functional screen. (Nielsen, p 86) the user would think that the App is fast (Apple p 26)
  • "It’s best when users can begin using your app immediately." (Apple, p 25)
  • "A launch image is a simple placeholder image that iOS displays when your app starts up....You must provide at least one launch image" (Apple p 201)
  • "If you think that following these guidelines will result in a plain, boring launch image, you’re right. Remember, the launch image doesn’t provide you with an opportunity for artistic expression. It’s solely intended to enhance the user’s perception of your app as quick to launch and immediately ready for use." (Apple p 201)

    Screen:

    • Use the whole screen (Nielsen, p 43) (Apple, p 10)

    Touch areas: 

    • Good size, min 44px (Modify, p 8)  / min 1 cm X  1cm(Nielsen, p 7)
    • Need to be look as touchable. (Nielsen, p 7 and 32)
    • Breath space / padding (Nielsen, p 31)
    • Use negative space in order to draw attention (Apple, p 13)
    • Colour can indicate interactivity (Apple, p 14)
    • "An icon or a title that provides a clear call to action invites users to tap it."  (Apple, p 43)

    Typeface: 

    • Readable. Size min 16px, Line height 1.5 (Modify, p 11) (Nielsen, p 7)
    • Check this link http://www.google.com/fonts/ for font based icons. (Modify, p 12)
    • Do not squeeze too much information in one place. (Nielsen, p 8)
    • Use system fonts (Apple, p 15)
    • Use a single font (Apple p 54)

    Panels:



    • "Panels are like large accordions that are attached to the edge of the viewport." This allow the user to focus on the content and a easy way to navigate to others points (Modify, p 21)

    Navigation:

    •  (Modify, p 23)
    • Be aware of accidental touches (Nielsen, p 60) Use Back button including the Home screen (Modify, p 60)


    • Sticky navigation: user prefer it in order to easily move around. (Modify, p 18)
    • Do not overuse swipe elements or navigation elements (Nielsen, p 8)
    • Use cues/hint for swipe elements (Nielsen, p 55)
    • Avoid the use of popover or do it with care, do not cover other essential elements  (Nielsen, p 8 and p 48)
    • Modal view are simple and contain all the information needed, otherwise use a different page (Nielsen, p 51)
    • Horizontal Navigation (Nielsen, p 68)
    • http://webstyleguide.com/wsg3/3-information-architecture/4-presenting-information.html

    Transitions:


    • "makes apps feel powerful, polished and user-friendly is that they include a variety of transitions for when users move between tasks." (Modify, p 21)
    • "Beautiful, subtle animation pervades the iOS UI and makes the app experience more engaging and dynamic. Appropriate animation can: Communicate status and provide feedback Enhance the sense of direct manipulation Help people visualize the results of their actions" (Apple p 48)

    Workflow:

    • "The task flow should start with actions that are essential to the main task. Users should be able to start the task as soon as possible." (Nielsen, p 95)
    • "The controls that are related to a task should be grouped together and reflect the sequence of actions in the task." (Nielsen, p 95)
    • "user’s path through the content is logical, predictable, and easy to follow." (Apple p 34) remember hierarchy

    Instructions:

    • Show the user how the interaction patterns work. (Modify, p 19)
    • "some users do not care about instructions and will simply ignore them". Make them clear and focus on one gesture at time, the one that the user needs to get started (Nielsen, p 86)


    Wireframes - Thinking process

    I believe that a we'll though planning process would help to minimise over work during development of the design step.  I include this time some visuals for Map, live video and AR elements for a better representation, as they work as Layer.

    I worked over a Grid in order to assure breath space and aligment:
    32 columns 44px each, 20px space between, 10px around margin


    Launch image:

    This image would look as the map for the Ripper's tour.


    About:

    The first time the user access this App this page would show to explain what is about Augmented reality then would minimise until get to the top icon.

    I changed this first design for one more consistent with the App.

    This solution would use a Modal view with transparent background and a constant layout as the rest of the App. All the content should fit on one screen, if it's not possible I would use a scroll bar and arrow to direct the user.

    Help:

    It would display as a transparent Layer on top. t would explain the user the task that he would need to carry on at that moment.



    Setting:

    I though to have a page for the user to customise some features, but according to Apple's guidelines it is better to use the setting already store into the iPad. I could agree so the user doesn't have to hazel with aspect already dealt.

    "If you can use any of the information people supply in built-in app or device settings, query the system for these values; don’t ask people to enter them again." (Apple, p 26) https://developer.apple.com/library/ios/documentation/MacOSX/Conceptual/BPInternational/BPInternational.html






    Alert:

    I need the user to authorised the App to use their location,and I would do it into the same App.
    Example


    Main Navigation:

    I tried different layouts in order to not make the user think.  I feel that it could be simple for the user interact with the Map, instead of the side panel.






    As wireframe cannot contain pictures I replace the picture of the map, I feel this way is clearer:



    By this solution the user just need to tap over the POI on the map, and do not need to search on the side panel. I wanted to simplify the task.


    To consider:




    • Enable user to zoom map
    • 2 => as Back Buttom like  circular navigation the user can go back from previous point even from the Home page
    • Think a user-friendly text
    • 3d Map with 3d Pin (Apple's Map)

    More Info:

    I wanted the user to choose between different transportation for their route.




    Following the idea of interactive map.

    Directions:

    I prefer the solution provide by apple in the way of display the route, a swipe bar. Also I consider that it is important for the user to know how far they are, so I added a progression bar at the bottom.


    I wanted the user to be able to control the navigation, so I added some controls for the to start/pause, audio and stop.


    I replace the picture of the map, and order the controls as the user would use them.
    To consider:

    • The user can mute the audio pressing the button on their iPad.
    • Change Stop for "Done"

    Destination:

    The user would have an sign when arrive to destination, and a button to swap their experience to augmented reality.   I would need to test this carefully.



    I replace the picture of the map.


    Augmented reality:

    Once the user is in the Augmented reality view, I would provide clues to invite them to tap and the story would start.  The circle would work as a radar.


    I replaced pictures.



    Story:

    I wanted to add some controls for the user, text and a progression bar.


    I tried to simplify the controls...

    but even more I try to simplify the general Layout so it would be more consistent with the Directions layout.


    I would need to test which (above or bellow) layout work better.

    I think that changing the icon stop for "Done" invite more to action and it's more relate with the task.

    I replace pictures.

    Photo:

    I designed a separate page for photo, but in order to simplify I include into the normal AR page, so this was eliminated.

    ==============================================


    Wireframes at 03/11/2013

    I review some of the features, and simplify the options. I would need to text this with the users.










    Thursday, 24 October 2013

    Planning 24th October - Ripper AR

    Planning

    Story

    I wanted to find a interesting way to design an interesting storybook. I've been always interested on Augmented Reality (http://www.t-immersion.com/augmented-reality/use-cases/location-based-services), the way to over pose a layer onto a live video in order to enhance the experience of the user.  One story that grab my attention was Jack The Ripper's murders, and the fact that I could use the iPad's affordances in order to bring the user the experience of a window to a past to see how the events on those night develop.

    This is the story in which I would base my story, and I can see potential how in future could be added more detail around this Augmented Reality Tour where the user could be immerse and fell like they are looking at 1888 in the real place of the events.


    • Directions: Get to Whitechapel Underground Station 
    • Introduction (Augmented Reality): Start your tour at Whitechapel Underground Station (London Borough of Tower Hamlets, London E1).
    • Directions: 
      • Turn right onto Fulbourne St.
      • Turn right and you will be on Durward Street, which runs parallel along the back of Whitechapel Station. This street back in 1888 was named Bucks Row.
      • On the right you will notice a large Victorian building which was once a boarding school, now converted into apartments. Go past the school house and stop at the end of the wall in a little parking area before the modern housing.
    • POI 2 - 31st August 1888. THE DEATH OF MARY ANN NICHOLS: (Augmented Reality): 
      • It was here at 3.40am  on the 31st August 1888, the body of Mary Ann Nichols was found.
      • In the predawn darkness of 31st August, a cart driver named Charles Cross was making his way to work along Buck’s Row when he noticed something lying in a gateway across the road and stopped to investigate. At first glance, he thought that it might be a piece of tarpaulin which he might be able to use or sell. He crossed over the road and discovered that the “tarpaulin” was in fact the body of a woman lying on her back.
      • The woman was clearly dead, with her eyes wide open and staring into the darkness. Blood oozed from two deep wounds in her throat, which had been slashed open all the way back to her spine.
      • The body was taken to Old Montague Street mortuary, just off Brick Lane. The building was tiny, little more than a shed, and once there, an examination was conducted by the duty inspector, John Spratling. When he lifted her dress, he discovered something that Dr Llewellyn’s initial examination had missed. The victim had been disemboweled.
      • Identification of the deceased came when her petticoat was found to carry the markings of Lambeth Workhouse. When inquiries were made, the victim was quickly identified as Mary Ann Nichols, nicknamed Polly, a 43-year-old prostitute. She had been married by the age of 18 to a man named William Nichols, a printer by trade. They had five children, but their marriage fell apart due to Polly’s drinking. She had spent several years in Lambeth Workhouse and a few months as a servant before ending up in a doss house in Flower and Dean Street.
    • Directions: 
      • Turn around and backtrack past the old School house and go to the end of Durward Street.
      • Cut down along Hanbury Street until you reach the famous Brick Lane (a good 5 min walk). Cross over Brick Lane into the next section of Hanbury Street.
    • POI 3 - 8th September 1888. THE DEATH OF ANNIE CHAPMAN (Augmented Reality)
      • In 1888 a row of houses would have stood here and half way along the street would have stood number 29 Hanbury Street.
      • It was in the back yard of Number 29 that the body of Annie Chapman was discovered.
      • Annie Chapman was like many other women who walked the streets of Whitechapel after dark. At 47 years of age, she was in failing health. Years of alcohol abuse and hard living took a toll on her stout 5 foot frame, and she paid for her habit by becoming a prostitute.
      • By the time of her fateful meeting with her murderer, Annie Chapman, known as Dark Annie to her friends, had fallen down to the deepest, darkest depths of Victorian society.
      • Her throat had been cut twice from left to right with such force and depth that she was nearly decapitated. The muscles of her neck had been separated, suggesting to some that the killer may in fact have intended to remove her head.
    • Directions: 
      • Continue down to the End of Hanbury Street and turn left onto Commercial Road. This will be a longer walk around 20 minutes but along the way you will see the famous Ten Bells Pub on your left.
    • POI 4 - East End Pub / Christ Church (Augmented Reality)
      •  It remains the East End Pub most associated with Jack the Ripper with some researchers having placed Annie Chapman and Mary Jane Kelly inside the pub on the night of their deaths, so is it possible the Ripper himself frequented the establishment.
      • Beside the Ten Bells you will see Christ Church, it sits right in the heart of the Ripper’s killing ground and would have loomed over the area back in 1888. It has been featured in documentaries, plays and books such as the graphic novel “From Hell,” which was adapted into a movie of the same name starring Johnny Depp.
    • Directions: 
      • Continue down Commercial street until the junction of Whitechapel high street . 
      • Cross over the road and turn left along the high street a few yards, then turn right into Commercial Road. 
      • Continue for a few hundred yards until you reach Henriques Street.
    • POI 5 - 30th September 1888. THE NIGHT OF THE DOUBLE EVENT. THE DEATH OF ELIZABETH STRIDE (Augmented Reality)
      • In 1888, Henriques Street was known as Berner Street and if you continue down along  this street you will come to a school on the right hand side. The school Yard now sits on the site that would have been Dutfields Yard. (The Wagon Wheel mounted on the wall in the original photograph marks the entrance to Dutfields yard)
      • It was here that the body of Elizabeth Stride was discovered, the first victim in what would be known as the “Double Event.”
      • At 1 AM on 30th September, 1888, Louis Diemshutz was returning home with his horse and cart. Diemshutz was a steward at the International Working Men’s Club in Berner Street. As he entered Dutfield’s Yard, his horse shied away from a bundle that was lying just inside the gateway. Diemshutz looked down and prodded the bundle with his whip, but he could not identify it in the dark.
      • He tried to light a match, and in the moment before the wind blew the match out, Diemshutz saw the body of a woman lying on her side. She was lying 3 yards inside the gateway, facing the wall with her legs drawn up. Although her corpse was still warm, she was clearly dead – her throat had been slit open with one sweeping cut.
      • There were no additional mutilations to the abdomen or any other part of the body, however. This fact, combined with the fact that the body was still warm when it was found, suggested that death had occurred only moments before the body was discovered, and that the killer was interrupted in the act of completing his gruesome ritual.
      • As it was, however, the Ripper escaped the yard, but was forced to leave his most recent victim behind, his ritual incomplete. Desperate to satisfy his blood lust, he crossed in to the City of London, and very quickly, he set his vicious knife in motion on another victim.
    • Directions: 
      • Turn around and back track down Commercial Road until you reach the Whitechapel high street once again.  Cross over at the lights, to the other side turn left and continue down the high street until you reach St. Botolphs Church (beside Aldgate Station).
      • Cross over the road by the lights and turn right onto Dukes Place. Keep walking along past Sir John Cass School and turn left into St James Passage. You will enter a dark cobble stoned square, this is Mitre Square. Cross over the cobbles towards the flower bed on the opposite side.
    • POI 6 - 30th September 1888. THE DEATH OF CATHERINE EDDOWES (Augmented Reality)
      • It was here that the body of Catherine Eddowes was discovered, the second victim on the night of the Double Event.
      • Catherine was found drunk and hysterical in Mitre Square, so the police took her to the station and locked her in a cell to sober up. Just five minutes before Elizabeth Stride’s body was discovered, Catherine Eddowes was determined to be sober enough for release. She gave the duty officer her “name” – Mary Ann Kelly – and he let her go. She continued on to Aldgate and then walked in the direction of Mitre Square. Somewhere along the way, she had a fateful meeting with Jack the Ripper .
      • Around 1:25 AM, PC Watkins walked through Mitre Square, shining his lantern into the corners as usual. Shining his lantern in to the darkest part of the Square, he made a grisly discovery – the torn and bleeding corpse of Catherine Eddowes. Horrified, he stared down at the body, which he would later testify was “ripped up like a pig in the market.” Eddowes was lying on her back, with her head turned to the left and her arms stretched away from her torso. Her throat had been slashed twice, both cuts reaching back to nick the cartilage of her spine and severing the muscles of her neck. Her dress had been lifted up, exposing the cuts made to the abdomen.
      • The killer’s second victim had been meticulously and gruesomely slaughtered in less than 15 minutes and he had disappeared into the night without a trace. The City police, desperate to find a clue to the identity of the brutal villain who had strayed in to their jurisdiction, conducted door to door inquiries, stopped passers-by and questioned numerous men found to be in the area.
      • The Double Event, as it became known, caused a frenzy of speculative panic in the press. The self-titled Ripper was back, and had shown prowess, not only at “ripping,” but also at evading the police. He was skilled, meticulous and clever.
      • However, there is no such thing as a perfect crime, and the double event is also famous as the source of a puzzling clue that continues to baffle Ripperologists and has led to one of the most intriguing conspiracy theories of the Whitechapel murder investigations.
    • Directions: 
      • Turn around with your back to the flower bed and walk across the square , turning left into a small passageway called Mitre Passage.
      • Turn right onto Creechurch Lane and cross over the road and continue walking straight.
      • Turn Right into White Kennet Street then turn left into Gravel lane until you reach Middlesex Street (this was once the famous petty coat lane).
      • You may note the black and white bollards which mark a dividing line between the City of London and the East End of London. As you cross over the road into New Goulston Street you have crossed from the City of London police territory into the Metropolitan police territory. You are now walking in the footsteps of Jack the Ripper.
      • Continue along New Goulston Street until you reach the Junction of Goulston Street. Cross over the road. In front of you will be a huge building known as Merchant House.
      • Upon reaching the building , turn left and stop outside the door way of the Happy Days Fish Restaurant.
    • POI 7 - 30th September 1888. THE CLUE AT GOULSTON STREET
      • It was here at the entrance to 108 – 119 Wentworth Model Dwellings that the clue was found.
      • It is now 2:55am, 1 hour after the body of Catherine Eddowes has been found.
      • PC Alfred Long of the Metropolitan police was walking his beat along Goulsten Street. As he passed the Wentworth model dwellings, he shone his lantern into the staircase entrance of 108 – 119. In a corner, he found a piece of cloth covered in blood and feces. It later transpired that this piece of cloth was a portion of Catherine Eddowes’ apron which had been cut away by the killer and subsequently used to clean his hands and knife.
      • For the first time, the police had found a clue to the killer’s identity. This cloth had been dropped in the middle of the East End. This implied that, instead of fleeing to the rarefied halls of a West End mansion or racing to the docks to flee aboard a merchant ship, the killer was, in fact, taking refuge in the dark passageways of the same neighborhood in which he committed his atrocious acts.
      • This, at least, is easily conjectured from PC Long’s discovery. However, there is another piece of this puzzle which is far more befuddling. As the constable raised his lantern further up the wall, he discovered a message scrawled in chalk.
      • It read, “The Juwes are the men that will not be blamed for nothing”. (Exact way the message was spelled)
      • When PC Long reported the discovery of the apron scrap and the cryptic message, several city and metropolitan police went to see the scene for themselves. It quickly became clear that the message, regardless of who had left it, posed a serious problem. Goulsten Street was directly adjacent to the Petticoat Lane Market. Most of the traders there were Jewish, and there had already been problems in the area with anti-Semitic rioting and intimidation due to the Ripper case. Many believed that the Ripper might be Jewish, and violence against Jews around London had become a major public safety issue.
      • Around 5:30 AM, Sir Charles Warren, Commissioner of the Metropolitan Police, arrived on the scene. This was his first visit to the East End since the investigation in to the Ripper’s killing spree had begun. Stepping down from his carriage, he entered the doorway and examined the scrawled message himself. To the consternation of the City Police on the scene, he then ordered that the writing be erased immediately.
      • One officer suggested that they simply rub out “the Juwes” and preserve the rest of the message for a photographer, who would have sufficient light for a photograph in less than thirty minutes. Warren was adamant, however, that the entire message was to be erased forthwith, and his orders were quickly carried out.
      • With this one simple act, Sir Charles Warren may indeed have prevented another spate of anti-Jewish rioting, but he also sparked one of the most enduring conspiracy theories related to the Ripper saga.
      • Why did he remove the message, counter to all protocols and, indeed, all common sense? We may never know the real answer, but the debate over Charles Warren’s actions on that day continues to rage among Ripperologists 120 years later.
    • Directions:
      • Continue walking down Goulston Street turning right on the corner of Wentworth Street. A few yards along take the first Left into Toynbee Street.
      • A 3 minute walk will bring you to Whites Row car park . Walk along Commercial street to the unnamed road running between Whites Row car park and the London Fruit exchange building.
      • Stop to note you are now back in the heart of Jack the Ripper’s London with the Ten Bells across the street and the looming figure of Christ Church, Spitalfields.
      • The unnamed road on your left was once  Dorset Street, a narrow road running between Commercial Street and Crispin Street with a notorious reputation. It was known simply as the worst street in London. Rumor has it that the police preferred not to go there in less than teams of four. The poorest doss houses, prostitutes and thieves, all had existed along this road.
      • It was off this street, in a small court yard called Millers Court that the body of Mary Jane Kelly was discovered.
    • POI 8 - 9th November 1888. THE DEATH OF MARY KELLY
      • Mary Kelly remains the mystery victim in the Ripper case. The final sighting of Mary Kelly that night was at 2am, when George Hutchinson, a resident of the working man’s home was passing Flower and Dean Street. He met Mary and she immediately asked if he had any money he could spare her. Having already spent his money earlier he refused and Mary went on her way up Commercial Street.
      • It is here that Hutchinson claimed to have seen a man approach Kelly. He put his hand on her shoulder and they both laughed. The couple then proceeded to walk back up Commercial Street towards Hutchinson and Millers Court. Here, Hutchinson was so intrigued by the man’s appearance; he stooped down as the couple passed, so he could see under the man’s hat to get a good look at his face. Later he would give a very detailed description to the police.
      • According to Hutchinson, Kelly’s companion was described as , aged about 35. 5ft 6in., pale complexion with dark eyes and eye lashes. A small mustache with both ends slightly curled up, dark hair. Very Surly looking. He was wearing a long dark coat with astrakhan collar and cuffs, a light waistcoat, dark trousers, dark felt hat, button boots and gaiters with white buttons. He also had a thick gold chain, a horse shoe tie pin and black tie. According to Hutchinson the man was very respectable in appearance.
      • The couple proceeded to walk into Dorset Street and disappeared into Millers Court. Hutchinson followed close by and waited outside for 45 minutes waiting for the man to re-emerge. Some theories suggest he may have been waiting to see if Mary would service him for free or,  as some researchers have speculated, possibly he was hoping to rob the man of his gold watch.
      • It was now 3am and Hutchinson decided to move on. Had he stayed a bit longer its possible he may have heard Kelly’s final words.
      • At 4am, Elizabeth Prater who lived in a room above Kelly, was woken by the cry of “Oh Murder” but as these were quite common shouts in and around the area, she turned over and went back to sleep.
      • At 10:45am on 9th November, the day of the Lord Mayor’s parade, landlord John McCarthy sent his assistant Thomas Bowyer to collect the rent from Miller’s court. Mary Kelly was six weeks behind, owing 29 shillings. Thomas Bowyer entered Millers Court and knocked twice on the door of number 13. He got no answer. Not to be outdone and sensing she may be trying to avoid him he went around to the window and the broken window pane. He pulled out the paper that was blocking the hole and he proceeded to put his hand in and pulled back the curtain. He stared into the room and the sight that stared back at him would haunt him until his dying day.
      • There in her small room, on her bed, lay the remains of Mary Kelly. She had been butchered like an animal. Bowyer, in a scared panic, went immediately back to John McCarthy and the landlord himself went to gaze upon the horrific sight. He would later state:
      • “The sight we saw I cannot drive from my mind. It looked more like the work of a devil than of a man. I had heard a great deal about the Whitechapel murders, but I declare to God I had never expected to see such a sight as this.”
      • No police man who saw the body could ever forget it and many memoirs echoed one Inspector, Walter Dew, when he said, “As my thoughts go back to Millers Court…no savage could have been more barbaric. No wild animal could have done anything so horrifying.”
      • A thorough search of the room revealed no clues to the Ripper’s identity. For some reason the killer had burned clothes in the grate, and it was later surmised that this was to provide enough light as he went about his ghastly work.
      • The police investigation continued in the usual way, door to door inquires, suspects detained and questioned but nothing could be found. 
    • The end ??? Unknown to the investigators at the time, this was to be the Rippers final atrocity and the beginning of a horrific Victorian legacy.

    Take me Back - Jack The Ripper App

    I could envisage my App as be exported for different stories, so I decide to call it "Take me Back" series.



    Benefits of the Interactive App - Take me back

    In a world where everything is changing rapidly, from gadgets in our home to big buildings, many of the Historical location are on risk of disappearing, as it happened with the Whitechapel Area in London, in this case the area where a well known murderer committed those horrible crimes.  Many people have been amaze and intrigue by these events, and even though they can access to documents online to look for information (documents or pictures), They want to be in the place where the events happened and fell like they are back 1888 trying to solve the crimes.

    There are many people participating in the Jack the Ripper Tours in London (up to 5 tour per night - up to 250 people per tour)  and for that reason these tours are normally crowed, being difficult for the audience to hear the story appropriate. Also, unpredictable change of weather affect the quality of the Tour, and it could be costly to change the booking.

    An interactive App would allow people can have their choice of make the tour, at their own pace, where they want to go and on the appropriate weather conditions; the experience would be covering the user expectations.  Also, the possibility of look through their iPad how those places look back then, it would complete the experience, like looking through a window to the past.

    WiFi

    The client who owns the App would have a contract with the local business in order to provide have WiFi available for the people that is going to use the App, in exchange the Client would direct potential customer to those business through the App.

      Content of the Story

      I would use different medias to make the best from iPad affordances:
      • Audio/Text: to tell the story. I considered text for the hear impaired users.
      • Animation/Picture through Augmented Reality: to be use as reenactment of the moment of the murder back then.
      • Map and Point of interest: to provide directions to the different point of interest.
      • GUI iPad
      I found different sources to gather material:

      Style of the App

      I would have a clean and simple design with the feeling of the Victorian era. The user interface would bring the Victorian era through the use of colour, lines and typography, in the modern type of Steampunk, just the fell I don't want a overload design.






      The Augmented Reality is where I would apply a Victorian era to make the fell back in time.  I'll use the style of the sketches used by the TV series Ripper Street: http://www.bbc.co.uk/programmes/galleries/p015g1md, and I'll use animates - cut outs  with the style of Terry Gilliam without the ironic aspect of his illustrations.



      I would use the layout of the App, Map and Directions:



      buuuk.com http://buuuk.com/ / navigation buttom








      A good way to arrange the information:

      DK eyewitness travel
      http://www.cogapp.com/our-work/dorling-kindersley-eyewitness-travel-guides