Final Presentation

Introducing Frog Voyage…Web 1920 – 1

The idea behind Frog Voyage was a website that would encourage kids between the ages of 8-12 years old to learn about other languages and cultures. The best way they could that at the moment is by using a combination of Instagram, Google Wikipedia, Yummly, Facebook and YouTube. These services and content can portray a country in a certain way that follows the ideas of the content developer. This can mean the kids will sometimes read bias information, which is not ideal. Frog Voyage was initially concieved to fill this void.

Web 1920 – 7

When the original idea was concieved there was many different aspects to it that meant there was a lot of confusion about what the future held, this brainstorm is available to see here;Web 1920 – 5

Ever since I started the project people have always asked why I chose frogs as the character, the idea is that frogs are one of the only animals that exist in every since country worldwide. It also allowed the user to have a distinct connection with nature, the benifits of which are listed below.

Web 1920 – 4The next part was to overanalyse every section of what my subject was meant to be. This meant the sections below were all researched and acted upon within my subject. This development has been documented on my blog throughout the year.

Web 1920 – 6Web 1920 – 8

You can see below how my brainstorm was higely reduced after such a large ammount of research.

Web 1920 – 9

I was able to use this research to not only create this brainstorm but also, effieciently create a large user journey as it is here I was able develop the site map and recognise the steps required to partake in any given activity on the website.

This meant in my designs I was able to create a working model of how the user would experience a country and the different functions. All that would be required after this is a content management system, which would allow me to add the next 20 countries required to finish the design.Web 1920 – 11

There are 5 frogs, with 15 different colours meaning 75 colour variations.Web 1920 – 12Web 1920 – 13Web 1920 – 14Web 1920 – 15

I managed to ask someone from my target audience for feedback about my project, these are the comments that she gave me.Web 1920 – 18Web 1920 – 19

Finally once the design was completed and i’d got feedback on my designs, I was able to approach some web design agencies that offer investments in startups, with one of the prominent ones being Work & Co..

Web 1920 – 3

This company had made products for some very large companies and therefore I was quite interested by them

Web 1920 – 2

Advertisement

Setting up Ruby on Rails

I wanted to develop the website on my own personal Apple mac. This meant I needed to setup Ruby on Rails on this device for the first time, this is something that would see me running complicated commands in Terminal.

These are the commands used to setup a Ruby website.

$ – Simply a note to remind myself to run this as a command

cd – change directory (move to a specific folder to work on)
To start a new website, the following commands are required.

1 $ cd ~/Documents/Projects/
2 $ rails new portfolio -d mysql
3 $ cd ~/Documents/Projects/portfolio

1 – This command selects the location of the new site

2 – This command sets up the Rails file structure in the chosen directory and names it ‘portfolio’.

3 – This command sets Terminals within the portfolio page.

 

Next is the sercurity of the server, open the file (config/database.yml) and change the password.

4 $ mysql.server start
5 $ rails db:create

4 – This command starts a server on the macintosh and allows for live editing.

5 – This command will run the database

 

//Start building the website

  1. – This section explains which ppage is the page that should load as the root file. Usually just the index page;
    Config/routes.rb
    Add this code on line 2;
    root to: ‘application#index’

2. – This is also required for the same reason as part 1;
app/controllers/application_controller.rb
Add this code before the end:
def index
end

3. – This actually creates the index file that is being loaded up;
Create the file index.html.erb
In directory app/views/application/index.html.erb

4. – Add other scss files in stylesheets folder, create the header & content sass files;

– application.scss;

@import
‘header’,
‘content’;

5. Add variables file, which allows for fonts and colours to be stored as variables, making styling the site much easier.

Once the site files were ready it meant I could immediately start working on them. The following code is what I would use on a daily basis while working on the project. They change the directory (files) that i’m working on, run the server and counteract a common mySQL error.

$ cd Documents/Projects/Optimadmin
$ cd Documents/Projects/osl_2017

Run the server:
$ rails s

If you get a mySQL error:
1. ctrl + c to quit server
2. $ mysql.server start

Apple Watch Essay inc. Mockups

INTRO

Watches are an indispensable tool in modern day cultures for measuring time. The first clock was invented in Babylon 3.5 thousand years ago. These were a sundial which consisted of a stone dial with a rod set in the middle, the shadow of this rod indicated the time. These clocks accurate and reliable, but they have one major drawback, they can work only in daylight. The Incense clock, a traditional Chinese timekeeping device consisted of an incense stick being burnt. The time taken for the incense stick to burn was known which meant the time could easily be calculated.

