All posts tagged “Analysis”

Facebook, Sentiment Analysis, and Emotional Contagion

Sentiment analysis and emotional contagion are nothing new, but Facebook’s recent research study, dubbed by the media the “emotion manipulation” study has launched heated debates regarding the accuracy of the research and the ethics of performing experiments on people without their knowledge or consent.

Sentiment analysis is the study of positive and negative words in communication and has been employed in various fields, including traditional and social media marketing, brand analysis, poll predicting, and even dream analysis. In today’s big-data-driven world, algorithms are used to analyze text in an effort to distinguish what emotions are behind the words. As the algorithms improve, the analysis will as well, but some argue that the algorithms are far from where they need to be for accurate analysis. Recently, Facebook conducted a sentiment analysis on possible emotional contagion via status messages.

Emotional contagion has been theorized for centuries and continues to be researched heavily by modern psychologists such as Elaine Hatfield of the University of Hawaii, who states that emotional contagion, “may tell us something about the awesome contemporary power of celebrityhood and of the mass media as these agencies of large-scale emotional and cognitive contagion continue to expand their capacities to define reality for billions of people.” However, the media and thousands of Facebook users were not convinced that Facebook’s expanded capacities were worth their feeds being “manipulated” to mine and influence their emotional responses.

The controversy stems from how Facebook used sentiment analysis to perform research into emotional contagion, whether their findings were scientifically accurate, and whether they violated peoples’ rights. It all began with a simple study, made public back in March. Facebook defended this study by citing that their policies gave them the right to use user information to improve their product. In May, an update to Facebook’s policies to include the word “research” caused a flurry of outrage over Facebook’s treatment of its users and questions into the legitimacy of their findings. Some were so outraged that they filed a complaint with the FTC–on which no decision has yet been made.

In this article, we’ll review the study causing so much outrage, and a few of the responses defending and condemning it.

Experimental Evidence of Massive-Scale Emotional Contagion through Social Networks, by Adam D. I. Kramer, Jamie E. Guillory, and Jeffrey T. Hancock

The article that started it all was published in PNAS (Proceedings of the National Academy of Science) on March 25, 2014. The relevant research was conducted in January of 2012 by members of Facebook’s Core Data Science Team and Cornell University’s Departments of Communication and Information Science.

The study claims that, “emotional states can be transferred to others via emotional contagion, leading people to experience the same emotions without their awareness,” and that, “emotional contagion occurs without direct interaction between people (exposure to a friend expressing an emotion is sufficient), and in the complete absence of nonverbal cues.”

It isn’t yet clear how exactly Facebook is using the information they gained from this study or why they did the study in the first place, but it could potentially have broad implications. If Facebook and other social media sites are able to not only predict how people feel, but to alter it, that opens up a new and powerful avenue for advertisers to profit from their social media marketing. One could view this as an exciting way to reach the right audience, or a questionable method for manipulating people for profit.

Unbelievable: Facebook Didn’t Update its Data Policy until after the Emotion Study, by Nathaniel Mott

On July 1, Nathaniel Mott made the now 3-month old study into news, when he pointed out that the arguments that Facebook has used to defend its choice to do this research on unknowing Facebook users are faulty. The study occurred in January 2012, but Facebook didn’t update its policy to specifically include verbiage about using customer data for research until May 2014. There are also concerns that some of the research subjects were under 18.

One of the biggest concerns is that, if Facebook can successfully profit from emotional manipulation, it probably won’t be long before other social media sites, companies, and perhaps even government entities will follow suit and try to influence people’s emotions in small, unnoticeable ways to further profit or an agenda. As Nathaniel stated, “It’s clear that this study has made people more concerned about the effect companies like Facebook, which wield a measure of control over how we interact with the digital world, can have on our lives.”

Don’t Worry, Facebook Still has No Clue how You Feel, by Marcus Wohlsen

