UI Design
Tuesday, October 20, 2009 1:14 AM
I'm very happy of attending a UX Camp last Saturday.
Even though I preferred speeches about suggestions and problems then others about UI methodologies, I listened to some very interesting ideas and I met nice people to talk to.
I talked together with Cristiano about Interfaces for elder users.
A very big part of our society is now excluded from Internet because the interfaces that we are using every day, are too difficult for them. There is more attention on accessibility for people with disabilities, than there is for elder people. But they WANT to understand and use our technological tools,...
Friday, September 18, 2009 7:59 PM
I'm sitting in front of my mac, searching for an idea on how to make a multiple choice usable. I'm in hurry and I've a very short time to do it.
Sadly, but it's every day's story.
I write something on the google seach bar, hoping to find something that can help me.
So, I found Patterns library sites.
Design pattern history
The concept of using a library of examples to find standard solutions to solve common problems was developed by Christopher Alexander in 1977 in a architectural book.
"The book provides rules and pictures, and leaves decisions to be taken from the precise environment of...
Wednesday, June 17, 2009 12:10 AM
Finally our paper "Role of thesauri in a scientific organization" is published.
It is about the project for the JRC of Ispra where I worked till June 2008. It talks about association of indexes and how we can use them to organize a document. The article was split in three part:
the first called "Networks of people" which analizes the history of tge JRC center
the second one called "Networks of term and people", that talks about the relation between the terms of controlled vocabulary and people that used them
the last...
Friday, May 15, 2009 1:07 AM
Last Friday I talked about how to design and create mockup of RIA applications in a community event.
There are many tech talks about it, but, instead, I wanted to talk about the approach to the prototyping.
For me, the most important concept is "user centered design". An application becomes a RIA not for the technology with which it is built, but for its purpose.
RIA application takes behaviour from both, desktop and web applications. From the first one, it takes the standard menu terms (file, edit, save and delete), the tools menu and the direct manipulation of an object (like drag and...
Monday, April 06, 2009 11:45 PM
Recently I read Ambient Findability again. I think that this book is still good today, the same as when it was written, in 2005.
At page 45, Peter Morville, the author, says: "Technology moves fast. Evolution Moves slow."
He refers to Calvin Moores and put our attention to the social context of the users that need to retrieval information.
What's the deal with User interface design?
A lot of famous designer tell to us that the most important thing is designing simple interface. But simple is not the same of "for dummies". It's like something that follows our instinct.
A lot of our action are...
Thursday, March 26, 2009 12:46 AM
One of the many tasks that my profession (UX designer) is the design mockups. I'm always looking for the perfect mockup tool, because I'm spending a lot of time on design them and I wanted to find a better tool. I tried many programs as Adobe Illustrator, Microsoft Visio and Microsoft PowerPoint, but all have the same problem: they aren't born to design mockups.
In the last days I tried two web applications that whose main focus is wireframes design: LovelyChart and Balsamiq.
Balsamiq
LovelyCharts
LovelyCharts is a RIA application that allows you to designs most of the charts related to the application development,...
Wednesday, March 11, 2009 12:27 PM
While walking around Berlin, I saw an interesting book, Data Flow , on a table in a bookstore in the NeuroTitan gallery. The book is showcase of a lot of interesting visualizations and is very inspirational.
Data visualization is becoming very important for the future application. With all the opportunities opened by RIA applications you have to think about different way to design your applications: you can use both the web interaction patterns and usual desktop application's ones. And the given that, the information architecture is different as well.
One important fact to remember is that if you have to represent complex...
Friday, February 27, 2009 10:17 AM
Today i read an interesting article about Agile UI design: in the last months there has been a lot of talking about Agile even in design sphere. It is not easy to apply this methodology into a project. You (and all the team) must have an open mind and management that is willing to try new approaches and that doesn't have a big hierarchy
I work in a kind of media agency inside a big consulting company and I saw the following behavior: you have to to use Agile methodology with your team when you are in the development phase...
Wednesday, February 18, 2009 10:28 PM
For years data visualization had a secondary position in the graphical area. It was the kingdom of pie chart.
Data visualization has a lot of importance in the scientific field, where it is important to understand at the first glance the meaning of a lot of data without having to read through them: in this case a visualization creates a map that represents numbers and words in way that makes aggregate information emerge.
For two years I was in a project for a scientific data visualization and I had the chance to dig into the theory of information visualization. I discovered a...
Monday, February 02, 2009 10:50 PM
In my past article I wrote about CSS framework. I used YUI grid, but I'm not totally satisfied with it, so I'm looking around to find a new CSS Grid to use.
Today I read this post on Noupe and I found something quite interesting:
SenCSs that can give you a basic styling for forms, common classes and typographic standard across browsers, it's very clear and basic and does not have grids;
From the comment that I had read and by what I saw the 960 Grid System and Blueprint are very good and rich...
Thursday, January 22, 2009 8:00 AM
I begin to look for a software for project managment .... basically I want to run away from Project, it fits for everything, but It seems to me like PPT :(
Probabily if I attended a course about it I would have known a lot of tips, but there are a lot of things that I can't use easily.
The plan of a project is very important, it helps you to orient through the time and what you are developing: it is like looking for a shirt among wardrobe compare to looking for it in a pile.
So I read on smashing magazine...
Wednesday, January 14, 2009 8:00 AM
Under the term schematics in Wikipedia we can find:
"A schematic is a diagram that represents the elements of a system using abstract, graphic symbols rather than realistic pictures."
In a project it is an abstract representation of a system, a database, an architecture of information system, a site tree, its information architecture and navigation.
Designing a model is very important to build coherent applications, especially if they are interactive. If not used when designing the user interaction of an application the risk is that you don't build a user-friendly application.
For years web development was no men's territory, so you can see a...
Saturday, January 03, 2009 6:31 PM
In realta guardando nell'archivio dell'anno passato di wemakemoneynotart ho trovato questa interessante retrospettiva sulla visializzazione dei dati.
Certo, molto fa già parte della nostra comune conoscenza, ma chi di noi non tiene manuali e vocabolari a portata di mano per controllare qualcosa che non si era capito o solo dimenticato?
Wednesday, December 31, 2008 5:21 PM
Stamattina leggo questo post su ignore the code la cui frase finale mi ha fatto rabbrividire: è vero siamo responsabili dell'impatto che potrebbero avere alcune delle nostre applicazioni sulla società, siamo responsabili delle abitudini che si verranno a creare.
Prendo uno degli esempi che fa, PowerPoint. Sicuramente ha cambiato il modo di pensare e fare presentazioni e con che impatto!! Tutti fanno SOLO presentazioni in PPT ... purtroppo che passa oltre al contenuto e alla sua comprensione spesso (rimando al famoso scritto di Tufte sulle presentazioni in PPT ).
E mi chiedo anche PPT con i suoi strabiglianti effetti, sarà un prodotto...
Saturday, November 08, 2008 8:30 PM
Incredibile! Noto con piacere che la User expirience viene presa in considerazione all'interno della metodolgia AGILE.
In questa presentazione viene presentata la metodologia AGILE all'interno del processo di sviluppo software citando anche il passaggio della creazione dell'interfaccia utente: che bello, esisto anche io!!
Divertente la descrizione di chi è attratto dalla disciplina dell'interface design ... ma al posto della bionda svampita non avrebbero potuto mettere un bel fighetto a rappresentare il designer incompetente??!!!
Tuesday, October 21, 2008 1:09 AM
Alla biennale di architettura di Venezia è possibile interagire con questa applicazione:
Mæve installation @ Venice Biennale 2008 from Maeve installation on Vimeo.
E' una superficie su cui appoggiando delle carte vengono a crearsi dei collegamenti multimediali che contestualizzano il soggetto rappresentato dalla carta. Dalla postazione multimediale, ormai diventata usuale nelle gite ai musei, ci siamo evoluti nella direzione di creare uno spazio fisico che possa stimolare tutti i sensi dell'utente. E sta diventando parte della nostra quotidianità con una velocità evolutiva incredibile...
Friday, October 10, 2008 10:40 PM
Immersi in una realtà di video+audio, dove le interazioni di moltiplicano, abbiamo dimenticato un vecchio concetto, che però tanto invade la nostra vita ora.
La sinestesia.
Soprattutto mi rendo conto di non averne mai parlato io, eppure ho dedicato spazio alla visualizzazione, processing, etc....
"Scientists studying synesthesia define it as occurring “when stimulation of one sensory modality automatically triggers perception in a second modality” (Harrison and Baron-Cohen 1996: 3).
Il mio amico Massimiliano a questa definizione aggiunge la seguente citazione:
sinestesìa, dal greco, syn = insieme + aisthesis = percezione
"... e NON quelle metafore, figure retoriche, simbolismi sonori
o deliberati progetti artistici che...
Wednesday, September 03, 2008 2:13 AM
Qualche giorno fa, ho postato sul mio fotoblog questa foto:
E' una visualizzazione di dati.
Dati riportati sulla mappa che interpreta in forma stilizzata, le mani di chi deve farsi giornalmente le analisi. L'immagine della mano è stata modificata per meglio esprimere la necessità legata ai dati da trasmettere: indicare quali e quanti punti sono utilizzabili per prelevare il sangue e quali delle due mani usare.
All'inizio della settimana i pallini sono vuoti e si riempono mano a mano verso il fine settimana.
Con estrema semplicità ed efficacia è stato riportato un dato e reso usabile per uno scopo.
Saturday, August 30, 2008 8:47 PM
E' tutta la settimana che mi tengo in borsa un articolo che mi sono stampata da A List Apart.
Finalmente oggi ho avuto il tempo di leggerlo.
Mi aveva catturato il titolo, l'articolo di per sè è il racconto di un'esperienza personale dell'autore, ma è interessante il problema "morale" che solleva, sul non vedere un applicativo web, nel caso un sito, solo come un oggetto, ma come un aggregato di esperienze delle persone in esso coinvolte.
Non è applicabile a tutto, ma a molto :)
Friday, August 29, 2008 8:12 AM
Perchè fare uno schematics? Beh dovrebbe essere chiaro a tutti che decidere le cose mentre si è coinvolti nel farle, limita la propria visione alle contingenze. Quindi è necessario avere una visione più ampia. Organizzare i contenuti e i flussi di una applicazione, necessita di una architettura che non arrivi al dettaglio, ma che piuttosto si ampli per estensione.
Nell'informatica ci sono già diverse metodologie, nel video anche (soggetto, sceneggiatura, storybard). Ma nell'ampio ambito dell'informatica gli applicativi web sono una zona franca in cui tutto è concesso, in particolare per le interfacce; eppure qualcosa sta cambiando.
Nella mia esperienza fino a qualche...
Thursday, July 31, 2008 12:12 AM
Su richiesta riprendo la discussione sugli schematics (raffeau)
Wiki alla voce schematics dice:
"A schematic is a diagram that represents the elements of a system using abstract, graphic symbols rather than realistic pictures."
Chiamiamolo come vogliamo, schemi, wireframe, schematics; la sostanza rimane che rappresenta in modo astratto un sistema, sia esso un database, un'architettura di un sistema informatico, l'alberatura di un sito-applicativo, la sua architettura dei contenuti, la sua navigazione.
Un applicativo interattivo, sia esso web-based o altro, richiede necessariamente un modello progettuale che passa per uno schema concettuale che racchiuda i passaggi di azione e feedback in modo esemplificativo, altrimenti ne verrebbe fuori...
Wednesday, May 07, 2008 5:42 PM
Da due anni mi occupo di visualizzazione delle informazioni per un progetto scientifico.
Sicuramente l'esperienza che ho fatta riveste un grande valore per me anche perchè mi ha permesso di affrontare tematiche nuove.
Ormai alla fine di questa mia esperienza, pubblicherò insieme ad un mio collega un articolo su MokaByte, all'interno di una serie dedicata a Processing.
La visualizzazione di dati è una parte della User Experience, nel senso più ampio di questo termine ed è oltre ciò che comunemente intendiamo come Webdesign.
Se per questo utilizziamo ben noti approcci cognitivi, nella visualizzazione di dati dobbiamo costruirne e cercarne di nuovi perchè la struttura...
Friday, September 08, 2006 8:06 PM
Vi consiglio di leggere con attenzione questo interessante e articolato punto di vista sulle interfaccie del futuro, The Future of Human-Computer Interaction
E' un lungo articolo, diviso in quattro paragrafi: l'autore, John Canny, dopo aver fatto una breve storia della situazione che c'era in passato, presenta la situazione attuale delle varie tipologie di interfaccie, soprattutto per i dispositivi mobile, puntando l'attenzione sull'importanza crescente dello studio dell'interazione uomo-macchina, importanza accreditata non solo nel campo scientifico, ma anche in quello commerciale.
Non è uno scritto focalizzato sul web, ma è comunque interessante perchè ci da un panorama di ampio respiro.
Wednesday, August 23, 2006 7:54 PM
Tra i vari problemi legati all'accessibilità, c'è la questione di come percepiscono i colori i daltonici.
Ci sono 4 tipologie di disturbi visivi legati alla percezione del colore:
1 cecità del rosso e verde (deutanopia, nessun "bastoncino" verde)
2 cecità del rosso e verde (protanopia, nessun "bastoncino" rosso)
3 cecità del blu e del giallo (trinopia, nessun "bastoncino" blu)
4 cecità rispetto a tutti i colori
In pratica a meno di non fare un sito interamente in gradazioni di grigio, non sembra ci sia verso di mettere tutti d'accordo. Ovviamente sono diverse le percentuali di utenti che sono affetti dall'uno o dall'altro disturbo, dovremmo nello specifico,...
Saturday, August 05, 2006 10:22 PM
Molti designer si trovano di fronte la realtà di dover "impaginare" un sito di cui forme e colori sono stati già decisi. Ma non è un lavoro solo tecnico-meccanico. Oltre alle soluzioni tecniche legate alla implementazione dell'interfaccia, ci sono le soluzioni formali e concettuali nell'impaginazione del testo.
Innanzi tutto ci troviamo di fronte alla frustrante scelta del carattere da usare..
Le famiglie di font che ci troviamo a disposizione e che siano cross-platform, non sono molte, si dividono in famiglie "serif", "sans Serif" e a spaziatura fissa. Certo possiamo favorire gli utenti di uno o dell'altro sistema operativo, mettendo una font presente...
Saturday, July 22, 2006 5:51 PM
Continuo sul tema iniziato qualche settimana fa, cioè le scelte "basiche" nella costruzione di un design per una interfaccia grafica, principalmente web-based.
Le forme trovano riferimenti nella nostra memoria di uomini, perchè sono presenti nella storia espressiva da sempre.
Le forme geometriche principali sono cerchi, triangoli, quadrati e rettangoli.
Scegliere delle forme piuttosto che altre sicuramente contribuisce all'espressività e alla comunicatività della nostra interfaccia.
La nostra cultura associa le forme rotondeggianti alla sfera femminile, quelle triangolari a quella maschile; in genere, comunque, le forme morbide, trasmettono sicuramente delle sensazioni di sensualità.
Ci sono lunghe trattazioni sui concetti legati alla forma quadrata.
Un buon manuale di...
Thursday, June 22, 2006 2:01 PM
La scelta della palette da usare per la grafica del sito (e di qualunque altro oggetto grafico o di design), è sicuramente una delle scelte più importanti che ci capita di fare del processo di design.
La scelta dei colori, come delle forme, è determinante per veicolare il messaggio proposto dal sito e l'immagine che si vuole dare di esso.
Ci sono pubblicate delle tabelle che riportano le emozioni suscitate dai vari colori, come per esempio, citando i 3 colori RGB:
Rosso > potenza, energia, ma anche pericolo
Verde > natura, terra, salute, gelosia, rinnovamento
Blu > fiducia, conservazione, tristezza
In aggiunta ci sono anche...