The first self winding wristwatch system was invented by John Harwood in 1923, and since has gone from strength to strength. Watches are no longer worn as just a a functional device but as a fashion statement too.

THE MISSING MARKET

Apples sales started to peak with the iPhone 6 with stock prices falling since due to less phones being sold. It needed a new product to please investors. At a time where consumers had peaked in interest about smartwatches, Apple released the watch. The Apple watch, a square format Apple watch, a device that connects to the iPhone via bluetooth to make life a little easier for it’s owner. Glances were meant to be able to give the user all the information they required about their notifications. Fitness was to be tracked to try and benefit the users health, this was done with sensors embedded within the device that was able to track all types of information, heartbeat was just of one them. Not just a tech device, Apple targeted the fashion market too with this product. Three different ranges for the product, sport (£259-299) ready for fitness with sweat resistant materials Watch (£479-949) made from stainless steel and coming with a variety of different style bands to match the watch. Edition (£8,000-£13,500) a luxury model made from 18 Carat gold and different strap materials including leather. What is interesting about this range is that the while the style differs, the product and it’s function are exactly the same, with everything that the most expensive gold watch is capable of being available also on the cheapest sport model.

Apple claims that the reason they made the device rectangular rather than a tradition circle shape was that it wouldn’t be able to display the information without cutting it off at the edges.

What went wrong?

It can be argued that the Apple watch was a failure, Apple refuse to announce sale figures and reports find that the company currently sells as little as 20,000 watches a day, just weeks after it’s release (Mail Online, 2015), compared to the 818,329 iPhones sold every day (Kingsley-Hughes, 2015). So why did it go so wrong? There are no answers currently and this is where I will speculate and give my opinion about what happened with the watch.

I believe that the watch was too complicated and aimed too high too soon. Applications weren’t stored locally on the watch and were loaded from the phone directly meaning that any function of the phone took a while to load. It used a a full colour palette meaning the the systems battery, which was already small, would be drained within a day. Questioning existing users and potential buyers gives the consensus that the ui of of device is not brilliant, the main screen has lots of little icons squeezed together to display the apps (Shown Below), and that there is room for improvement.

image-watch2

Another inventional design Apple has used within the design of their watch is the square format. The reasoning seems almost only to stand out from other smartwatches available on the market, users consider the device to be un-watch like due to the screen being an unconventional shape. Questioning potential buyers, I found more people would be likely to buy the watch if it came in a round form factor. The current ui, while already flawed, is not built for a round watch face and so would require a complete redesign;

Screen Shot 2016-05-20 at 10.10.08.png

What I’d change

Firstly, if I would change to a conventional round form factor, this would attract the majority of the people I questioned regarding the watch. I would scrap the external apps and use the watch for a few simple functions that it could achieve really well. It would be able to aid with fitness, music, contacts, e-mail and social feed, anything more complex requires more than a simple ‘glance’ and should be done on the phone. Pulling the majority of the colour from the ui is important, this mean the device could use the different colours as detail to amplify meaning, green becomes good or accept, orange being a neutral colour, red becomes alerts or warning. The watch would be capable of three simple modes, time mode which displays the time and customised notifications, fitness mode displaying the heartbeat calories being used and speed of which user is running and finally music mode offering simple controls over the song currently playing.

TIME-MODE.png

The above image shows how the watch face really uses a simple single colour palette to amplify its’ design with the red appearing for just the notifications on the device.

MENU.png

This shows how the cut down menu doesn’t need to be difficult and complicated, it’s simple and flat design allows the user it easy and quickly understand the layout and access they desire straight away.

SOCIAL-FEED.pngThe above Image combines the entire social feed, just like Blackberry devices do in an easy to understand way. Checking if you have new messages has never been easier.

This shows how the simplistic design of the watch face makes the information on the screen a little easier to understand rather than being cluttered with too much information the neutral orange has been placed around the edge to help the user to understand the progress they have made.

MUSIC-MODE.png

This image shows music mode, with basic controls over the song choice and volume, it is set up to ensure the user can control their music easier than taking their phone from their pockets.

MUSIC-MODE.png

The above image displays the music selection app, using the alphabet around the exterior of the screen it means the centre can display more, the actual artist. This means there are quick ways to jump to characters within the alphabet or just scroll through artists as you would wish.

MUSIC2.png

This shows how simple it is to pick a song once you have selected an artist, this is important as it doesn’t confuse the user with an over complicate layout, just a simple list will suffice here.

MULTISCREEN.png

