Posts tagged Infographic
iPhone & Android App Design: Developers Cheat Sheet [Infographic]
May 15th
Designing a mobile app can seem simple when you are sketching it out on the whiteboard. But when you actually sit down in your developer environment and get cracking, turning your ideas into reality is not always so easy.
That’s only the beginning, of course. What if you need to design your app for both the iPhone and Android? You will very quickly learn that you cannot just cut and paste your design from one platform to the other. Android and iOS frameworks share some basic principles, but when it comes to design, they are as different as ebony and ivory.
For instance, the notification bars in iOS and Android may look similar, but they perform different functions on each platform. And did you know that the action bar interface icon for iPhone is 20×20 pixels, while Android’s is 24×24 density-independent pixels? Do you know the difference between a pixel and a density-independent pixel?
Here’s a quick reminder, from StackOverflow: Density-independent Pixels – an abstract unit based on the physical density of the screen. These units are relative to a 160dpi screen, so one dp is one pixel on a 160dpi screen. The ratio of dp-to-pixel changes with the screen density, but not necessarily in direct proportion. Note: The compiler accepts both “dip” and “dp,” though “dp” is more consistent with “sp.”
Sometimes you just need an easy chart to remember these kinds of things. Mobile cloud-service provider Kinvey created a quick infographic going over the basics of iOS and Android design for easy reference when you are pulling out your hair trying to port your iPhone icons over to an Android app (or vice versa). Check it out below.
What are your biggest app design problems? Let us know in the comments.
View full post on ReadWrite
Five tips for creating a great infographic for SEO – Real Business
May 10th
|
Five tips for creating a great infographic for SEO
Real Business It's worth considering that one day in the future Google may choose to limit the SEO benefits of infographics. The most obvious way in which they would do this is via the links from third party sites to your infographics. Therefore it is recommended … |
View full post on SEO – Google News
Cloud Jargon Unwound: Distinguishing Saas, IaaS and PaaS [Infographic]
May 8th
As cloud computing dominates more and more aspects of the tech world, similar-sounding but confusingly different something-as-a-service acronyms keep piling up. You’ve probably heard of SaaS (Software as a Service), since it applies mostly to cloud services delivered to end users.
But what about IaaS (Infrastructure as a Service) and PaaS (Platform-as-a-Service)? Even many tech professionals can’t explain the differences without babbling incoherently.
Fortunately, this new infographic from IaaS provider ProfitBricks does a good job of explaining the differences and who uses which one for what. Enjoy.
View full post on ReadWrite
Search Engine Optimization (SEO) For Musicians [INFOGRAPHIC] – hypebot.com
May 7th
|
Search Engine Optimization (SEO) For Musicians [INFOGRAPHIC]
hypebot.com image from ragingcreations.com Released yesterday during Music Biz 2013, a new infographic from digitalmusic.org and NARM offers musicians, labels, and other music companies a crash course in search engine optimization (SEO). It walks readers … |
View full post on SEO – Google News
Complete Checklist on Making the Right Landing Page Rank [Infographic]
May 2nd
You’ve probably read a lot strategies teaching you how to craft the perfect landing page. Questions that usually come up include: “How do I optimize my landing page for top conversions?”; “What mix of content and UI ingredients should I apply to make the page perform best?”. Today I’d like you to look beyond that. [...]
Author information
The post Complete Checklist on Making the Right Landing Page Rank [Infographic] appeared first on Search Engine Journal.
View full post on Search Engine Journal
Learning To Code: Get A Degree, Or Just Teach Yourself? [Infographic]
Apr 26th
Say you’re interested in learning to code. Should you go back to school and pick up a formal diploma? Or just teach yourself (perhaps with some help from the Internet) in your spare time at home?
Catalin Zorzini, the founder of Web design resource site Inspired Mag, was wondering just that, so he built an infographic on the subject. “Some readers are confused by the relevance of attending university in a time where technology information is not locked within the university walls anymore,” he told me.
(See also: There’s A Boom In Teaching People To Code)
After two weeks worth of extensive research, however, Zorzini said it’s not about one type of education being superior. “The challenge is to be able to match the right type of course with the right student mindset,” he said.
Zorzini’s finished infographic, based on information from editorials, universities curriculums, reviews, and even the opinions of practicing Web designers, won’t tell you which method is “best.” But it may help you figure out which method would be best for you. Check it out below:
Photo by Joseph McKinley
View full post on ReadWrite
Learning To Code: Just Teach Yourself, Or Get A Degree? [Infographic]
Apr 26th
Say you’re interested in learning to code. Should you go back to school and pick up a formal diploma? Or just teach yourself (perhaps with some help from the Internet) in your spare time at home?
Catalin Zorzini, the founder of Web design resource site Inspired Mag, was wondering just that, so he built an infographic on the subject. “Some readers are confused by the relevance of attending university in a time where technology information is not locked within the university walls anymore,” he told me.
(See also: There’s A Boom In Teaching People To Code)
After two weeks worth of extensive research, however, Zorzini said it’s not about one type of education being superior. “The challenge is to be able to match the right type of course with the right student mindset,” he said.
Zorzini’s finished infographic, based on information from editorials, universities curriculums, reviews, and even the opinions of practicing Web designers, won’t tell you which method is “best.” But it may help you figure out which method would be best for you. Check it out below:
View full post on ReadWrite
More Women Own Smartphones Than Men [Infographic]
Apr 24th
As smartphones shift from the realm of early adoption to mainstream use, the demographics of smartphone users are also shifting strongly. A new UK survey has found that more women are using smartphones now than men, and in general users are increasingly older.
It’s a pretty clear trend, if you look at the infographic provided by eDigitalResearch and IMRG. In 2010, when smartphones had only penetrated 38% of the UK market, 63% of smartphone owners were men and 37% were women. Contrast that with 2013, when smartphones hold 60% of the UK user base, and you have 58% female smartphone users and 42% male.
Older consumers are owning smartphones, as well, as the devices move from purely business use to consumer ownership. In 2010, a little under a third of all smartphones were owned by people aged 45-74. It’s a little hard to get an exact percentage from the displayed pie chart, but in 2013 that age group now makes up about 45% of the overall smartphone population.
That stats show other interesting phenomena in the UK: the rise of browsing as a smartphone activity, as well as the fall of Nokia and the rise of Apple and Samsung as smartphone manufacturers sold in the UK.
Take a look at the infographic below to see other stats from across the pond.
Lead image courtesy of Shutterstock.
View full post on ReadWrite
Social Networking For Marketers: How Pinterest Crushes Facebook [Infographic]
Apr 17th
Guest author Justin Smith is product engagement manager for BloomReach.
Understanding what people do on different social networks is the key to effectively using those networks for marketing. Companies currently spend 8.4% of their marketing budgets on social media, and that’s expected to grow to 21.6% in the next five years. But with so many social networks competing to grab marketing dollars, determining the most effective channels can be extremely difficult. To illustrate, let’s look at how Facebook and Pinterest stack up against one another.
Different Networks For Different Reasons
While both Facebook and Pinterest offer deep customer segmentations and user engagement, it would be a mistake to target audiences in the same way across both networks. For example, you wouldn’t market your product to someone shopping at a trendy boutique the same way you would to someone walking down the street with their friends. In a store, you’d likely look to make a sale, while on the street you’d probably have more luck building brand awareness.
Similarly, BloomReach’s analysis consistently shows that Pinterest has a higher concentration of people who are in a ‘buy’ state of mind, while Facebook users are more interested in interacting with friends – and brands. (According to Paul Adams, Facebook’s global head of brand design, Facebook’s strength is relationship-building, noting that many lightweight interactions over time can help promote brands.)
Traffic Analysis Tells The Tale
That is borne out by BloomReach’s analysis of total traffic – 46,277,543 site visits – for a set of retail clients from Sept. 20 through Dec. 31, 2012. We looked at five key metrics: total traffic, revenue per visit, conversion rate, bounce rate and average pages viewed. While Facebook delivered more than 7.5 times the traffic, Pinterest handily won the remaining four areas:
- Pinterest traffic spent 60% more than did traffic coming from Facebook.
- Pinterest traffic converted to a sale 22% more than Facebook.
- Facebook traffic bounced 90% of the time, compared to 75% for Pinterest.
- Facebook users viewed an average of 1.6 pages. Pinterest users saw an average of 2.9 pages – a 76% difference.
The average revenue per visit for Pinterest traffic was more than $1.50. But while Pinterest is able to drive highly lucrative leads – and the release of Pinterest’s Analytics Tool for Businesses should help companies make use of them – it can deliver only a relatively limited set of eyeballs.
Facebook Still Rules Awareness
If a company’s goal is to simply reach a larger audience to create or maintain brand awareness, Facebook remains the best option. Its sheer volume of users – 1.06 billion active monthly users, 680 million mobile users and 618 million daily users – and the army of people ready to sell impressions make it an easy channel to leverage. But it may be difficult to realize an immediate return on marketing investments on the network.
Perhaps the best approach is to look for ways to optimize Facebook campaign while expanding Pinterest presence. Both Facebook and Pinterest should become larger parts of the media mix model as visitor referrals from these sites grow. At the end of 2012, only 2.7% of total traffic in our analysis came from the networks, demonstrating that social commerce is still in an early stage. In the meantime, though, it seems fair to say that Pinterest is a more efficient marketing channel than Facebook.
View full post on ReadWrite
10 Developer Tips To Build A Responsive Website [Infographic]
Apr 16th
Many website owners say to themselves, “I want my site to look great on mobile, but I don’t know where to start.”
If you are in the business of building and designing websites, you cannot ignore the fact that many people are going to be visiting your sites on their smartphones and tablets. The Web and the mobile browsers remain one of the top ways that users interact with websites and if they have trouble on their smartphone, there is a good chance they are not coming back.
That’s where responsive design can help.
Responsive design is a concept where you build your website once and then format it so it can adapt to any screen size that accesses it. Designers use HTML5 and CSS to build the sites and set parameters so the content will resize itself whether the user is in vertical or horizontal viewing mode, on a tablet, desktop or smartphone or even a screen as large as a television.
We employ responsive design here at ReadWrite. Go ahead, test it out. If you are on a PC browser, shrink or enlarge the window and watch the content respond. If you are on a tablet or smartphone, switch between portrait and landscape.
See what happened? ReadWrite looks great no matter what size it is, no matter what device you are using.
Responsive design has been in vogue since about 2011. One of the first sites to employ it was The Boston Globe when it launched its new digital publication, BostonGlobe.com.
“We are now looking at how we display and order content differently from screen size to screen size,” said Jeff Moriarty, Boston Globe VP of digital properties in an interview last year. “This ‘responsive content’ concept is emerging and we are starting to see in data that users want different types of content depending on their context and the device they are on. We have to now think about how content performs differently from the biggest screens to the smallest, how that content is organized and even how headlines are written from platform to platform.”
What’s The Best Way To Build A Responsive Website?
The first thing to think of when building a responsive site is simplicity. Web designers love to show off that they can design the hell out of a website. They fall in love with their code and all the cool things that it can do.
“I think the challenge for me is to use it cautiously – and not try to be overly artsy with it,” said Ryan Light, a website designer working at CoachUp, a startup in Boston.
Light says that some website builders may over-design for the desktop, making some websites fun to play with but absolutely impossible to navigate.
“I find that a lot of people overdo it on their actual websites that are rendered in the browser,” Light said. “I find responsive design helpful for mobile browsing – but clumsy for Web typically.”
So designers, keep it simple.
Best Practices
There are a variety of ways to go about building a responsive website. French e-marketing company Splio aggregated some of the best practices in a very long infographic, shown below.
The idea is to focus around content and avoid the pitfalls that certain aspects of websites can create. For instance, pictures and advertisements can be a problem.
Check out the infographic below. What is your approach to building a responsive site? Let us know in the comments.
View full post on ReadWrite
