Essay One – Microsoft Hololens VS Google Glasses

In this post I will compare and contrast both google glasses and the hololens, to discover any faults in Microsofts product in relation to another device that is use for a very similar purpose.

I will compare the design, and functionality of both products to try and create a greater understanding of any flaws within the hololenses design.



“Google Glass was designed to be as unobtrusive as a pair of regular glasses. The idea was that you would be comfortable wearing the headset all day.

Microsoft HoloLens isn’t aiming for that at all. It’s a computer of sorts, designed to be used in a relatively fixed location for more intensive set tasks. It’s the laptop to Google Glass’s smartphone.”

This indicates to me that even though google glasses, and the hololens are fairly similar in some aspects, in relation to there functionality they are both designed for different purposes in terms of use, the hololens can be put into the same category as a desktop computer or a laptop because it is made to be used in doors, where as google glasses light weight design and applications are designed to be used for when the user is on the move.

Which sort of describes why the hololens is designed to be a bit bigger.


The hololens in comparrison the google glasses grants a lot more control to the user, in relation to how they can react with the holograms. The Hololens uses speach recognition, and hand gestures to allow the user to manipulate content, where as Google Glasses only uses voice recognition.

Again this shows how limited

Here’s and excerpt taken from: Trustedreviews



Essay One – Average Time Spent On a Smart Phone

In this post I will look into the average time spent on a mobile or tablet device in relation to the use of applications. This piece of research will allow me to understand exactly, how this may effect the user of a hololens, mainly because the device is application driven.




Since the year 2011 the time spent on applications on either smartphone and tablet, has slowly risen and in the modern day it is estimated that the average user spends.


The Average time spent using an application on either tablet or mobile device, is  3 hours and 15 minutes.


It is said that by the year 2017 that this number will rise, but not by much. It is estimated by the year 2017 the average user will spend up-to  3 hours and 23 minutes per day using a mobile or tablet application.

If a user was to spend this much time each day, using applications on the Microsoft hololens it is pretty self evident that this could have some terrible on affects on the user.

Resousource: EMarketer

ESSAY ONE – Microsoft Hololens Problems?

After doing some research into the Microsoft Hololens I discovered that there are a few big problems with the device.

Number One – The Size Of The Device


One of the first things I noticed when I first saw the Microsoft Hololens, was the shear size of the thing. One of the greatest things about mobile devices, and tablets you have instant access to the applications, and very easy to use, on the go when you need to use these applications it is so much easier to just grab a small device out of your pocket and have a look at the different apps, instead of sticking a large head set on to see what the weather is going to be like tomorrow.

Also people have said, that when using the device after a while it has become very uncomfortable and have had to remove the head set even when they have been right in the middle of a game or scanning through a social network, people have said that it becomes unbearable to use.

Also one of the head competitors of this device would be ‘Google Glasses’, and in comparison to the Hololens the google glasses are fairly light weight, and may not be as iritating to carry around, and wear as the hololens may be.

Number Two – Restriction to Your View

Another thing that I have discovered after reading more about the Hololens, is that fact that the viewable area through the glass is very restricted, meaning that what the user can actually see through the glasses is very limited, which in turn limits how immersive the whole experience can be. This also means that the visuals that are implemented into the real world, are smaller meaning that the visual display may not be as amazing as it might be from an oculus rift which places you into a virtual world, instead of just implementing one into the real world.

Number Three – Dilute User Perception Of Reality

The dilusion of a users perception of reality has been a big talking point for centuries in relation to virtual reality. Theories such as ‘Hyper Reality’ argue that these types of devices, over shadow a users perception of the real world and the virtual world.

I believe that the use of a hololens falls under this category, because not only does it place the user in the realm of virtual reality but this virtual content also gets mixed in with the real world, and I believe that this could have detrimental effects between the user and there connection with whats really there and what isn’t, thinking about how much time a user spends on there phone using applications is a lot of time, but then think about how this could effect the use of a hololens? people could spend hours and hours a day living within this realm of real and not real, and could have some deep phycological effects on the user.

Essay One: Understanding the Microsoft Hololens

The Microsoft Hololens is a ground breaking piece of technology, which will pave the way of future developments of technology. It has created a new way we interact with not only the digital world, but also how we interact as people.

The Hololens is a head mounted display, that implements virtual objects into the real space that a user can see in front of them. These holograms interact with there surroundings, and can be manipulated via the user. Such as the user can create a virtual television screen, and then place it onto a wall.

The user can also select whilst using the hololens which areas of there surroundings they want the holograms to interact with, take for example this video, it allows the user to select the areas of the room that they want the holograms to interact with, and then the hololens makes a map allowing it to understand its surroundings :

This allows the Hololens to:

  • Implement sound at different areas of the head set, depending on the areas that have been selected for it to interact with.
  • Place holograms to interact with the users surroundings.

This allows for the user to create an environment within there home space, making the environment blend in with virtual objects, creating a level of immersion. The Hololens has opened new doors in relation to how we work, and how we connect with people. As it can bee seen within this image, a person using the Microsoft Hololens as they work.


It shows a person working on the body of a motorbike, and using the Hololens to present a 3d holographic aid that allows the person working on the bike to have a better visual understanding of how her work on the screen will look in the real world. In comparison to the oculus rift, which only puts you within a virtual reality, the hololens mixes virtual elements with real world elements, which it can be argued that this is a much safer way of using virtual reality because the user can actually see physical objects and know there surroundings rather than when using an oculus rift, a user could lean on something that isn’t physically there and fall over, so in that sense its a much safer way of using virtual reality.