The very day after Mott’s article, Marcus Wholsen followed up with a discussion on the flaws in the accuracy of Facebook’s research itself. He points out that algorithms have a long way to go before they can actually figure out the nuances of emotions expressed in our communications and that sentiment analysis doesn’t account for sarcasm, idioms, and other subtleties that require complex human interpretation.

However, the fact that the study may be flawed may not really matter. As he states, “The better Facebook can train computers to ‘know’ you, the more effective targeting it can promise advertisers. And to sell to you, Facebook doesn’t have to know you perfectly. It just has to make a better guess than the competition.”

It’s important to consider Marcus’s point of view about the legitimacy of Facebook’s findings because it reminds us that the situation may not be as dire as some have claimed. If sentiment analysis cannot accurately predict (or alter) people’s emotions, perhaps there isn’t so much to fear after all.

Privacy Group Files FTC Complaint over Facebook’s ’Emotional Contagion’ Study, by Nancy Weil

By July 3rd, the study was trending on Twitter, CNN, and Facebook itself. Facebook users felt violated and manipulated. Just three days after the study first made major headlines, Nancy Weil, managing editor at IDG, reported on a complaint filed against Facebook by the Electronic Privacy Information Center (EPIC) with the Federal Trade Commission (FTC).

The EPIC complaint claims that Facebook violated a 20-year consent decree requiring the protection of users’ privacy and that, “Facebook ‘purposefully messed with people’s minds’ in a ‘secretive and non-consensual’ study on nearly 700,000 users whose emotions were intentionally manipulated when the company altered their news feeds for research purposes.”

Facebook defended itself by stating, “When someone signs up for Facebook, we’ve always asked permission to use their information to provide and enhance the services we offer. To suggest we conducted any corporate research without permission is complete fiction. Companies that want to improve their services use the information their customers provide, whether their privacy policy uses the word ‘research’ or not.”

It’s not yet known whether the FTC will sanction Facebook for its actions or whether Facebook’s policies protect them, as they claim.

FTC Asked to ’Evaluate’ Facebook’s Research Methods—but Users don’t Care, By Kate Kaye

On July 9, Senator Mark Warner asked the FTC to consider more stringent guidelines for conducting research. However, as Kate Kaye of Advertising Age pointed out on July 14, it seems that while the media, privacy groups, user researchers, government officials, and some users were outraged, it hasn’t had much of an affect on Facebook logins.

People often use their Facebook credentials to log into a myriad of other sites–it’s a simple way to use one login for most of the sites that they visit on a daily basis. These logins have not seen much of an impact according to Kaye, “Since June 28, when the Facbook research news started to percolate, logins via Facebook account information on non-Facebook sites barely budged, dipping from 43.6% to 43.3%.”

Ms. Kaye didn’t delve into the possible reasons for this indifference by users, but it seems that people are willing to forgive potential privacy infringements in order to make their busy days a bit easier. In this age of online sharing and openness, it’s possible that we’ve become desensitized to privacy violations. It’s also possible that Facebook is such a big part of people’s lives, that a bad user experience and a hit on their “trustworthy” brand isn’t enough to make users abandon their well-tended Facebook profiles.

What’s Next?

It’s possible that Facebook will see a drop in users because of their outrage, but it’s doubtful. 99 Days of Freedom, a campaign started on July 9 encouraging people to see if they are happier after not using Facebook for 99 days hints at some users’ dissatisfaction. However, as of the publishing of this article, only 25,294 people have accepted the challenge–a very small dent in Facebook’s approximately 1.23 billion active monthly users.

Even if the FTC and other regulators decide that Facebook was within their rights and even if Facebook is “too big to fail,” the more important conversation is the value and morality of using analytics to interpret and influence emotions and the effect that research can have on the overall user experience.

Whether you are a Facebook user or not, this research study brings up some important questions we should all consider. Are we required to participate in such studies, as a result of signing Terms and Conditions that very few of us actually read? Or are we entitled to privacy across the Internet?

The post Facebook, Sentiment Analysis, and Emotional Contagion appeared first on UX Booth.


The UX Booth

