Fast prototyping experiences related with user interfaces.
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
rita fede51bbd2 Upload files to 'UI-guidelines' 4 years ago
Chat server and client first 5 years ago
Clickbait bot first 5 years ago
Scraping and Filtering News first 5 years ago
Touch 2tap first 5 years ago
Touch panup first 5 years ago
UI-guidelines Upload files to 'UI-guidelines' 4 years ago Upload files to '' 4 years ago



  • develop and execute small scripts related to your research topic
  • no more of 45 minutes for each experiment
  • post the premise, outcome and process of the experiment
  • embrace loss, confusion, dilettance, and serendipity

Research topic

  • persuasive interfaces
  • user interfaces
  • social media interfaces


Chat server and client

Field notes: An important feature of any social media is the chat interface, so I wanted to explore it in more depth. I created a server and a client script. This was very interesting for me. I would like to work further.

Chat image

Clickbait bot

One of the persuasion tactics used by users is clickbait.

“Clickbait is a form of false advertisement which uses hyperlink text or a thumbnail link that is designed to attract attention and entice users to follow that link and read, view, or listen to the linked piece of online content, with a defining characteristic of being deceptive, typically sensationalized or misleading [...]”

I used the scripts from the Eliza bot experiments we made last year with Michael to do a clickbait generator. Field notes: The Eliza folder I have is missing a python script, needed for the makefile script. The bot doesnt read numbers or characters such as??!!!!!!. Which are quite essential when doing clickbait titles. Its probably something with the UTF-8 encoding but I couldnt figure it out.

Clickbait image

Scraping and Filtering News

While researching about persuasive interfaces I came across the Facebook news feed experiment in 2004. “It has published details of a vast experiment in which it manipulated information posted on 689,000 users' home pages and found it could make people feel more positive or negative through a process of "emotional contagion”.” The fact that what we see online influences us so much made me want to explore it more. For this day I wanted to scrape news headlines and make my filter bubble.

I made a script that scrapes news headlines from The Washington Post website and writes them on a text file; Then another script sees if any of this news have the word “Trump” (my filter word). I write an HTML file with this news. I make myself only read Trump news forever. Field notes: I could improve the last script by splitting words from punctuation (so Trump's count as Trump) but I need to improve my timing. Im usually going over the 45-minute mark. Remember that Im supposed to accept “embrace loss, confusion, dilettante, and serendipity”.

Touch 2tap

One of my topics of interest is how technology spreads its influence outside interfaces, changing our gestures and language. I think it would be interesting to explore omnipresent expressions of technology in our bodies.

To begin with, I will choose one hand gesture and make a small visual experience. If I continue with these, it would be nice to put them all together. You would toggle the visuals with gestures that you do every day when using technology, no instructions besides the embodied knowledge. Field notes: I wanted to use touch and not to be restricted to the keyboard, as the touch reflects the proximity we have with our devices. First I was using Kivy, a Python library because it allowed me to work with multi-touch. Michael made me realise it was too complex for the small prototype I was aiming for so I moved to javascript.

I spent way more than 45 minutes as I had to search for js libraries that recognised touch. I chose Hammer library for the prototype. Gesture: Double-tap Outcome: Simple gradient change when the user double-taps the screen.

Touch image

Touch panup

Field notes: This time it was faster because I knew the library better. Its hard to prototype touch gestures because my computer doesnt have touch so I need to be always putting online the script to try it on my phone.

I forget often the command to do it:

python -m SimpleHTTPServer 8000

Gesture: Pan up Outcome: Simple gradient change when the user pans up the screen.

Panup image

Comparing UI guidelines

After seeing the diagram above comparing Apples guidelines over time, I thought it would be interesting to explore and draw comparations between more companies.

Guidelines image