background preloader

UX

Facebook Twitter

5 Best Practices for Single-Page UX Design. Everybody loves single-page websites. There is definitely some chemistry with this design trend. It has been around for quite a while, but it’s still on the rise and too many websites opt for it. SEE ALSO: Creative Single Page Website Designs, Examples A long time ago, having a single-page website was not something you would be proud of. Those were purely informative, “business card” websites that were considered cheap and boring.

But now single-page as a design trend is something entirely different. Although there is little evidence, some experts argue that single page websites tend to have higher conversion rates as compared to traditional navigation websites with multiple pages. Well, it’s not surprising. The biggest challenge in single-page design is to keep users scrolling. 1.

When you have just one page to tell your story, it’s important not to overwhelm users with too much information. 2. Single-page websites are all about scrolling, sometimes even infinite scrolling. 3. 4. 5. Avoid These 7 Usability Mistakes When Designing Websites. Website are easy tools for attracting customers towards a brand. If you’re successful in building an appealing website, there are greater chances for gathering the attention of targeted audience. In addition to visual features, usability comes up as a key point of concern among individuals who’re looking ahead to render a great user experience via their website. If you’re a web designer, I’m sure you’d be well familiar with the importance of incorporating extensive usability within the website. Well, usable websites offer an amazing user experience and grow your chances of converting visitors into high-paying happy customers.

Smart web design decisions can actually take you towards the path of success. Being a web designer, you need to delight and satisfy your visitors, rather than annoy or frustrate them. As you read through this blog, you’ll come to know about 7 common website usability mistakes that are being committed by web designers. Concluding Words. 2: All pages should be accessible in 3 clicks. Usability tests have long challenged the so called three-click rule. Contrary to popular belief, people don’t leave your site if they’re unable to find the desired information in 3 clicks. In fact, the number of necessary clicks affects neither user satisfaction, nor success rate. That’s right; fewer clicks don’t make users happier and aren’t necessarily perceived as faster. What really counts here is ease of navigation, the constant scent of information along the user’s path. Studies that challenge the three-click rule: Further reading: David Hamill’s thoughts on why the three-click rule is nonsense: Stop Counting ClicksAn article by CX Partners about the rule: 3 isn’t the magic number.

Zoltán Gócza – Let’s connect. Walt Disney: The World’s First UX Designer. I'm a huge fan of the Walt Disney park experience, and my family has traveled to Walt Disney World and Disneyland multiple times. The service we’ve received has always been exceptional, and I return from every visit with at least one extra-special memory. The reason the Disney experience is so consistently good is a focus on quality, detail, and the customer. For the Walt Disney Company, that focus came from the man whose name is above the door. Walt Disney was an innovator, a creative force, and a brilliant businessman. But even more than that, I consider Walt Disney the first user experience designer, for reasons I will explain. It’s Always Been About the Experience The key to the Disney Park experience is immersion: everything is designed down to the exact detail.

Where there was once orange groves and swampland, there are now virtual worlds that guests can explore. He said this in 1966. Design like Walt Always be plussing: Disney was never completely satisfied. Image courtesy Frank Horst. Game ui. Nipple. 10 Casos de usabilidade fora das telas. Falando tanto de experiência de usuário e interfaces interativas, não podemos esquecer que experiência de usuário está em todo lugar, especialmente fora das telas e monitores. O Tumblr Everyday Ux traz uma extensa lista de erros e soluções para os mais diversos problemas de usabilidade que muitas vezes passam despercebidos por nós, mas que sem dúvidas atrasa a vida de qualquer um.

Você se identifica com alguma dessas situações? Já se sentiu frustrado por, com pressa, apertar o botão errado na máquina do cartão de crédito? Já teve insights curiosos para melhorar uma experiência off-screen? Deixe seu relato e divirta-se com a lista abaixo. 1) Aquele momento frustante ao puxar a corda do ventilador, quando tudo que queríamos era acender a luz. Pois é, a solução para esse problema surgiu com essas cordinhas, que identificam cada cordinha com sua respectiva funcionalidade. 2) A marca comunicou que as pessoas regularmente apertavam o botão “Cancelar” quando eles queriam “Confirmar” a transação.