Manuel Lima: The Book of Trees: The data visualization master’s new work gives a history and analysis of leafy diagrams

Manuel Lima: The Book of Trees


Data is a powerful tool. Whether it’s used for education, research, policies or everyday decision-making, numbers hold power—and often a simple value doesn’t best convey their meaning. Portuguese-born and NYC-based designer, researcher and author Manuel…

Continue Reading…


Cool Hunting

Climate Changed: An expansive graphic novel-style analysis of the world’s environmental woes and the policy action around them

Climate Changed


Visual learners, rejoice. French artist and journalist Philippe Squarzoni—known for his celebrated non-fiction, graphic novel-style works on politics and human rights—lends his eye and storytelling panache to an extensive work on one of the world’s most significant and controversial issues: climate change. Inspired…

Continue Reading…


Cool Hunting

8 Free Page Analysis Tools

In this round-up we are presenting 8 free and wonderful Page Analysis Tools. And if you use these tools they will surely help you with your SEO efforts. Page analysis plays a very important role in maximizing the effectiveness of the site when the web designers or developers are developing or maintaining the websites.
For the analyzing of web pages so many resources and tools are available in the internet but in this round-up you will find variety of different tools. Some tools will help you to analyze one specific aspect of a page while others tools will give an overall grade to the page as a whole. We hope that this collection proves to be the best and do let us know what you think about this compilation. Feel free to share your opinions and comments with us via comment section is below.

opensiteexplorer

Research and compare backlinks with competitors for intelligent, targeted link building. Identify top pages, view social activity data, and analyze anchor text.

Spider Simulator

Discover how search engine spiders view your website using our free spider simulator tool.

Quick Sprout

Learn the number 1 reason you are not getting enough targeted traffic to your website.

Web Page Analyzer

Try our free web site speed test to improve website performance. Enter a URL below to calculate page size, composition, and download time.

Knowem

KnowEm allows you to check for the use of your brand, product, personal name or username instantly on over 500 popular and emerging social media websites.

Browserstack

Rapidly test your website for cross browser compatibility across 300+ browsers.

Rank Checker

Want to know where your website ranks in the search results? Our Firefox Rank Checker extension allows you to easily check your website rankings in Google (US and international), Microsoft’s Bing, & Yahoo Search.

Similar Page Checker

Your content could be similar to other websites on the Internet, or pages from within your own website could be similar to each other (usually the case with dynamic product catalog pages).
This tool allows you to determine the percentage of similarity between two pages.


Free and Useful Online Resources for Designers and Developers

Web Design Industry Analysis – Professionals vs. Amateurs [Infographic]

The web design industry in the US is worth $ 20 billion and is made up of professionals and amateurs. Designers and developers (the professionals), and amateur enthusiasts dab their toes into creating close to 16 million new websites every month.

This cool infographic by Webydo breaks down the web design industry in terms of what makes designers tick, the flaws of the industry, success rates of amateurs, and the industry overview. You’ll also get an inside look of what makes designers happy or not, and which web solutions takes the cake when it comes to web design market share.

If you have an infographic you want to share with us, please drop us a line here so we can credit you with the find,


    




hongkiat.com

Analysis Tools For Google+ Marketers – Best Of

Google+ used to be seen as an Internet equivalent of a ghost town, with too few users to be useful as a marketing platform. But over the course of 2013, that perception slowly began to change. First, Global Web Index reported that Google+ had overtaken Twitter to become the second most actively used social network. Then the numbers started coming in: in October 2013, it was reported that Google+ had 540 million active users uploading 1.5 billion photos a week. That’s a lot of users, any way you look at it.

Google+

With the growing user base, Google+ has now become a much more viable social networking platform for brand marketing. But in a crowded market, you need more than just ideas to get the most out of Google+ marketing. You need to be able to analyse your posting habits and promotional efforts to see what works and what doesn’t. Here are 5 best tools and services that will help you do just that.

1. All My + Statistics

