Category: Design

TODAY, Mobile Application - Make art from your communications log

Posted on 5:35pm 10/17/2008 by Bruno Silva in Culture, Design, Freeware, Mobility

In the last day of Shift’08 Conference I attended to a session about a project of investigation that I really liked. The speakers (authors of the project) weren’t good speakers and had difficulties to “sell the product”, but the project itself and their idea really pleased me. What is it?

TODAY is a piece of generative design for mobile phones.

It’s an application that visualizes personal mobile communication. It sits on the periphery of the machine, monitoring our connectivity through the number and type of calls we receive, subtly displaying them back to us, in the form of a generative graphic. Here, the visual result is a figurative and seemingly abstract picture – the story of your day. Some days will be really colorful and wired, others quieter and more reflective, either way the resulting visuals will always be personal, unrepeatable and unique.

They have a set of rules used in the creation of the elements of each drawing. Bellow you can have a taste of the main rules.

When I talked about this project to some people they were like “And what’s the use of it? Seems silly…” As far as I am concerned: NONE!!! But it is art! It is not meant to have an use. It is pretty and meaningful. Your day recorded in an image. Brilliant concept. That’s it. No “features”. This project gets funds from the Portuguese Ministry of Culture!

This software is free and it is available for download. The only drawback is that it targets only Symbian… When someone in the audience asked the authors about porting to other platforms they told that iPhone or Android would be great, but in the iPhone would be difficult to get information about your communications, so Android would be a nice option.

I was really sad that they didn’t even mentioned Windows Mobile, which I consider to be a great platform for development that is growing everyday. I haven’t ever tried something like this, but my feeling is that it wouldn’t be that difficult to get information regarding calls log and SMS’ log on a Windows Mobile powered phone.

Try this software if you can, really. Unfortunatly I won’t be able to… TODAY, Mobile Application.

Imagine Cup 2009 - You decide

Posted on 9:13pm 5/20/2008 by Bruno Silva in Design, Events, Imagine Cup, Microsoft, Web

It’s time for us to decide the next year Imagine Cup design graphics!

There are several choices.
CREATE

Imagine Cup 2009

A celebration of imagination and technology! This bold and colorful design dazzles the viewer with rich color, energy, and motion.

LIGHTBURST

Imagine Cup 2009

Imagination, motion and the idea of creating something powerful from nothing. Time freezes as we see figures dramatically emerge from cascades of moving light.

EMERGE

Imagine Cup 2009

Inspirational elements emerge from colorful bite-sized nuggets! Fun characters playfully make their way into the design.

FLOW

Imagine Cup 2009

Creativity, motion and inspiration.

TEXTILE

Imagine Cup 2009

With its color pallet, stitch patterns and color overlay, this design evokes a sense of hand wrought do it yourself design that resonates with youth culture. Earth themes are echoed throughout with elements like rain and plants, animals and clouds.

EXPLOSIVO

Imagine Cup 2009

Vinyl Toys, Spray Paint and Felt Tip Markers. Vibrant colors and high contrast hand drawn patterns evoke an energetic street pop art aesthetic.

Cast your vote at http://www.mondorobot.com/microsoft/IC2009/!

Windows Vista - Programs and Features

Posted on 8:38pm 1/05/2008 by Bruno Silva in Design, Software, Windows

I simply hate Programs and Features feature in Windows Vista when compared with the Windows XP Add or Remove Programs feature. Why? Just an interface issue. When you go to Programs and Features the list of programs starts empty and is filled while Windows finds out that programs you have installed.

Every time I try to click in a program to change or remove it, before the search is complete, I loose track of that item because there are always new items being added to the list and hiding the existing ones (when they are added before that one). Because the fill isn’t ordered, but the items remain in alphabetic orders, you never know in which position of the list a new item will pop up.

Programs and Features - Windows Vista

I rather prefer the old loading message before all the items appear at once. At least I don’t have the frustration of seeing the program I want to change and not being able to access it, and when I walk through the list I know that there will be no items appearing in the beginning of the list where I had already seen.

Add or Remove Programs - Windows XP

Maybe in Windows 7 this will be improved. Who knows? Meanwhile, I can live with it :)

Expression European Designer Tour - Relato

Posted on 9:33pm 10/24/2007 by Bruno Silva in Design, Events, Microsoft

Expression European Designer Tour

Esta tarde estive no Casino de Lisboa, neste evento realizado pela Microsoft que já referi no blog anteriormente.
O evento começou com a exibição de um vídeo de animação ilustrando as dificuldades existens na comunicação entre Designers e Developers. Um designer quer um conceito, o developer implementa de forma errada, e após um jogo de ping-pong arranja-se uma solução “parecida” com a desenhada martelando a implementação errada. Este é o problema que segundo a Microsoft o Expression Studio visa minimizar ou mesmo resolver.

A 1ª sessão foi dada pelo José António Silva – Architect Advisor, Microsoft.
Começou por tentar definir o conceito User Experience (UX).
Uma boa interface passa despercebida, mas quando somos obrigados a utilizar uma interface mal concebida essa má impressão tem um impacto bem maior. As pessoas assumem que o bom é o espectável, e o mau é que é de censurar.
UX por um lado é fiabilidade (segurança, expansão potencial, previsibilidade da interface, confiança), é também usabilidade (acessibilidade, aprendizagem simples). Um exemplo de aumento usabilidade é a alteração do Alt+Tab do Windows XP onde apenas aparecem os ícones das aplicações e os seus títulos, para a versão do Windows Vista, onde temos um preview das janelas para melhor identificação.
UX é utilidade. Tem de haver funcionalidade e valor acrescentado. Temos também a vertente da adaptabilidade (ao contexto, possibilidade de personalização). Como exemplo de adaptabilidade temos a Ribbon do Office 2007, que apresenta opções sensíveis aos objectos actualmente seleccionados.
A UX tem de apelar ao utilizador. A beleza, sensação de exclusividade e o apelo emocional fazem parte destas características não ligadas à funcionalidade, mas à “psicologia do utilizador”.

No fundo a User Experience tem como objectivo ser Efectiva, Eficiente e Satisfazer, tendo como base o melhor do design, tecnologia e usabilidade.

Reforçou-se a necessidade de ter uma camada de apresentação acima das tecnologias. Esta camada é o que liga o utilizador aos sistemas informáticos, e é nesta camada que se inserem elementos como o Ajax, Silverlight e Windows Presentation Foundation (WPF).
A partir deste ponto a tarde foi direccionada para o Silverlight. Este é um plugin cross browser/plaftorm que visa criar uma User Experiencia rica em conteúdos multimédia, e baseada em .NET.
Foram mostradas algumas aplicações web feitas com Silverlight que se encontram no showcase do site oficial.
De realçar o suporte de transmissão de conteúdos em alta-definição (HD).
Uma aplicação Silverlight/WPF consiste num ficheiro XAML, uma definição em XML do conteúdo. É esta definição que é manipulada, por um lado pelo designer, e por outro pelo developer.
Este formato permite ainda a criação de ferramentas de terceiros para exportação de formatos incompatíveis para elementos “importáveis”, ou mesmo o desenvolvimento de ferramentas de desenvolvimento.
Foi mostrado ainda o site http://premium.quiksilverlive.com
A 2ª sessão, dada por Martin Tirion – User Experience Advisor, Microsoft, consistiu num conjunto de demonstrações das aplicações do pacote Expression Studio.
Expression Web - edição de XHTML,CSS, XML e XSLT.
Expression Design - Desenvolvimento de elementos de interface, ferramenta vectorial.
Expression Blend - Interfaces Interactivas para Windows / Web
Expression Media - Catalogação de recursos multimédia, controlo de versões, procura, tagging
Expression Encoder - Conversão de formatos de multimédia

É de realçar que na realidade a comunicação entre Designer e Developers é sempre necessária. Tem de se definir os elementos de interface a desenhar, quais os nomes associados, e outras regras de forma a tornar a colaboração possível. Um grande benefício que foi realçado numa conversa com o orador, após a apresentação é a possibilidade de o programador fazer uma interface “tosca” com os elementos básicos, sendo esta melhorada por um designer.

Foi executada uma demonstração transversal ao Expression Studio que consistiu na criação de um player de um vídeo WMV. Começou por fazer o encoding do vídeo no Ex. Encoder (de realçar a possibilidade de fazer encoding de pré-visualização para comparação da qualidade de vídeo. Desta forma não se perdem horas a fazer encoding de um vídeo, para concluir que a qualidade é insuficiente). Nos vídeos podem-se colocar marcadores de capítulo, ou despoletar trechos de código num dado momento do vídeo.
No Ex. Web vão reparar que o look and feel é semelhante ao do Frontpage ou do VS Web Developer.
No Ex. Blend achei genial a opção de pegar numa animação e gerar a animação inversa. Imaginem uma situação habitual de por uma animação de entrada de um elemento. Blend permite gerar a animação inversa com 2 cliques. Muito porreiro! Outra cena gira, é que se tivermos uma animação despoletada por exemplo por um mouse enter num elemento, e despoletarmos um outro evento que começe uma segunda animação, o Blend trata de parar a 1ª e executar a 2ª. Parece tosco, mas na demo deu a sensação de haver fluidez neste processo.
Na 3ª sessão, dada pelo mesmo orador, pois o orador agendado não teve possibilidade de vir, falou-se de forma genérica do que é e será a web. A necessidade de ir de encontro ao que os utilizadores esperam, e a importância de não concentrar esforços num público alvo específico, quando existe um mercado por explorar.

Este é o princípio por trás desta conclusão:

Se nos concentrarmos na zona vermelha que é a mais popular, existe uma cauda enorme (maior que a parte vermelha) mas que não está a ser rentabilizada.Foi uma tarde interessante. Apenas tive pena de não terem mostrado mais sobre WPF e desenvolvimento de aplicações Windows. A tarde foi virada para a web. Por outro lado fico ansioso pela versão 1.1 do Silverlight, onde já virá suporte para programação em .NET ao invés do javascript. Neste momento o .NET faz parte apenas do universo WPF.

Os comes e bebes eram porreiros (principalmente porque o evento foi de borla :-P)

Escrevi demais… Peço desculpa! (Pelo menos a quem conseguiu ler tudo até esta última linha :-P)

HTML Playground

Posted on 2:02pm 10/22/2007 by Bruno Silva in Design, Utilities, Web

Na página http://htmlplayground.com pode-se brincar com HTML e CSS, tendo sempre uma ajuda à mão para perceber como funcionam as tags e respectivos atributos.

Não sei quanto a vocês, mas a mim isto dá um “jeitaço” ;-)

© Bruno Silva | Powered by Wordpress