Avaliando a usabilidade do meu website. Quando se trata de usabilidade, existem muitas preocupações em determinadas áreas que se relacionam: a informática, ergonomia, sistemas de informação, práticas em design, ciência e engenharia da computação, ciências sociais e o homem. Quando se trata de usabilidade, existem muitas preocupações em determinadas áreas que se relacionam: a informática, ergonomia, sistemas de informação, práticas em design, ciência e engenharia da computação, ciências sociais e o homem. Apresentaremos algumas formas mais comuns de se fazer avaliação de usabilidade de websites. Começando por uma prática muito utilizada de avaliação, proposta por Nielsen, chamada Avaliação Heurística.

Por que Avaliar? Ao desenvolver, é necessário pensar na usabilidade e, sendo assim, quanto mais cedo pudermos detectar os problemas, melhor será. O design interativo, com seu ciclo repetitivo de design e teste, é a única metodologia validada existente que produzirá resultados bem-sucedidos com consistência. A Avaliação Heurística. Mobile Video: It’s a Small Screen for a Growing Marketplace. Watching video via smartphone is growing in popularity thanks to the large touchscreens and robust connectivity options these devices tout. In the recent Mobile Consumer Report, Nielsen found that more people are watching video on the go and are doing so more frequently, especially in markets where 3G/4G data service is prevalent. BRIC (Brazil, Russia, India, China) markets, with the exception of India, boast some of the highest rates of mobile video viewing among those in Nielsen’s syndicated survey, with 39 percent of China’s mobile subscribers and 43 percent of Brazil’s viewing mobile video in a 30-day period.

While smartphone owners are the minority in Japan, the market features fast 3G/4G connections, which explains why Japan has the highest penetration of mobile video viewers (46%) of these global markets. For more information about how consumers around the globe are using mobile, download The Mobile Consumer: A Global Snapshot. GoodUI. Novo Padrão de Resolução de Tela e Navegador | Design Interativo. Recentemente Nielsen falou sobre os novos padrões de resolução de tela dos computadores e declarou que a resolução padrão atual é 1280×768 e que 1024×768 a resolução mais predominante a pouco tempo atrás já caiu em desuso devido aos novos monitores e seu formato Wide. Resolvi fazer um levantamento de dados no Google Analytics de algumas empresas que tenho cadastrado em minha conta, e percebi que realmente é verdade, abaixo inseri 5 tabelas cada uma é referente ao site de uma empresa, e podemos notar a queda da resolução 1024×768 que apesar de aparecer em primeiro em alguns casos, observamos que a diferença é muito pouca para resoluçãos maiores.

Outra novidade é a queda do Internet Explorer para o Google Chrome que apesar dos esforços da Microsoft para melhorar o browser o Chrome se mostrou supremo e abateu o concorrente. Artigos Relacionados Robson Moulin. 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. Website errors are expensive. Being proactive isn't. 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. 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. In some cases, people use these terms almost interchangeably. 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….”

Information architecture also concerns applying existing taxonomies when doing new development. Interaction Design Visual Design. 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.

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? Do you try to get user experience thinking inserted earlier in the project lifecycle? Perhaps you need to sell yourself or your company? 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. I had this experience with a CEO I was working with on a project. Customer Experience Design Talk Idris Mootee. Meaningful Play. Getting »Gamification« Right. You can do better: Lessons Learned from Government Meets Social Net... Don't Play Games With Me! Promises and Pitfalls of Gameful Design. There Be Dragons: Ten Potential Pitfalls of Gamification. Just add points? What UX can (and cannot) learn from games. 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. Só isso basta para confirmar os papéis acima. 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. Máscaras: 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. Yet, many don’t go beyond this basic knowledge. With various screen sizes coming out each day, and even the big players like Apple switching things up with the new iPad mini, we need to evolve the way we think about design and the user experience as well. Desktop We see most of the attention for user interface principles when it comes to desktop websites. Points to Consider Tablets. 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. Hoje, podemos, além de expor uma opinião pessoal, conhecer novas pessoas e fazer contatos. Falar de acordo com a linguagem do usuário Listas. Trends in interactive design 2013. Palestra "Projetando além da Usabilidade" Stop Misusing Select Menus. Repensando o “acima da rolagem” The Pursuit of Tappiness. 6 Ways Ecosystems Have Changed Our Roles and the Way We Work. User Interface Design, Getting the Basics Right. How to create a cutting edge Smart City visitor experience. What is this UX thing? Designing for Mobile, Part 1: Information Architecture.

Www.ucdgame.org/index.html. The State Of E-Commerce Checkout Design 2012. O uso de smartphones para iniciar atividades online. UX Trends & The Problem with Stealing Bad Ideas.