All My + Statistics is probably the most essential tool for Google+ marketers. It’s a free analytics tool that can provide data for any public Google+ profile or page. It can also interpret and present existing Google Takeouts data. Using All My + Statistics, you can gain an insight into, amongst others:

  • Total number of posts, +1s and shares
  • Total and average number of comments, +1s and reshares for your shared posts
  • Whose content you share the most, and who shares your content the most
  • Most popular posts on Google+

All My + Statistics

All My + Statistics also has a handy search feature that lets you search all of Google+ for particular phrases or keywords. This can be useful for tracking shares of your posts and finding other users or pages that have similar content.

2. Circloscope

Circloscope is a Chrome extension for Google+ circle management. It’s not completely free, but there is a free trial available that is only limited in terms of features. Even though the free version doesn’t have all of the features the premium version has, there’s still a lot that you can do. Some of the lists Circloscope can generate include:

  • A list of your followers
  • A list of the most relevant people in your circles
  • A list of people who follow or don’t follow you back
  • Lists of people who have shared, +1′d or commented on your posts

Circloscope

The premium version costs $ 47 a year, and adds a number of potentially useful features, including the ability to add and remove people to your circles in mass.

3. CircleCount

CircleCount is a free analytics and statistics tool focused on Google+’s circles feature. As the name suggests, it counts the circles that you are included in. CircleCount can provide you with a general report that includes information such as local and global page rank. But that’s not all that CircleCount will do, of course. You can also use CircleCount to:

  • Generate a graph for follower statistics
  • Search for users based on location
  • Generate yearly reports
  • Create a custom ranking feature to find profiles or pages

Circlecount

The site claims that CircleCount is "just for fun", but the metrics and data CircleCount provides should prove invaluable for marketers looking to make the most out of Google+. Just take note that to get full access to all the features, you’ll have to register.

4. Simply Measured

Simply Measured is a visual analytics service that can generate a number of different types of reports for Google+ pages. However, the only free report it can generate is a general Google+ page report, and even then this free report is limited to pages with less than 100,000 circles. The report analyses the last two weeks of a Google+ page’s performance, and includes:

  • Number of +1s, comments and shares
  • Top users and commenters
  • Keyword analysis

Simply Measured

If you’re willing to pay, Simply Measured can also provide you with brand page reports, competitive analysis and an analysis of multiple Google+ pages. There’s a free 14-day trial for the paid services in case you want to try them out before committing.

5. NOD3x

NOD3x is a Social Network Analysis (SNA) service that can be used to track and measure the impact of topics and keywords in social media. It’s of particular interest to Google+ users since it allows you to log in and analyse your posts on Google+ and YouTube. NOD3x is an example of semantic search, and can draw graphs (some of them real time) for information such as:

  • Statistics (total posts, number of posts with links, unique authors) for search terms
  • Gender analysis
  • Post locations and volume
  • Sentiment Analysis

NOD3x

There’s a lot you can do with NOD3x, and the best way to find out what it can do for you is to give it a go yourself. Note that NOD3x is still actively being developed, so there may be some bugs present, as well as features that are yet to be added.


    




hongkiat.com

Is DNA analysis stuck in the past?

A few weeks ago, the Innocence Project of New York (IP) announced that it had helped to release another innocent person from prison. This time it was Gerard Richardson. As The Verge outlined in September, Richardson was convicted of murdering a New Jersey woman in 1994 after a forensic odontologist concluded that the shape of Richardson’s jaw and the orientation of his teeth matched a bite mark on the murdered woman’s back.

After years of legal wrangling, IP was finally allowed to conduct a DNA test to double-check the odontologist’s conclusions. Their goal: to determine whether saliva swabbed from the bite mark in 1994 matched Richardson’s genetic makeup. It didn’t. The odontologist’s conclusion was proven false. Given…

Continue reading…

The Verge – All Posts

Designing Websites Using DISC Analysis


I first came across DISC analysis whilst doing a stint as a ski instructor in Canada last winter (every web designer needs a hobby right?!) and the technique helped me achieve the highest number of new private lessons booked across the adult ski school. To truly understand the value of DISC analysis to the web designer and usability expert we first have to understand what on earth it is. Essentially, DISC analysis allows you to consider your client or clients (think website audience) as one of four possible personality types.

