background preloader

Meaningful Play. Getting »Gamification« Right.

Meaningful Play. Getting »Gamification« Right.
Related:  UX

You can do better: Lessons Learned from Government Meets Social Net... Just add points? What UX can (and cannot) learn from games 5 Ways to Be Persuasive in Your UX Work By Michael Hawley Published: November 1, 2011 “To be successful as a UX professional, you need to know how to be persuasive.” In your work as a UX professional, do you ever find that you need to convince people that the team should follow a user-centered design process? Do you need to convince stakeholders they should do user research? Being good at persuading people is particularly important in our profession, for a variety of reasons. Recognizing the importance of persuasive skills, I was very intrigued when a speaker at a recent conference recommended the book 27 Powers of Persuasion by Chris St. 1. “Persuading others is much easier if they like you.” In the literature, this is a common theme: persuading others is much easier if they like you. First, start with the basics of etiquette. Second, find something that you like about the people you work with. I had this experience with a CEO I was working with on a project. Finally, don’t be afraid to be different. 2. 3. 4. 5. Yes, and…. St.

o montar formulários quando você é o responsável pelo código e design Acessibilidade Como montar formulários quando você é o responsável pelo código e design. O front-end é uma profissão de uma amplitude imensa. Temos profissionais montando mockups/PSDs, especialistas em acessibilidade, usabilidade, arquitetura da informação, integração com aplicações, designers de interface, application developers. Tem até SEO. O background do profissional neste momento não importa muito, apenas a afirmação que ele está trabalhando na camada de front-end. Em muitas empresas o front-end é trabalhado de maneira criteriosa, com separação de tarefas em maior ou menor intensidade, de modo que o processo esteja sempre azeitado e atento aos prazos dos outros times que dependem da interface. É o famigerado exército-de-um-homem-só, que em um projeto normalmente é responsável por: Pesquisa: Fornece dados e insights para o desenvolvimento de todo o projeto – sobre o usuário, suas características, hábitos e necessidades. Aplicando o Metawebdesign a formulários: o design da interface

Pequenos detalhes na interface de usuário fazem a diferença - Design BlogDesign Blog Muitas vezes não notamos pequenos detalhes nas interfaces que usamos. Coisas simples, desde uma borda de 1 pixel até o uso de uma cor diferente. Mas estes pequenos detalhes nas interfaces podem resultar em impactos enormes. Neste artigo vou falar sobre alguns casos de pequenos detalhes na interface do usuário (“user interface” ou UI em inglês) que fazem toda a diferença para o usuário final – e é algo com o qual devemos nos preocupar para poder fornecer um produto melhor. Vídeo no blog da Claudia Regina A Claudia Regina (responsável pelo Dicas de Fotografia e minha esposa) é uma fotógrafa com foco em pessoas, especialmente gestantes. Algum tempo atrás, ajudei a produzir um vídeo de apresentação dela que iria ficar na página inicial do blog dela, acima dos posts. A quantia de pessoas que clicava no “play” não passava de 30 por dia (em torno de 20% das visitas totais diárias) – um valor aceitável, já que o vídeo possui conteúdo adicional e não principal. Selecionador de país Conclusão

UI Design Guidelines for Responsive Design Some UI guidelines and tips to consider when designing a website to make it cross-device friendly and responsive. The web development community has come up with endless solutions, best practices, and tools for coding a responsive design with ease. While the vast majority of websites can be made responsive now, it’s time to push the envelope further. It’s easy to pay attention to great coding best practices, but sometimes the best design practices for various screen sizes get pushed aside. Many resources on responsive design cover the basics — make use of excess space on desktop, make things simpler on mobile. Desktop We see most of the attention for user interface principles when it comes to desktop websites. Points to Consider With the possibilities of desktop design, we can get away with, and take advantage of: Websites should take advantage of the extra capabilities of a desktop site to give the users more options. Tablets So how to we accomplish this goal? Smartphones, Mobile Showcase

Escrevendo na Web Escrever para a Web (Webwriting) se tornou uma ação muito comum desde pouco tempo, e o motivo maior é expor um ponto de vista, […] Escrever para a Web (Webwriting) se tornou uma ação muito comum desde pouco tempo, e o motivo maior é expor um ponto de vista, muitas vezes, informacional. Escrever para sites e blogs é diferente do que escrever para uma revista, um periódico ou outro veículo, porque requer atenções especiais, principalmente para atrair o leitor. Antigamente, os blogs eram uma espécie de diário online: as pessoas escreviam seus sentimentos, emoções, contavam sobre suas rotinas e acontecimentos importantes de suas vidas, com extrapolações de fotografias e animações. Não muito tempo atrás, os blogs se tornaram uma ferramenta essencialmente informacional, na maioria das vezes, ajudam a aumentar extraordinariamente o conhecimento das pessoas. O modo de leitura dos usuário é de acordo com o padrão em forma de F. Falar de acordo com a linguagem do usuário Consistência do conteúdo

UX Design Defined By Ritch Macefield Published: June 18, 2012 “In the field of user experience, people often confuse terms like information architecture, interaction design, visual design, usability engineering, and UX design.” Unfortunately, in the field of user experience, people often confuse terms like information architecture, interaction design, visual design, usability engineering, and UX design. Information Architecture Information architecture (IA) focuses on the organization of data—that is, how data is structured from a user’s perspective, as opposed to the system, or technical, perspective. At the level of an entire Web site, or application, information architecture determines what data is on each page and how pages relate to each other. “Information architecture (IA) focuses on the organization of data….” A major concern of information architecture is defining and using taxonomies—for example, information hierarchies—and classifying data within these taxonomies. Interaction Design Visual Design

UX Statistic If spending on UX is a no-brainer, then why do so many sites send users careening off the road to conversion? Just a little UX work up front pays off big time down the road. Scroll down for UX statistics to keep your customers on the right track. Websites that fail UX suffer from frustrated users and poor conversion rates — but with the right UX team, the development process can be more proactive...and more profitable. A UX strategist can coordinate inexpensive testing processes to avoid inflated costs — costs that can be 100x more than fixing errors during development. Customer retention is a big deal — yet the majority of users fail to convert because they think you don't care about their experience. Programmers spend half their time reworking projects — that means 50% more time added to your development cycle.

Trends in interactive design 2013

Related: