Interface Research design and interaction

Christian Winkler, Christian Reinartz, Diana Nowacka,Enrico Rukzio. Interactive Phone Call: Synchronous Remote Collaboration and Projected Interactive Surfaces. In Proceedings of ITS 2011 (ACM). 2011.

http://www.mhci.uni-due.de/wp-content/uploads/pdf/Winkler-Interactive_Phone_Call__Synchronous_Remote_Collaboration_and_Projected_Interactive_Surfaces.pdf

Robert Hardy, Enrico Rukzio, Paul Holleis, Matthias Wagner. MultiKit: A User Interface Toolkit for Multi-tag Applications. In Proceedings of MUM 2011 (ACM). 2011. Winner of Best Paper Award. PDF

http://www.mhci.uni-due.de/wp-content/uploads/pdf/Hardy-MultiKit__A_User_Interface_Toolkit_for_Multi-tag_Applications.pdf

HCI

HCI 


Good information on how HCI is different when using desktop computers and mobile applications. How this alters the way we interact and choose differently. This gives you access to 9 different papers whittled down from hundreds on HCI.  


'The papers  cover studies of teenagers in Japan, train travellers in the UK, older users on the phone, a rural community in the US and foreign exchange workers in the Middle East; they cover contexts from work to schools and homes and trading floors; they draw from ethnography and communication studies to mathematical modelling, from information systems and cognitive science to urban studies.'


HCI- http://www.sciencedirect.com.libproxy.abertay.ac.uk/science/article/pii/S1071581908001353#ref_bib10

Icon design

\

There were lots of icons i liked the style of. I was particularly drawn to the more elegant designs as i think they'll be more apt for this project. I would like to combine an elegant, simple look although make it slightly quirky and fun rather than too strict and clean cut looking... I will find a decent balance to achieve this through further research.

Panel Design

The panels don't have to be rigid squares, they can be integrated in many ways throughout the store. I think this image gives you a good idea of how the panels can be incorporated and the amount of flexibility you would have. There could be separate screens to leave comments on clothes (like the circles on the display above). The only problem with having a curved display is that it would affect the mirrors but this gives an idea of how advertising could reach another level. 

Panels sharing capability

Bring 'social media' to the panels? The panels could give the option to leave comments on the items, this would provide customer interaction? They would then be able to communicate with one another in store, which was requested in the brief. 

There could be a comment box on the panel allowing them to input the comment on specific items, using their app profile (as this information would be exchanged when connecting mobile device with panel) as their user name, their app profile will the be synced up to all social media networks they have added and appear on their Facebook, Twitter, etc and also be on the panels in store to let users communicate with one another rather than solely their friends (they might not have any!) (This service could be deactivated via settings if they want to communicate only with friends).

There would obviously be the risk of people leaving offensive comments but in that case it would be monitored the same as any social network site and they would either have their account disabled or blocked for a certain amount of time. If people have to spend the time uploading the app and it is interlaced with all of their social networking sites, they are less likely to do such a thing. 

This would be a good way to get a unbiased opinion of the items in store and also leave you opinions and customers would feel that they are part of something- expanding on store loyalty. 

Icon Design

Susan Kare was the original Icon designer for Mac... this is how she produced the logos.

http://blogs.plos.org/neurotribes/2011/11/22/the-sketchbook-of-susan-kare-the-artist-who-gave-computing-a-human-face/

An idea of the production of her icon designs....

Apple

Note: this is a paintbrush. :) 

And how they progressed 

Human- computer interaction

This is a valuable talk on human computer interaction, giving further explanation and advice on how to compose and execute the design of the app and the reasoning behind it.

http://www.cs.man.ac.uk/~seanb/teaching/COMP10092/COMP10092-HCI.pdf


More informative slides to further understand the process of human interaction.


Human Computer Interaction, Third Edition, Dix Finley, Abowd Beale

The homepage

These slides are from Chapter 19's powerpoint presentation. 

Real foyer: Large screen, camera

See virtual world on screen

Virtual world: Representation of web

See real foyer on virtual screen 

Combine the real and virtual world within store and vice versa?

Inside looking out? 

Perhaps suggest that for gameification you could have a character in an augmented reality to add to the virtual world created through the app and user experience. 

There will be avatars already through the use of the 3D scanning, all that is needed is a virtual shop or area for these avatars to perhaps shop together while in house, they could still experience a group shopping experience with their friends and gather points together, it would be like a game (where people spend money on virtual nothings anyways) where they can buy clothes? The novelty would still be in the store as they could meet up and use the panels which i think is appealing to many people. Although in this day and age, many people are too busy to make the effort to go out and meet their friends and travel, this could be an alternative way to shop with friends through the use of the avatars in a shopping environment. 

Layouts

I think a layout like this, with visuals for the different sections within the store (this seasons trends, shoes, coats, etc.), could be an interesting way to navigate. It would be ideal to give the user the option to navigate in this way or use the simple text approach.. this could be done by editing settings?!

I think that having an interesting, quirky element is important to an app. It doesn't have to be too complex but from the example above, it's different and has a unique layout and automatically sets it apart from the rest of the apps i've used. I like how they've created the navigation to resemble a filing system, it's not a common layout for an app, however, everyone knows how a filing system works, therefore would be able to navigate their way through the app easily. 

www.techradar.com Top 160 best Android apps 2011 Updated: The best free and paid-for Android apps By Paul Douglas

http://www.trustedreviews.com/10-best-android-apps-october-2011_round-up

http://gizmodo.com/5863936/the-new-essential-apps-november-2011

After researching some of the best apps of 2011, i discovered they all had a similar layout. None were too abstract or complex, each had a simple navigation formula and large buttons + icons to assist you through the app. Most of the options were stacked in a list form, so not to confuse the user with too much information, and none were overcomplicated. 

Apps that had many options didn't use any images, they simply arranged their icons to allow you to choose where you would like to go within the app and didn't add anything unnecessary.