Disc Analysis Chart with Birds

To make it easier to interact with, I prefer to consider each category as resembling one of four distinct ‘birds’(!). You are, and equally your website’s audience is likely to be, predominantly Eagle (Decisive, strong willed & direct), or Owl (Precise, logical & quiet), or Parrot (Sociable, persuasive & enthusiastic) or Dove (Calm, caring & patient).

What am I? And what Category does my Audience fit into?

Find out about Yourself First

You can find out exactly what you are by taking a free online test here.* Discovering your own personality type may help you take some decisions to improve not only your websites but also your lifestyle. Take me, I’m an Owl (75%, Dove 25%). That means I am unlikely to take risks without fully comprehending the potential results. Whilst a sensible approach, the consequence of my ‘natural’ deliberation, where others (think Eagles!) react quickly, is that I might ‘miss the boat’. Knowing I’m an Owl and understanding my weaknesses allows me to send a siren off in my brain every time a risky opportunity arises. I think to myself: if I spend too much time researching, might I act too late? I do this because I have used my Owl-like logic to identify that risk taking is a key component of success, which is my ultimate goal. At times, I will mimic an Eagle if it suits me to do so.

* Note that the results categories are as follows – Compliance (OWL), Steadiness (DOVE), Dominance (EAGLE), Influence (PARROT).

Weigh up Your Web Design’s Audience

Without doubt the most important consideration when considering website design with DISC analysis in mind is simply: who is your audience? Here’s a simple graphic outlining how to identify the key groups:

Disc Birds Identification

Lets say you are doing a website for a charity. You might want to think about targeting Doves and Eagles. Doves are the most caring, they are the most likely to be swayed by their empathy for others. If your charity has a really good cause and some great images that highlight the need for assistance on an emotional level then this will affect the Doves the most. It is a good strategy for incentivising your likely audience to give to a deserving charity and a well known one. We’ve all seen a ‘hard-hitting’ advert or two, but knowing what we know about Doves, I’d recommend avoiding the really hard hitting stuff. Instead, ease them into the website carefully and focus more on how their support can really help – let them empathise with the eventual happiness of others.

And don’t forget the Eagles! It might not have escaped your attention that the likely industries for Eagles include some of the most high-paying jobs. Eagles have a high level of disposable income but they’re task focused so need to be given the feeling that they are achieving something, you have to celebrate an Eagle!

If you are targeting the staff rather than the consumer then bear in mind that those working in the social and charitable industries for instance will not all be Doves. Similarly, Doves too can be found and can succeed in a multitude of industries. Being one category does not limit you to an industry, it is simply that you will find a greater proportion of Doves in the social and charitable industries because this it is a style of work in which they often excel. The work comes ‘naturally’ to them, and therefore it takes less effort for them to be effective than it would say, an Owl or a Parrot.

DISC Analysis in Web Design – Examples

Apple

As a working example, knowledgeably or not, Apple is the most prominent example of targeting Parrots with its web design and its marketing in general. Generally the implication of their adverts is that if you don’t have the latest (shiny, thin, cool) model/piece of tech then you will be left behind socially. The more I use these techniques, the more I think that targeting Parrots is a good strategy: they are the ones who talk a lot on social media sites, they have the most ‘friends’, they do half your marketing for you!

Apple - For the Colourful

The image above, a print screen of an advert on Apple’s own website, may as well say that the new iPhone 5C is ‘For the Parrot’. Parrots are likely to identify with the idea that they are a vibrant, colourful person, living life to the full. You probably know a Parrot, its the person in your life who arranges the parties in your friendship group, has all the latest Apple gadgets and doesn’t know how to use any of them! They won’t mind me saying that either, they love the character they embody and why not, they are geniuses when it comes to promotion.

Web Design Company ‘Linedot’