Microsoft Hololens Official Website:  Microsoft Hololens

Introduction: Y2:S2 Technologies, Platforms & UX


For this project in ‘Technology’s, Platforms & UX’ we have been asked to write two different essays, for the first essay we have to critically analyse and evaluate the development of a future technology, it has been left up-to us to choose what technology we analyse within this essay.

Essay One Concept: Microsoft Hololens


I decided for the first essay I will be writing about a fairly recent technology that has only come into existence within recent history. The Microsoft Hololens was introduce back in April 2015. This product works via using virtual reality, similar to other headsets such as the ‘oculus rift’ and other virtual reality product.

Only the Hololens can be argued to work in a similar way to other devices that we use today, such as tablet’s and mobiles to view the weather and other applications, only the Hololens projects these as virtual objects that the user can interact with in more of an immersive way.

“Where your digital world,
is blended with your real world”

I beleive this product will be a very good talking point for my essay, which will probably have some good arguments and resources arguing for and against this product. as you can see within the first section of this video, all of the different applications such as:

  • Weather Apps
  • Google Maps
  • Entertainment Apps (Youtube, Games)

Through the Hololens can now be implemented into the real world, and this I believe is probably some of the most ground breaking new technology in relation to the future of web development.



Essay Two Concept: Hull College New Media Website

In the second essay we have been asked to choose a technology or service, that we have believe can be improved, and write an essay alongside diagrams and designs and details that argue in favour of your choices as re developing this service or technology.


After using the Hull New Media website for the last two years, I believe that this is in need of an upgrade, even though it does its job to an extent I believe that it is in need of re development and improvements. Considering this website is for the students working within the new media department of Hull College, I believe that it is incredibly out dated and is in need of re development with a new look, and a better system for how everything operates.


Self Initiated: Java Script (Off Canvas Navigation)

For further implementation of java script into the IVY Infant Clothier website, I added an off canvas navigation with animation. After doing some research into the off canvas navigation I decided to go forth and add one to the website, mainly because it is in within modern web trends, and is also more user friendly on touch screen devices such as smart phones and tablets, and also saves room on the screen.



Here is the HTML code for the off canvas navigation, just the same as the sticky navigation the off canvas must be outside the main container of the website, mainly because this one needs to stick  to the screen as well.

There are two main containers within this process of using an off canvas menu:

  • Container for the menu (menu-wrap)
    The main container which includes all of the links to the pages, and is the section that slides out once the ‘ham burger button’ is activated.
  • Container to wrap all of the content together
    The container which wraps around the site, but is hidden until the button is selected. this puts an overlay over the full page, and allows for the menu to scroll freely within this container.

And then underneath the code that creates the actual menu, is the code for the close and open buttons of the off canvas, these are very important allowing the user to open and close the actual menu.



Here is the CSS for the off canvas menu itself, (the section that appears once the ham burger button is activated), making sure that I had implemented the correct ‘z-index’ so that the menu move forward in front of the rest of the content, and then setting the position to ‘fixed’ to that the menu scrolls with the user, as they go down the page.

Also implementing the correct ‘web-kit’ so that this function works across each different browser, I also set the height to ‘100%’ so that this menu fits the height of each device screen that is used on.



Here is a gif of the off-canvas navigation working:


Self Initiated: Java Script “Sticky Navigation”

One of the key learning curves for this project was the use of ‘Java script’, this is an area I am very interested in, and wanted to implement this into the ‘IVY Infant Clothier’ website. One thing I wanted to do which is discussed within the content plan, is that I wanted to create a sticky navigation that faded in when scrolling down, and then faded back out when scrolling back up the page.

I began by creating a secondary navigation, separate from the one located on the top of the hero section. This secondary navigation had to be separate from the main wrapper that goes around the full website, mainly because it may conflict with the css rules implemented for the sticky nav.



As you can see in this code taken from the ‘index.html’ file, that this navigation is set within 1 container named ‘main-nav’, and inside the container are standard anchor elements containing the links for each page. And also includes a smaller ‘png’ file of the main logo of IVY Infant Clothier, and then also a div which contains the full navigation but is only used for the Foundation ‘show-for-large’ attribute, which only makes this navigation appear on large screens.

Notice on the end of this containing div is another attribute titled ‘hideme’, this attribute is linked into a java script file which allows for this container, to fade.



  • .main-nav-scrolled
    Here is the CSS code that has styled the navigation, notice on the selector ‘.main-nav-scrolled’ I have assigned the div as ‘position: fixed;’ this means that on scroll the navigation will stick to the screen.
  • .main-nav
    I have assigned for this div, considering its the main container that goes around the navigation a ‘z-index’ of 9000 which allows the navigation to move forward in front of the other content on the page.

Java Script


Here is the java script file for the sticky navigation, as you can see on the bottom section the container ‘main-nav’ is selected in two separate sections, one has a rule that say’s ‘.fadein’ and the other ‘.fadeout’, this basically means that on scroll ‘main-nav’ fades in and out. Above that section you can change when the nav fades in, dependent on the amount of pixels entered into the javascript. You can have it so when the user scrolls, it can take longer to fade in dependent on how many pixels the user has scrolled.

Here is a gif demonstrating the sticky navigation working:


Notice how it fades in when the user scrolls down, and then fades back out when the user gets back to the top of the page.

(This navigation will only be used on large screens)