http://www.jasonrados.com Jason Rados Tue, 03 Jan 2012 14:52:41 +0000 http://www.jasonrados.com en http://jasonrados.com/To-do-application-for-eyeOS http://jasonrados.com/following/jasonrados.com/To-do-application-for-eyeOS Tue, 03 Jan 2012 14:52:41 +0000 Jason Rados 2539468 Herein, I go through the process we followed to create a task manager application for the next release of the eyeOS Cloud operating system. Phase 1: Ideation The process started with a kick-off meeting with the CEO where we discussed the need of a to-do app inside our OS, allowing users to collaborate in projects. He showed me some examples and gave me some general guidelines: drop-down application, always available, quick, small screen footprint, easy to use, immediate, able to make collaboration and productivity enjoyable. Phase 2: Analysis Since the task manager market is pretty saturated I needed to find our edge after benchmarking the competition. I decided to focus the app on features that are both feasible and unique to our platform. The possibility of real time collaboration and the integration with existing features was important. We already offer an environment that allows users to collaborate by using shared folders, group chat, shared calendars etc. A new task manager app needs to integrate well with the existing workflow. After various use case scenarios here is the one I based my analysis on: User A wants to assign a task to user B and wants to be notified upon task completion. Based on this scenario I wrote down a condensed script and extracted the possible features the application might need. <img src="http://payload11.cargocollective.com/1/2/87599/2539468/1.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/1_o.jpg" data-mid="12820595" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/2.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/2_o.jpg" data-mid="12820596" border="0" align="left"/> I then broke it down into actions: <img src="http://payload11.cargocollective.com/1/2/87599/2539468/4.jpg" width="478" height="640" width_o="478" height_o="640" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/4_o.jpg" data-mid="12820598" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/3.jpg" width="478" height="640" width_o="478" height_o="640" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/3_o.jpg" data-mid="12820597" border="0" align="left"/> After logically grouping the possible actions, I started prioritizing features. Knowing that everything will not be possible to be implemented in a first release, I wanted to extract the must have features. Unfortunately it was impossible, due to time constraints to run preliminary user tests or focus groups to get input on user needs. Phase 3: Discussion Having a clearer view of the potential application we discussed with the CEO the must-have features, how he perceives the competition and what can wait for a future release. Then we had a meeting with the development manager to discuss the feasibility of the app, how we would tackle integration issues, plan the necessary development time and discuss the information architecture as well the changes necessary to the rest of the OS that would allow for the user experience I had in mind. Phase 4: Mockups After the discussions I started making multiple mockups that would help me envision the look and functionalities of the to-to application. The following are various versions I made, experimenting with the layout and location of features as well with the interaction possibilities. Starting with a a whiteboard, continuing on paper and pen, Balsamiq mockups and Adobe Fireworks. I tend to do many iterations of mockups, since it is an inexpensive and quick way to evaluate design possibilities before jumping into wireframing. <img src="http://payload11.cargocollective.com/1/2/87599/2539468/7.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/7_o.jpg" data-mid="12820796" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/5B.jpg" width="640" height="374" width_o="640" height_o="374" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/5B_o.jpg" data-mid="12820793" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/6.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/6_o.jpg" data-mid="12820795" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/8.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/8_o.jpg" data-mid="12820798" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/9.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/9_o.jpg" data-mid="12820800" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/10.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/10_o.jpg" data-mid="12820802" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/11.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/11_o.jpg" data-mid="12820808" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/12.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/12_o.jpg" data-mid="12820816" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/13.jpg" width="540" height="379" width_o="540" height_o="379" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/13_o.jpg" data-mid="12820818" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/14.jpg" width="640" height="318" width_o="640" height_o="318" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/14_o.jpg" data-mid="12820820" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/15.jpg" width="540" height="379" width_o="540" height_o="379" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/15_o.jpg" data-mid="12820821" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/16.jpg" width="540" height="379" width_o="540" height_o="379" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/16_o.jpg" data-mid="12820822" border="0" align="left"/> I presented some of the ideas that came out from the above mockups to the stakeholders and we discussed the layout and necessary features. We decided to make it a drop down application which has a single column layout and two main views: projects and task details. We also discussed necessary additions to eyeOS, like real time notifications for tasks, user permissions, the role of "projects" inside the OS and possible modifications of the information architecture. Phase 5: Wireframes Taking into account the discussions with the stakeholders I moved to the phase of wireframing using Adobe Fireworks. <img src="http://payload11.cargocollective.com/1/2/87599/2539468/24.jpg" width="353" height="564" width_o="353" height_o="564" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/24_o.jpg" data-mid="12820918" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/17.jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/17_o.jpg" data-mid="12820906" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/18.jpg" width="640" height="390" width_o="640" height_o="390" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/18_o.jpg" data-mid="12820907" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/19.jpg" width="640" height="478" width_o="640" height_o="478" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/19_o.jpg" data-mid="12820908" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/20.jpg" width="640" height="390" width_o="640" height_o="390" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/20_o.jpg" data-mid="12820910" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/21.jpg" width="640" height="390" width_o="640" height_o="390" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/21_o.jpg" data-mid="12820911" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/22.jpg" width="640" height="390" width_o="640" height_o="390" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/22_o.jpg" data-mid="12820913" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/23.jpg" width="640" height="390" width_o="640" height_o="390" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/23_o.jpg" data-mid="12820915" border="0" align="left"/> Phase 6: Documentation <img src="http://payload11.cargocollective.com/1/2/87599/2539468/25.jpg" width="640" height="390" width_o="640" height_o="390" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/25_o.jpg" data-mid="12820921" border="0" align="left"/> Due to time constraints there was a need to quickly prepare the documentation so that the developers can start working on the to-to app even before the final designs were finished. We use an internal wiki to document everything. My job is to specify the features, interactions, roles and layout. This documentation which includes the wireframes as well, is then passed to the development team. Having a close relation with the developers there is direct communication in case of questions from their part or clarifications from mine. Parallel to the documentation process our interface designer starts giving the final look, to the application (after a short brief). Our design team which includes UX and Interface design works very closely and often there is real time communication in case of clarifications for a design or when decision choices need to be made. Even though we have quite a democratic process for application design, I try to push the UX agenda over slicker design in case of dilemmas that can influence the way the user interacts with the application Phase 7: Design Our interface designer, Polina Flegontovna, uses Adobe Fireworks as well, so that we can have an optimal workflow. Starting with my wireframe files, she builds over them creating the final look of the application. During the design process we discuss and find solutions when difficult cases are detected. Our goal is to deliver both the user experience and a fantastic look and feel. When completed, the final designs are uploaded to the wiki as well as specified, so that our front-end developers can reproduce it. Phase 8: Development I have a close relationship with our developers. I tend to do follow up meetings making sure that we are on the same page regarding the end user experience. Constant contact avoids silos, provides solutions in case of technical difficulties or misinterpretation of designs. We try to find solutions together in case of unpredictable issues. Phase 9: Final result I am really proud of this first version of the app. We started from scratch and we managed to have fully functional, usable and cool looking app. <img src="http://payload11.cargocollective.com/1/2/87599/2539468/30.png" width="373" height="538" width_o="373" height_o="538" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/30_o.png" data-mid="12821230" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/26.jpg" width="670" height="407" width_o="1024" height_o="623" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/26_o.jpg" data-mid="12821221" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/27.jpg" width="670" height="407" width_o="1024" height_o="623" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/27_o.jpg" data-mid="12821222" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/28.jpg" width="670" height="407" width_o="1024" height_o="623" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/28_o.jpg" data-mid="12821225" border="0" align="left"/><img src="http://payload11.cargocollective.com/1/2/87599/2539468/29.jpg" width="670" height="407" width_o="1024" height_o="623" src_o="http://payload11.cargocollective.com/1/2/87599/2539468/29_o.jpg" data-mid="12821229" border="0" align="left"/> Future steps We have planned after the release to run usability tests to evaluate the level of integration of the to-do application with the current, global user experience in eyeOS. More precisely we will do a heuristic evaluation using both single user and collaborative scenarios. We want to assess, usability, collaboration and performance. My next steps are to create user scenarios and questionnaires, decide which parts of the applications we need to test and find participants that fit our target group. Thank you for taking the time to read the process I followed to create the UX of the to-do application for eyeOS. For any comments or questions please do contact me. Herein, I go through the process we followed to create a task manager application for the next release of the eyeOS Cloud operating system. Phase 1: Ideation The... http://jasonrados.com/Under-Development-iPhone-app http://jasonrados.com/following/jasonrados.com/Under-Development-iPhone-app Wed, 23 Feb 2011 14:43:12 +0000 Jason Rados 1096194 Miguel Sanchez, Pablo Lopez and I are working on a new iPhone app. Since we are in the development process I cannot share any info ;) <img src="http://payload.cargocollective.com/1/2/87599/1096194/Coloqal-mockup-ALT.png" width="400" height="597" width_o="400" height_o="597" src_o="http://payload.cargocollective.com/1/2/87599/1096194/Coloqal-mockup-ALT_o.png" data-mid="5263696" border="0" align="left"/> Miguel Sanchez, Pablo Lopez and I are working on a new iPhone app. Since we are in the development process I cannot share any info ;) http://jasonrados.com/RazzmaSplash http://jasonrados.com/following/jasonrados.com/RazzmaSplash Wed, 23 Feb 2011 13:20:36 +0000 Jason Rados 1095741 Stop Motion attempt for a class presentation during my studies. Drunk guy comes out of Razzmatazz and searches for food early in the morning... I used Google street view to reconstruct the path of the persona and Ableton live for the sound design. Stop Motion attempt for a class presentation during my studies. Drunk guy comes out of Razzmatazz and searches for food early in the morning... I used Google... http://jasonrados.com/Touchscreen-DJ-Mixer-Concept http://jasonrados.com/following/jasonrados.com/Touchscreen-DJ-Mixer-Concept Wed, 23 Feb 2011 09:49:41 +0000 Jason Rados 1094945 I have been DJing since 2000 and parallel to my music passion I find quite interesting the evolution of DJ technology. This interest lead to the proposal of this touchscreen mixer concept during my HCI course. I did a paper prototype and then an interactive prototype to assess the usability of such a system. The concept was taking an existing 2 channel mixer and adding a touch screen, an audio interface and a hardrive. My goal was to propose an integral solution that would implement the features of modern Digital Vinyl Systems, while providing an intuitive, non obstructing touch interface. This device would be stand-alone and the DJ would not need a computer to mix. Although this project was just a concept, I would love to see it realized into a final product. <img src="http://payload.cargocollective.com/1/2/87599/1094945/SDC10982.jpg" width="670" height="502" width_o="1280" height_o="960" src_o="http://payload.cargocollective.com/1/2/87599/1094945/SDC10982_o.jpg" data-mid="5262233" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094945/SDC10983.jpg" width="670" height="502" width_o="1280" height_o="960" src_o="http://payload.cargocollective.com/1/2/87599/1094945/SDC10983_o.jpg" data-mid="5262231" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094945/SDC10977.jpg" width="670" height="502" width_o="1280" height_o="960" src_o="http://payload.cargocollective.com/1/2/87599/1094945/SDC10977_o.jpg" data-mid="5262236" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094945/SDC10976.jpg" width="670" height="502" width_o="1280" height_o="960" src_o="http://payload.cargocollective.com/1/2/87599/1094945/SDC10976_o.jpg" data-mid="5262239" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094945/SDC10975.jpg" width="670" height="893" width_o="960" height_o="1280" src_o="http://payload.cargocollective.com/1/2/87599/1094945/SDC10975_o.jpg" data-mid="5262243" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094945/DJ touchscreen final.pages-2.png" width="463" height="540" width_o="463" height_o="540" src_o="http://payload.cargocollective.com/1/2/87599/1094945/DJ touchscreen final.pages-2_o.png" data-mid="5262245" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094945/DJ touchscreen final.pages-1.png" width="466" height="543" width_o="466" height_o="543" src_o="http://payload.cargocollective.com/1/2/87599/1094945/DJ touchscreen final.pages-1_o.png" data-mid="5262248" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094945/DJ touchscreen final.pages.png" width="464" height="541" width_o="464" height_o="541" src_o="http://payload.cargocollective.com/1/2/87599/1094945/DJ touchscreen final.pages_o.png" data-mid="5262252" border="0" align="left"/> I have been DJing since 2000 and parallel to my music passion I find quite interesting the evolution of DJ technology. This interest lead to the proposal of this... http://jasonrados.com/Piplex http://jasonrados.com/following/jasonrados.com/Piplex Wed, 23 Feb 2011 09:48:20 +0000 Jason Rados 1094937 I participated in Media Lab Prado's interactive game workshop in Madrid. I collaborated with friends to create Pingus, an augmented reality game. I was in charge of the sound design for the game. Piplex is an augmented reality video game where players can solve puzzles using plasticine and cardboard. It has been developed over the PLEX framework, a natural user interface for physical interaction. As a family-friendly experience, Piplex combines individual and collaborative performance, entertainment and learning content, and has been tested in different research fields such as Human Computer Interaction, education and video game technology. Piplex is a project of Plastic Interaction, a studio based on Barcelona, Spain. Plastic Interaction Website <img src="http://payload.cargocollective.com/1/2/87599/1094937/Action Schema Piplex.jpeg" width="590" height="435" width_o="590" height_o="435" src_o="http://payload.cargocollective.com/1/2/87599/1094937/Action Schema Piplex_o.jpeg" data-mid="5350363" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094937/A child playing Piplex.png" width="590" height="385" width_o="590" height_o="385" src_o="http://payload.cargocollective.com/1/2/87599/1094937/A child playing Piplex_o.png" data-mid="5350364" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094937/User3.png" width="590" height="393" width_o="590" height_o="393" src_o="http://payload.cargocollective.com/1/2/87599/1094937/User3_o.png" data-mid="5350360" border="0" align="left"/> I participated in Media Lab Prado's interactive game workshop in Madrid. I collaborated with friends to create Pingus, an augmented reality game. I was in charge of... http://jasonrados.com/NewsZoom http://jasonrados.com/following/jasonrados.com/NewsZoom Wed, 23 Feb 2011 09:47:40 +0000 Jason Rados 1094932 Design of a museum installation inspired by the concept of Gatekeeping in Media for the Education, Games and Entertainment course. Our goal was to demonstrate the ephemeral nature of news and how they come to the spotlight. The interaction concept was based on the location of the visitors. Visitors would explore the stories that were displayed on the floor of the installation in form of floating images, that constantly change. The images would be delivered in real time from Reuters and other sources. When many visitors were looking at the same floor projected image, then it gained importance and was displayed on the main vertical screen. Carried out with Pål Hernes Fiva and Silvia Alcaraz. <img src="http://payload.cargocollective.com/1/2/87599/1094932/Picture 23.png" width="670" height="478" width_o="1077" height_o="769" src_o="http://payload.cargocollective.com/1/2/87599/1094932/Picture 23_o.png" data-mid="5263129" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094932/Picture 21.png" width="670" height="478" width_o="1082" height_o="773" src_o="http://payload.cargocollective.com/1/2/87599/1094932/Picture 21_o.png" data-mid="5263132" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1094932/Picture 17.png" width="670" height="478" width_o="1071" height_o="765" src_o="http://payload.cargocollective.com/1/2/87599/1094932/Picture 17_o.png" data-mid="5263136" border="0" align="left"/> Design of a museum installation inspired by the concept of Gatekeeping in Media for the Education, Games and Entertainment course. Our goal was to demonstrate the... http://jasonrados.com/Interactive-Learning-Experience http://jasonrados.com/following/jasonrados.com/Interactive-Learning-Experience Wed, 23 Feb 2011 09:47:04 +0000 Jason Rados 1094889 During the development process of my friend Silvia Alcaraz's master thesis project I suggested to implement sound markers to facilitate interaction. Silvia entrusted me to make the sound design for her interactive game. Having in mind that it is a multiplayer experience, with many events at the same time, I tried to use sounds only when needed. The result was a more immersive experience and clearer feedback on the game's goals. The Nanotechnology interactive installation was commissioned by Fundació “la Caixa” and CosmoCaixa Museum and exhibited at the International Conference on Interaction Design (Barcelona, June 2010) ITS '10 ACM International Conference on Interactive Tabletops and Surfaces During the development process of my friend Silvia Alcaraz's master thesis project I suggested to implement sound markers to facilitate interaction. Silvia... http://jasonrados.com/Clapping-Interface http://jasonrados.com/following/jasonrados.com/Clapping-Interface Tue, 22 Feb 2011 04:47:27 +0000 Jason Rados 1089624 This was a project I took part during my master studies for the Sound Communication course. The soundscape generator is an interactive game without a Graphical User Interface. The user listens to sounds and selects the appropriate ones to compose a soundscape by clapping. I focused on the sound design. The Soundscape Generator is: a) a little decision game to create soundscapes* b) a purely sonic interactive experience c)an application exploring soundscape structure d)a CSIM student project for Sound Communication e)all of the above brought to you by Camilla Venezuela, Cătălin Codrean, Eliza-Nefeli Tsaoussis and Jason Rados. How to play: 1- Clap your hands 2- Listen to the first sound carefully: it is the background of your soundscape 3- Choose from the 2nd set of sounds which one fits your background by clapping 4- Choose the third sound that best fits the soundscape 5- Listen to the soundscape that you crafted and how good you've performed! en.wikipedia.org/​wiki/​Soundscape <img src="http://payload.cargocollective.com/1/2/87599/1089624/Signal player.png" width="670" height="411" width_o="1172" height_o="720" src_o="http://payload.cargocollective.com/1/2/87599/1089624/Signal player_o.png" data-mid="5261337" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089624/Marker player.png" width="670" height="414" width_o="1163" height_o="720" src_o="http://payload.cargocollective.com/1/2/87599/1089624/Marker player_o.png" data-mid="5261338" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089624/Final player.png" width="670" height="405" width_o="1191" height_o="720" src_o="http://payload.cargocollective.com/1/2/87599/1089624/Final player_o.png" data-mid="5261339" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089624/background player.png" width="670" height="408" width_o="1180" height_o="720" src_o="http://payload.cargocollective.com/1/2/87599/1089624/background player_o.png" data-mid="5261341" border="0" align="left"/> This was a project I took part during my master studies for the Sound Communication course. The soundscape generator is an interactive game without a Graphical User... http://jasonrados.com/Master-Thesis http://jasonrados.com/following/jasonrados.com/Master-Thesis Tue, 22 Feb 2011 03:41:04 +0000 Jason Rados 1089402 My master thesis was a study of the Tangible Jukebox, a Reactable application for making collaborative playlists. I designed and ran usability tests to improve the existing research project. Upon suggesting improvements for the system I designed and executed a research experiment, to assess the benefits of Tangible over Multitouch interaction regarding collaboration, performance and usability. The thesis was for the Interdisciplinary Master in Cognitive Systems and Interactive Media at the Pompeu Fabra University. My supervisor was Dani Gallardo the creator of the Tangible Jukebox and my thesis coordinator was Sergi Jorda. Thesis Abstract: The present work focuses on the Tangible Jukebox, a tabletop multi-touch tangible interface. The system allows users to manipulate physical objects in order to create and manage digital music playlists collaboratively. The Tangible Jukebox proposes novel ways of interaction with digital music. Research in the field of TUI has focused on delivering innovative prototypes but has given less quantitative results compared to other fields, often opting instead for qualitative methods of research. This research focuses on the system from both qualitative and quantitative methods. The objective is to improve the user experience via usability tests and to assess, measure, and understand how users perform tasks on a TUI or a Multitouch only system. We present our usability findings and improvements. Furthermore we describe and demonstrate our experiment which was designed to compare a Tangible User Interface and a Multitouch only version of the system regarding: performance, ease of use, collaboration, ergonomic and hedonic qualities as well as appeal in the context of playlist creation and management. Finally we demonstrate and discuss our results. <img src="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-28 at 9.12.06 ...png" width="670" height="418" width_o="1440" height_o="900" src_o="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-28 at 9.12.06 .._o.png" data-mid="5232736" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-29 at 1.08.57 ...png" width="670" height="418" width_o="1440" height_o="900" src_o="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-29 at 1.08.57 .._o.png" data-mid="5232750" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-28 at 9.12.19 ...png" width="670" height="418" width_o="1440" height_o="900" src_o="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-28 at 9.12.19 .._o.png" data-mid="5232741" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-28 at 9.12.37 ...png" width="670" height="418" width_o="1440" height_o="900" src_o="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-28 at 9.12.37 .._o.png" data-mid="5232744" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-28 at 9.13.04 ...png" width="670" height="418" width_o="1440" height_o="900" src_o="http://payload.cargocollective.com/1/2/87599/1089402/Screen shot 2010-08-28 at 9.13.04 .._o.png" data-mid="5232747" border="0" align="left"/> My master thesis was a study of the Tangible Jukebox, a Reactable application for making collaborative playlists. I designed and ran usability tests to improve the... http://jasonrados.com/MiDi-to-iPad-app http://jasonrados.com/following/jasonrados.com/MiDi-to-iPad-app Tue, 22 Feb 2011 03:02:05 +0000 Jason Rados 1089332 Since the iPad's release I thought it would make a great control surface for DJ's. This idea had started from my touchscreen mixer concept. When the CoreMiDi API was released I decided to make the app by collaborating with Miguel Sanchez (Developer) and Pablo Lopez (Graphic Designer). Our goal was to create the most intuitive, easy to use DJ controller that worked wirelessly through MIDI. MiDi-to is designed to minimize interaction between the DJ and his computer, while bringing back his focus to the turntables and mixer. Our performance centered controller app was released on the iPad app store in December 2010 and has been reviewed positively for it's ease of use and hands-on experience. I was in charge of the concept, interaction design, testing and promotion. <img src="http://payload.cargocollective.com/1/2/87599/1089332/Splash-Screen-with-iPad.jpg" width="670" height="531" width_o="1600" height_o="1270" src_o="http://payload.cargocollective.com/1/2/87599/1089332/Splash-Screen-with-iPad_o.jpg" data-mid="5232209" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089332/Main-with-iPad.png" width="670" height="531" width_o="1600" height_o="1270" src_o="http://payload.cargocollective.com/1/2/87599/1089332/Main-with-iPad_o.png" data-mid="5232208" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089332/Fx-View-with-iPad.jpg" width="670" height="531" width_o="1600" height_o="1270" src_o="http://payload.cargocollective.com/1/2/87599/1089332/Fx-View-with-iPad_o.jpg" data-mid="5232205" border="0" align="left"/><img src="http://payload.cargocollective.com/1/2/87599/1089332/Library-View-with-iPad-slanted.png" width="670" height="531" width_o="1600" height_o="1270" src_o="http://payload.cargocollective.com/1/2/87599/1089332/Library-View-with-iPad-slanted_o.png" data-mid="5232206" border="0" align="left"/> Since the iPad's release I thought it would make a great control surface for DJ's. This idea had started from my touchscreen mixer concept. When the CoreMiDi API...