When I was last working at Linedot.co.uk we purposefully implemented four seperate variations of the same device, the web design package selection page, to target each and every one of the personality types.

Linedot Web Design Packages Variation

The logic is really simple. Eagles like the bottom line so Linedot tells them which web design packages sell best, and quickly. Owls often know exactly what they want so Linedot gives them the option to tailor their new website package to their own needs. Doves like the guidance of an expert to help make decisions so Linedot points them in the right direction. And Parrots like things to be visually outstanding so Linedot provides them with a jQuery device with an eye-catching design style.

Designing a website or web device for your opposite category can be extremely difficult! When building that Cloud Scroller mentioned above, I struggled to shake a skeptical mind-set. I couldn’t bring myself to see the cloud scroller as effective, honestly speaking its not that functional and doesn’t explain the details! It took me a while to realise that the reason I felt that way is because I am an Owl. I loooove the details and functionality, but Parrots don’t. The cloud scroller suits them down to the ground (although there is plenty room for improvement, watch this space)!

Your Practical Strategy Guide –

Here’s a few simple rules on how to identify your key category and then how to adjust your client’s website to improve the user experience.

Eagles

The best way to identify a high frequency of Eagles is to look at your industry’s average bounce rate. If its higher than usual, there’s a good chance you’ve got a large amount of Eagles (individual website bounce rates may be tainted by other factors). It is often worth targeting Eagles regardless of the proportion as they are frequent high earners. To customise a website for Eagles:

  1. Stick to one subject
  2. Show them quick results
  3. Celebrate them, customer is king (and then some)
  4. Avoid restricting or frustrating them, don’t supply any unnecessary data
Owls

Check your analytics to see the number of pageviews (again, and always, as an industry standard average) plus the traffic flow at the individual website level. If your website consumers are going deep, clicking around, searching for more information, then you might have a website full of Owls! To customise a website for Owls:

  1. Give them the detail, all of it, make sure its evidence based
  2. Compare against competitors where you are the better option
  3. Allow them to do further research and let them contact you
  4. Avoid pressure, being overly ‘friendly’ in your approach and making broad, transparent statements
Parrots

Easy to spot in real life, difficult to discover in website terms. The better option here is to ask yourself about the product/service you are selling. Is it exclusive, does it offer social benefits, does it look fantastic, is it unique? If the answer to any of those is yes, then think Parrot. To customise a website for Parrots:

  1. Be very enthusiastic about your subject
  2. Let them have their say, be social
  3. Create excellent graphics and minimise the word count
  4. Avoid over focus on details, any negativity and putting the competition down
Doves

Does your industry have a relatively low conversion rate? Then you might have a good number of Doves in your audience’s midst. Doves find it hard to make decisions so gear your approach to guiding them to the goal. To customise a website for Doves:

  1. Go slow! Don’t flood them with information, reveal it carefully
  2. Let them know that you are trusted, an expert in your field, give assurances
  3. Make small changes gradually, if you’ve got Doves, they hate big changes to websites
  4. Avoid pressurisation, bad reviews and failing to deliver at any point (check for errors regularly)

The Shortest Summary

We’ve covered everything you need to know to get a good grip on the subject. By all means, get involved and find out more. DISC analysis has a huge impact on our world today, its used by a number of big corporations (and clever small ones)! The generalisations of DISC analysis are not judgements and are useless as a means to put people down, everyone’s own personality is viable and unique, but pay attention to these quirks of psychology and you may improve your chance of success.

DISC analysis isn’t just for websites. Since learning of its existence I have personally found it quite helpful in general life too. After thinking about it for a few minutes I realised that all my long-term girlfriends had a lot of Dove in them, that my sister was an Eagle (beware the female Eagle they are extremely effective!), and that my best mate keeps his flat tidier than mine because he’s even more Owl than I am! Perhaps on a more surprising note, I also now know on what basis my job application for MI5 came unstuck! They sent me a form which it turns out was a DISC analysis. I obviously didn’t suit the role they were recruiting for at the time but the fact that such trust was put into a DISC analysis goes some way to prove the excellence of the tool for guidance and development in web design and other industries.