Finally, this mockup displays the different screens the user has been through to get to their current screen, this means instead of hitting the back button the can push harder on the device and it would show the user every screen allowing them to choose how far back they would like to go.

While this is a simple concept, I believe Apples’ watch user interface is what let it down, and that it is trying to do too much at once. A simpler device with five main functions that can be handled really well is much better than a device can try and fail to achieve a far greater amount of functions. This would set the foundation for the watch, allow people to see the watch as a true fashion item and allow Apple to build upon it for it’s next generation.

References:

Kingsley-Hughes, A. (2015). Nine iPhones sold every second | ZDNet. [online] ZDNet. Available at: http://www.zdnet.com/article/nine-iphones-sold-every-second/ [Accessed 17 May 2016].

Mail Online. (2015). Apple Watch is a FLOP: Sales have fallen 90% since April, report finds. [online] Available at: http://www.dailymail.co.uk/sciencetech/article-3152514/Apple-Watch-FLOP-Sales-gadget-fallen-90-April-report-claims.html [Accessed 17 May 2016].

Apple iPhone Essay

This essay looks at the developing phone market and where the future lies for the Apple iPhone. Apple has seen 13 years of financial growth, but as of April 2016, they announced their first revenue decline since 2003 (Thielman, Neate and Hern, 2016). This could suggest that the phone has reached maximum capability and upgrades are no longer required. The following looks at area where apple could develop it’s phone to enable continued capital growth.

Google has invested in R&D of a modular phone, which are now commercially viable in an increasingly environmentally conscious world. The LG G5, the first commercially available modular phone has just been released. This is paving the way for a new type of phone, a more customisable phone. Apple have always been known for not giving users the ability to customise their phones, their computers and phones are sealed to stop users from upgrading parts inside. This is proven by the fact they have a recycle system with a machine that takes apart the phone and deconstructs it part by part so that Apple can use the parts again in new phones, or sell them to external companies to be used in other products. Since Apple offers it’s customers payment plans for the iPhone itself without the data, so they can pay a monthly fee and upgrade to the next one comes out, this makes perfect sense.

iOT (Internet of Things) is an idea that everything should be connected to the web for the user to be able to control more easily. HomeKit is a prime example of where Apple could build more function within its’ iPhone. “HomeKit is a framework for communicating with and controlling connected accessories in a user’s home.”. This framework Apple has produced is the beginning of something huge, the IoT (Internet of Things) are a collection of devices that are designed and developed to connect with each other on a network. McKinsey & Company estimate that the industry will be worth between $200-$300 Billion by 2025 (McKinsey & Company, 2015). This technology paves the way for a truly connected home that is able to combine all of the data about the person who lives there to be able to create a much better and easier life for the homeowner. When all the devices in the home talk to each other they are able to create schedules for temperature, lighting, cooking, locks and so much much more in relation to any of the residents schedules. This can mean opening the curtains, switching on the radio, preparing a coffee and ensuring a warm temperature all before you’ve even woken up.

Siri, the personal assistant accessed by voice with “Hey Siri”, is already a very useful tool and can accomplish many tasks like setting an alarm, reminding you to do something when you leave home or make a call for you. While Siri is already very useful, imagine the potential when the iPhone has built in everything I have discussed in this essay. Statements like “Hey Siri, I’m going on holiday, give me directions to Leeds airport, Shut down the house and send Mike access my garage for next Tuesday”.

The current iPhone has the ability to track Parkinson’s disease progress, help diagnose autism and predict seizures when paired with an Apple watch. When the iPhone is able to track the data of it’s user, that data can also be shown to a doctor for feedback. Imagine a world where the phone extends life and even prevents death.

An important addition to this is that the phone is not only a powerful tool, but it has become a symbol of status. The phone now comes in three different sizes and four different colours with a range of accessories that come with it, ranging from wireless headphones, cases and a bluetooth watch branded as the Apple watch with prices reaching as high as £13,500 for the most expensive model. Apple markets its products within music videos, films and tv and in2014 it was the worlds biggest spender on product placement. (Yoshida, 2015)