Designing Websites Using DISC Analysis


Speckyboy Design Magazine

The Next Step in the Evolution of Responsive Web Design: Responsivity Analysis

Beyond any question, responsive web design has become the standard for anybody who wants to make a strong presence on the internet. With the passage of time, rules, best practices, layout standards and guidelines have been commonly created, implemented and accepted by most web designers and developers.

However, let us not forget that even though responsive web design is being widely used, it is still a youngling and in spite of its awesomeness, it still has to improve in many aspects, such as taking into account that newer devices are being introduced with each passing day.

One of those scenarios where RWD critically fails is the correct handling of information in favor of responsiveness. For example: sometimes, after applying any of those widely accepted standards of responsive web design, we may have a desktop design displaying three or more columns, but the design for smaller resolutions downplays a lot of this information by piling it up so that it is not visible at first sight, or in some cases, it will completely disappear from the layout.

Of course, this inaccurate handling of information is not going to be a problem for all sites, but the truth is that each site layout and responsive scheme should be designed on the basis of the content and the desired impact on the visitors.

The foreground ad from the desktop version of the Boston Globe homepage disappears when viewed on a mobile.

A new position: Responsive design analyst

Every project is different from all others, and in most cases the main characteristics are unique. Thus, the design and architecture should be unique too. This is the main reason why standard rules of responsive design do not work for everybody and a deep analysis of every project is needed in order to take full and proper advantage of RWD. At this point, a new position may play a key role: every project needs a person who can analyze the content and structure and help in finding an equilibrium between handling of important info and responsiveness. The importance of this task has started to emerge; for example, we found this interesting quote while surfing on Linkedin:

Although there are hundreds or probably even thousands of examples of web sites based on responsive design there is only a limited number of big companies that have adopted it and usually more as an experience or only partially (…) I believe that the reason is actually that although it is possible to do, it actually complicates the layout of pages and information architecture a lot. You have to plan for most common denominator between different devices which will usually lead to a compromise.” Magnus Jern, CEO Golden Gekko

An interesting challenge: a closer step to accurate user experience

One of the key challenges for any responsive design analyst is the creation of accurate structures to avoid the downplay of information that could actually make the difference. Owing to the desire to keep your latest post on top, there is a tendency to remove the other containers from the first row of the desktop layout when shrinking to fit the smaller screens. Generally, such ‘other containers’ include information of your main advertisers: no foreground sponsor would like to see their ad going out from the very first shot of the site — that isn’t what they are paying for, is it? Thus, strategic content placement is key in this responsive design process.

It should not be forgotten that responsive design has been evolving due to the continuous development of devices with access to the web and the need to display the accurate layout of the site on those different devices. Without losing that sight, it’s time to start giving more importance to content placement and its impact on viewers, and as quoted above, this work cannot really be done by a single designer/developer — it demands a specific person or team, indeed, set to analyze and consider a large amount of variables summarized in target, type of content as well as structure and relevance of the information to display.

Furthermore, such teams or individuals should be able to create an accurate set of structures for every resolution and have clear and powerful communication skills to express their ideas and structures to the development and design teams. This will help in providing the project with an aesthetic responsive design and a powerful adaptive content placing.

Content choreography: a first glance to responsivity analysis

An interesting approach that helps in providing more and more importance to content when designing responsive layouts, introduced by Trent Walton in the middle of 2011, is called Content Choreography.

One of the first steps of this concept is to establish content priorities, and once that is done, content may start dancing over the layout. You can take a look to this simple approach which exemplifies accurately how structure and hierarchy is broken and content is rearranged on the basis of priority.

Content Choreography, an interesting approach for giving more importance to content.

Using this method, content placed horizontally should not have to place itself in the same order when transposed. Instead, such content would follow a set of preset rules to place according to the importance of every box of content.