The original telephone (from the Ancient Greek τῆλε (têle, “afar”) + φωνή (phōnḗ, “voice, sound”) was a means of voice communication over distance. Telephones were static, and in the early days public phone boxes requiring the insertion of coins were the commonplace means of speaking with someone at a distance, often connected by means of a switchboard operator.

The advent of cell phones or mobiles radically changed the face of communication. The other great communication imperative was the Internet. The combination of features of both into the iPhone (Steve Jobs, co-founder and CEO of Apple, stated at the debut of the iMac that the name derived from the excitement of the Internet combined with the simplicity of Macintosh, and the use of the lower case i has subsequently been taken to imply the Internet connection on other devices) has created a powerful instrument which is much more than a simple “voice to voice” machine.

The telephone has developed from a static handset in a public phone booth (some remain, particularly near known suicide sites) to the brick-sized clumsy mobile and subsequently to elegant slim machines which are themselves status symbols. Perhaps the shape will see further development: already wrist phones may be seen; with the exponential increase in micro-surgery procedures it is not impossible to imagine mobile phone circuitry to be inserted under the skin at birth and apps and further modifications added as the owner learns control. Touch sensitivity is a growing issue nowadays: what about mental control of one’s internal phone? Use of the mind alone to operate computer systems is becoming an increasingly viable possibility (Falcon et al., 2016) and a brain-computer interface is already established. Last year, the Brown researchers reported testing a prototype of a fully implanted interface, with the electronics housed inside a titanium can that can be sealed under the scalp, though the device is not yet commercialised (MIT Technology Review, 2016).  At the moment, “display” is becoming increasingly sophisticated. Consider if the display were directly to the retina, the voice transmitted directly to the inner ear.

References;

Falcon, A., Irina, A., Pataki, D., Duvall, A., Jamaluddin, A., Jamaluddin, A., Duvall, A., Jamaluddin, A., Jamaluddin, A., Khaliq, A. and Jamaluddin, A. (2016). 8 Mind-blowing Gadgets You Can Control Just With Your Brain. [online] Hongkiat.com. Available at: http://www.hongkiat.com/blog/brain-controlled-gadgets/ [Accessed 16 May 2016].

McKinsey & Company. (2015). Unlocking the potential of the Internet of Things. [online] Available at: http://www.mckinsey.com/business-functions/business-technology/our-insights/the-internet-of-things-the-value-of-digitizing-the-physical-world [Accessed 16 May 2016].

MIT Technology Review. (2016). A Brain-Computer Interface That Works Wirelessly. [online] Available at: https://www.technologyreview.com/s/534206/a-brain-computer-interface-that-works-wirelessly/ [Accessed 16 May 2016].

Thielman, S., Neate, R. and Hern, A. (2016). Decline in iPhone sales leads to first revenue decline in 13 years for Apple. [online] the Guardian. Available at: https://www.theguardian.com/technology/2016/apr/26/apple-iphone-first-revenue-decline-13-years [Accessed 16 May 2016].

Yoshida, E. (2015). Apple had the most product placement in the films of 2014. [online] The Verge. Available at: http://www.theverge.com/2015/3/4/8147063/apple-transformers-age-of-extinction-product-placement [Accessed 16 May 2016].

Storytelling with Pixotale

Pixotale is a great app for iPad and iPhone that allows the user to create immersive storytelling experiences on the web, it works really well and it is a great example of how the web can use images to create great stories. You can check it out here, but also follow the link to view it yourself.

 

 

 

 

 

 

 

 

 

http://pixotale.com/story/11937047/Screen Shot 2016-02-26 at 12.31.53Screen Shot 2016-02-26 at 12.32.05

Screen Shot 2016-02-26 at 12.32.21Screen Shot 2016-02-26 at 12.32.31Screen Shot 2016-02-26 at 12.32.36Screen Shot 2016-02-26 at 12.32.42Screen Shot 2016-02-26 at 12.32.48

No Headphone port

There are a few things that point to Apple removing the headphone jack from the iPhone. Firstly I ask why? The main purpose of removing the headphone jack would be to make the phone slimmer. As you can see from the image below, the main thing that keeps the iPhone at a set thinness is the the headphone jack;

headphone20jack20repair20-20iphone20620plus

There is also proof that Apple has considered changing the design with this patent it owns.

Another Idea is that instead of using the aux port instead it would use the lightning port which would also mean higher quality audio, something that it’s music service could easily provide. This is something Apple alreadly supports and there are few companies that provide this tech to consumers, Philips is one example.

This makes sense too as Apple made an $3.3 Billion acquisition of Beats by Dre in 2014. A company famous for selling headhones, most of which are wireless are now wireless, a change that has happened since the acquisition. The last thing to consider is would Apple would really do this? I believe the answer is yes Apple as they are famous for adding new technology to their devices and removing the old. Apple was the first company to remove the floppy disk drive from the computer and introduce usb to the masses back in 1998 with the first ever iMac.

Then they decided that removing the Firewire ports and CD Drive would be best for their users CD’s were no longer needed when they released the iMac in 2011.

Finally in the iPhone they swapped the 30 pin connector in the iPhone4s;

for the lightning port in the iPhone 5;

iphone5_ios7

References:

http://www.macworld.co.uk/news/iphone/iphone-7-release-launch-date-new-features-images-rumours-headphone-leaked-photo-airpods-feb-3-3530504/

http://europe.newsweek.com/five-reasons-apple-ditching-headphone-jack-iphone-7-415665?rm=eu

Build a Phone

 

Phonebloks is a company that are “trying to change the way electronics are made in order to create less waste”. They believe that phones should be modular and that people are able to add and remove different things to their phone based on customisation. It can be seen here;

While this is a brilliant idea that not only saves the planet and puts the power back in the users hand, it is unlikely of Apple to put this in the phones that the consumers will buy. The reason for this is that they like to maintain complete control over their devices.

On the other hand Google has funded Project Ara which is a modular built phone due to become available to consumers in 2016.

project-ara-theverge-2_1020-0

References;

A free trip

https://twitter.com/ProjectAra/

http://www.projectara.com/

https://phonebloks.com/

 

 

 

 

 

Removing the home button

Since the very first iPhone the home button has always been an important part of the user interface. This is something that could change in the future. With the invention of new technology  like 3D touch there are new methods to communicate with the screen therefore removing the home button and creating a gesture is something that could easily happen.

The button currently acts as fingerprint scanner, but in a multiple patents owned by apple there are ways to turn the screen itself into a fingerprint scanner, this would completely remove the need for the physical button itself. This patent filed in in February 2015 shows  the scanner built into the screen itself;

iphone-7-apple-iphone-6s-home-button-3d-touch-force-touch-iphone-7-will-not-have-a-touch-id-home-button-iphone-6s-no-home-button-347138

and this patent shows how it could effect the UI;

applefingerprint

 

References;

http://www.laptopmag.com/articles/apple-patent-iphone-touch-id

http://www.express.co.uk/life-style/science-technology/605357/The-Apple-iPhone-6S-is-the-first-step-towards-an-iPhone-7-without-a-Home-Button

http://www.ibtimes.com/apple-inc-remove-iphone-home-button-replace-thinner-touch-screen-reads-fingerprints-1977555

http://www.techtimes.com/articles/87449/20150924/is-apple-removing-the-home-button-on-the-iphone.htm

Future of 3D Touch

3D Touch is a technology that apple has implemented into it’s currently generation of iPhone to add a new dimension to the user interface. It now means there are three levels of force that can be applied to the screen that will offer the user a different experience, these are a tap, gentle press and hard press. A great video explaining it is below.

There is also technology researched by Disney to complement the 3D touch that would give tactile feedback to the user based on what was on the screen. This means the device could imitate the feel of an object and bumps and can also add resistance to the screen.

Haptic Feedback is something Apple have alreadly implemented into the iPhone to allow the user to understand when they have pressed harder for the 3D touches. This is just the beggining, using 3D touch more thoroughly throughout the operating system and creating different ways of doing things using these techniques will change the way people interact with their phones forever.

References;

http://www.cultofmac.com/320144/apple-patents-hints-at-the-amazing-future-of-force-touch/

http://www.laptopmag.com/articles/apple-patent-iphone-touch-id

http://www.wired.com/2015/09/what-is-the-difference-between-apple-iphone-3d-touch-and-force-touch/

Using a phone as a key

A very interesting application of the smartphone could be to allow it to open doors using a provided the user scans it’s finger on the fingerprint scanner.

This is a great idea because it means that you could give family or friends access to your house by selecting them from your phone, it would allow you to moniter which doors are open/closed and who has been in the house and when. It would also be a great way to know if anyone is home or not.

Considering someone may possibly be able to access a house if they steal someone else’s phone, security is definitely an issue but the fingerprint reader on the iPhone would ensure no one but the user could access the house.

There have been a few  attempts at this, but none being so secure with such possibilites, you can see one example here;

This is something that is very likely to happen as Apple have alreadly begun to explore within key access using the iPhone and hotels, especially since Apple introduced a way to pay using your phone which uses NFC (Near Field Connection), this isn’t a huge step compared to what they have alreadly acheived.

spg key

References;

http://www.kwikset.com/kevo/default.aspx#.VrTZJjbJxhE

http://www.macworld.com/article/2844021/forgot-your-hotel-room-key-use-your-iphone-instead.html