One of the main issues that responsive layouts have is the predictable behavior of boxes when resizing to mobile resolutions (the situation we described above about the wrong placement of advertisements), Content choreography might be a good solution to face this problem. In the image below we can see two stages: the one on top shows the typical horizontal box arrangement transposed to a vertical pile keeping the same order and thus, the foreground ad loses its privileged place and may be hidden on small mobile screens.

The one on bottom shows an implementation that could be the result of applying content choreography: the typical horizontal arrangement is piled up according to its relevance, and then, the advertisement will stay at the top of the V-arrangement, keeping a foreground position irrespective of the resolution of the device which displays the website.

Comparison between regular a responsive implementation and a choreographic responsive implementation.

An advanced implementation of content choreography for advertising was featured by Responsive Ads, and its named Stretch. It’s not just changing positions depending on relevance, but also changing ads appearance to display much better in smaller resolutions and keep them displayed in main impression, so that any foreground sponsor’s investment is going to be worth every penny (as the content will keep showing up and the ad will not be lost by a bad implementation of responsive design).

Different approaches about how ads are smartly positioned on and adapted to screen depending on resolution. [Image Source].

There’s still a long of way to go, and that is why this specialized position should be implemented in the process of web design because when it comes to content, there can be no specific predefined template – each category of content is different and thus it needs different ways to be shown to the audience.

You may also like…

Responsive Image Techniques & Resources
Using CSS Transitions in Responsive Web Design
Optimizing Typography in Responsive Web Design
Design Trends for More Accessible Mobile Content
10 Responsive Navigation Solutions and Tutorials


Speckyboy Design Magazine

12 Best Pinterest Tools And Apps For Analysis Pins

Here, we are presenting 12 effective Pinterest tools for the purpose of analyzing pins. Pinterest is another social networking website that is gaining popularity quite quickly. This website allows its users to ‘pin’ the things that they like on their ‘boards’. Though, it has a huge user base but unlike other popular and widely used social networking website it lacks in some features that can for sure make it even better.

In this round up, we are presenting 12 most effective Pinterest tools for the analysis of Pins. We hope that you will find this collection useful for you. Do share your opinion with us via comment section. Enjoy browsing!

Repinly

Repinly helps you find the most popular pins, boards, and pinners on Pinterest.

Url2pin.it

Url2pin is a free tool to help you share your websites on Pinterest: with url2pin you can share a screenshot of your website and not just a single image. More than 7 million users are waiting for you on Pinterest, have fun!

Pinstamatic

With Pinstamatic you can share so much more on Pinterest. It’s time to say goodbye to photosharing and say hello to your visual social network.

Pinzy

Pinzy is a Chrome Extension that will allow you view the enlarged, full versions of the rich and lovely images simply by hovering over them.

Pinterest Right-Click

Create and upload pins to Pinterest by right-clicking.

SpinPicks

SpinPicks is a new application that brings you highly addictive one-click discovery of eye candy from a variety of visual platforms. SpinPicks filters content and doesn’t pull spins from sites like Google.com, Bing.com, and other image search sites to help reduce the number of improperly attributed images, which helps ensure you’re only seeing quality content that can be re-shared.

Pinspiration

Pinspiration is the best way to browse and post to Pinterest on your Windows phone. Think of Pinterest as a virtual pinboard — a place to catalog and share the things you love. You don’t need to have a Pinterest account to browse and share the amazing photos being posted here every day. Pinterest users can login to keep up with their stream then pin, like and repin photos to their heart’s content.

Snapito

Just enter a website address into the box above and click on the Snap! button to take a screenshot. To pin a website on Pinterest just use the dropdown on the right of the Snap! button and select either ‘Pin to Pinterest’ or ‘Pin Full Page’.

Woobox Pinterest Tab

Show your Pinterest boards and pins as a tab on your Facebook page.

Pin Search

Perform a Google Image Search on any picture on Pinterest.

Reachli

The simplest way to market your visual content across the web.

Pinpuff

Pinfluence is measure of your popularity on Pinterest and value of your each pin.


Free and Useful Online Resources for Designers and Developers