Stripe launches Checkout with overlay payment form and mobile support optimized for Android and iOS
Stripe on Friday released the first version of Stripe Checkout, its attempt to make “something that looks great, makes Stripe easier to integrate, improves with time, and results in a better payment experience for users.” The company says it has achieved this thanks to even simpler integration via an overlay form, support for all major browsers (even IE6, eugh) as well as mobile.
For developers, implementing Stripe Checkout is very simple; all you have to do is drop it in as a single tag:
<script
src=”https://checkout.stripe.com/v2/checkout.js” class=”stripe-button”
data-key=”pk_test_czwzkTp2tactuLOEOqbMTRzG”
data-amount=”2000″
data-name=”Demo Site”
data-description=”2 widgets ($20.00)”
data-image=”/128
The Twitter iOS app shot up from a 2.5 star rating in December to 4.5 in January, but how?
If you took a peek-a-leek at the ratings of Twitter’s iOS app this morning, you might have been a bit taken aback. The app’s current version clocks in at a healthy 4.5 stars, a near-perfect rating when you consider that there are over 6,700 entries.
But that rating was not so great in December. The app was averaging two and a half stars and had been for some time. In fact, the ratings had taken a serious hit since the redesign of the app to bring it more in line with the web version and away from the look of the app Tweetie from which it was derived.
So how did Twitter get a jump of 2 stars in under a month?
Since that initial version, the app has been tweaked and massaged in ways big and small. Most recently, background profile images and photo filters were added. There have been speed improvements and usability tweaks as well. It’s generally a much better app now than it was on first launch.
However, there are an enormous amount of people that think of Twitter not in terms of this client or that, but as a homogenous service. The Twitter app for iOS isn’t one client among many, it is the Twitter client. Period.
And that’s exactly who Twitter turned to when it needed to boost the ratings of its app. Over the holiday, Twitter began pushing a standard iOS ‘Rate This App’ notification to users of the app.
The notification reads ‘Love using Twitter? Please rate us in the App Store. Tapping on the rate button brings a user to the store so that they can plug in a rating.
These notifications are nothing new. A depressingly large number of apps in the store use a similar mechanic to hound their users into leaving a rating on the store. Some do it once, some do it multiple times. It’s almost always unwelcome…to some of us anyway.
Apparently, it wasn’t so unwelcome to all of those millions of Twitter users that have been using the app but not rating it. They seem to really like the Twitter app as it is, enough to send its ratings skyrocketing.
What does this tell us about Twitter and the App Store?
First, it tells us that no matter how annoying these ratings popups are to some of us, they do work, especially when you have an enormous userbase. The larger the base, the less likely they are to be picky about popups like this. So, yeah, don’t expect these to go away any time soon if a company can get a bump like this out of them.
Second, it tells us that most people are pretty stinking happy with the way that the app is now. Twitter has been in the process of building a completely different media product on the framework of the original message exchange system.
These new bits of muscle and sinew may feel foreign to some of us, but to new users (and those who have joined over the past couple of years), they are Twitter. And the app, which works on both iPad and iPhone, seems to serve these users well enough. And the addition of crowd-pleasing features like more photo-rich profiles and image filters likely didn’t hurt.
And there’s also the way that the notification was worded. A couple of very smart folks have pointed out to me that it’s language could suggest people to rate how they feel about ‘Twitter’ the service, rather than just Twitter the app. This could have skewed results to the positive, whether it was intentional or not.
Not that there aren’t complaints, and legitimate ones. Speed issues remain, there are glitches present in many simple interactions including several during the signup process. It still doesn’t feel like a completely ‘native’ app.
But, it seems, those issues don’t matter so much to most Twitter users. To the tune of 4.5 stars.
Continued here: The Twitter iOS app shot up from a 2.5 star rating in December to 4.5 in January, but how?
Google Creative Lab’s Steve Vranakis: Technology should be both a tool and a toy
Google Creative Lab’s projects aim to help people discover the magic of the Web and spark their imaginations to get creative with tech. Steve Vranakis moved from the world of design and advertising to the tech industry when he joined Google Creative Lab as the Creative Director for Europe, Middle East and Africa.
Vranakis has worked on a series of projects so far like World Wonders Project which provides access to the world’s heritage sites through Street View, and YouTube Space Lab Channel, a worldwide initiative for 14- to 18-year-old high school students in partnership with NASA, that challenged students to design a science experiment that can be performed in space.
The latest project he worked on was Web Lab, a series of interactive installations connected to the web live at the Science Museum in London, which in the 5 months since its soft launch it counts more than 4 million online visits and 175,000 in-museum visitors from 196 countries (Top countries: US, UK, IT, RU, FR, BR, IN, ES, DE & MX).
I had the pleasure of watching his talk for TEDxAthens “The Ones Who Do” and we caught up for a short interview after that:
TNW: Through Google Creative Lab’s projects you help people open their eyes to the possibilities of tech, do you feel we’ve somehow lost the wonder for its powers lately?
Steve Vranakis: I’m a huge proponent of technology. It can be used to create efficiencies, for distribution, to connect and as we’ve seen recently to liberate. When we recently created a ‘digital to physical’ series of experiments (Web Lab) it was to show the world how we can all connect to things together both on and offline in a physical space. I don’t think we have forgotten about how powerful it is, but every now and then we need a gently reminder of its beauty and magic.
TNW: How can entrepreneurs manage to keep their focus on money without sacrificing their creative vision? How can they give their products a touch of magic?
Steve Vranakis: Some of the most pioneering individuals in history did so on a shoestring. I don’t think you need to sacrifice creativity due to lack of funds. It just means being a bit more resourceful and imaginative. Constraints and limitations create tension. Tension can lead to creative breakthroughs. Magic comes from being surprising and unexpected.
TNW: Coming from the word of advertising to the world of tech, what elements of the advertising industry could the tech world use?
Steve Vranakis: Advertising agencies create some of the world’s best storytellers. Sometimes we need to be able to take the ‘not so naturally appealing’ and create these incredible engaging worlds around them. Combine this with interactivity and social and you’ve got the recipe for some very big ideas.
TNW: You have kids, how does the way they interact with tech inspire you? Do they surprise you with the way they use it? What do you think will change in our relationship with tech for the next generations?
Steve Vranakis: I have two boys, one is five and the other is two. The five-year-old jumps from smartphone to tablet to laptop with utter ease. The incredible thing is how the two-year-old knew how to unlock my mobile at about 18 months old. He immediately knew how to navigate based on gesturing simply by watching me. Today’s devices are incredibly intuitive and require little to no previous experience. More and more websites are following tablet design principles and have done away with superfluous elements. As technology becomes more ubiquitous and at the same time invisible we will learn to coexist naturally with it as it continues to provide us with utility in our everyday lives.
TNW: You closed your TEDx Athens talk with the message ‘Re:code//Greece’. How do you think the European startup ecosystem can make a difference and help Europe get out of the crisis stronger and more united?
Steve Vranakis: Europe is already producing some of the worlds biggest and most cutting edge technology (just look at the Airbus A380!) Countries like Greece need to include IP and digital ideas on their list of exports. We have an incredibly skilled and educated labor force that just needs the environment to be put in place to help start and grow these types of companies.
The beauty with tech startups I that if their idea is good enough it travels easily around the world. It takes a slight shift in thinking to go from what Negroponte called a few years back ‘atoms to bits’. The recent crisis is both an economic as well as cultural one. We need to feel comfortable with technology playing a key part of the Greek society and economy and feel confident in producing it.
TNW: You’ve mentioned in a past talk that you see tech more as a toy and less as a tool. What are your favorite fun destinations on the web (or apps)?
Steve Vranakis: Technology should be fun and not be taken too seriously. It should be both a tool and a toy. To the user a tool, to the creator a toy. What I mean is that the developer should love the designing, coding and overall production of whatever it is they’re making. They shouldn’t feel pressured to deliver a world-changing application and approach it with an element of fearlessness. To the user, it should feel as simple to use as some of the most basic tools we use in our every day lives. If it’s difficult to understand and navigate and you need to learn how to use an application you’re probably going about it the wrong way.
Stick to existing user behaviors and build your platforms around these. I personally love useful apps like Flipboard but at the same time I’m a massive fan of fun apps like ‘The Fantastic Flying Books of Mr. Morris Lessmore!’
You can watch Steve’s TEDxAthens talk below:
More here: Google Creative Lab’s Steve Vranakis: Technology should be both a tool and a toy
Google finds its design voice on iOS
From the beginning, Google’s design sensibilities on the web and Android have been unique. Whether you were a fan of the spare, utilitarian feel of products like Search or not, you knew when you were looking at something built by Google.
To a degree, that’s still very true. Android apps built by the company have taken on the trappings of overarching design shifts like those introduced with Ice Cream Sandwich. But you still know that they’re Android apps. The same goes for the web apps, which retain many similar traits to the company’s first efforts. Use of primary or off-primary colors, white space, text prominence and brusque attempts at user interface chrome.
And there’s something to be said for maintaining that sense of self. ICS and its successor Jelly Bean look better than the platform has ever looked. The Holo language — which Google is doing a lot to promote the adoption of by developers — is bold and different, without being too sparse.
But Google doesn’t just make apps for Android and the web. It also makes them for Apple’s iOS — 25 different apps at last count. That’s more apps than Apple offers on its own store. Unfortunately, when it comes to design on the iPhone and iPad, its offerings have left a lot to be desired. That is until recently when, suddenly, its apps started getting very very good.
It all began with the release of a startlingly good iOS app for Google+. Clean, well put together on both iPhone and iPad, spare yet bold. Somehow very Google and very iOS at the same time.
The app impressed a lot of the folks in the iOS community, who took notice, regardless of whether they actually used Google+ or not. A recent update to the Google+ app has improved it even further, removing a lot of the dark colors in the app and emphasizing bold colors as an invitation to action. It’s actually pretty gorgeous, and it’s got a lovely pull-to-refresh animation:
The string of well designed, if not exactly perfect, app updates continued. In no particular order, YouTube, Chrome, Google Search, YouTube Capture and of course, Google Maps all displayed a much surer design hand on Apple’s platform. They obeyed the right conventions for things like the back button and the bottom-oriented navigation bar, but they maintained a sense of what Google has been about from the beginning.
In order to convey just how much Google’s language has changed, here’s a juxtaposition of Google’s design language on iOS ‘before’ and ‘after’ its rebirth. Google Translate, still not updated for the iPhone 5 on the left and the new Google+ app on the right:
The difference is evident. The Google+ app reveals the navigation chrome only when you’re not scrolling downwards, allowing it to display more content. The margins have been trimmed back and the color blocking draws your attention to the interaction points. But the sparseness isn’t as harsh any more. There are now textures used to give it a layered feeling that is noticeably absent from its older apps.
A group of apps placed side by side, all of the ‘new breed’, emphasize just how coherent and assured they feel:
To contrast that, here’s a similar grouping that I created when talking about the combined divergence and homogeny of Apple’s designs on iOS 6:
Apple’s designs move towards textured, friendly designs that mimic real-world objects. The original Mac’s desktop paradigm is still informing the design that the company does. It’s very much a school of thought that places the needs of the 80% front and center. It’s also a look championed both by founder Steve Jobs and outgoing iOS chief Scott Forstall. And not as much by incoming head of all design Jony Ive. It will be interesting to see how it evolves.
But as far as Google is concerned, it appears to be firing on all cylinders. Creating a suite of apps that combines its web design sensibilities with interfaces that make sense on iOS for the first time in a long time. Some small elements still stand out as foreign. the drawer tab in Maps, the clever but different tab browser in Chrome. But overall the interfaces feel like they’re being more honest to the underlying iOS platform and obeying the conventions there.
The Desirability Factor
I wanted to make sure I wasn’t imagining the changes I was seeing in the new apps, so I spoke with Jason Cornwell, lead designer on the Gmail for iOS project, one of the well-received new apps in the modern suite. What he told me drove home that Google knows very well where its bread is buttered, and it’s looking to make big strides into better apps for iOS.
“A number of teams at Google, ourselves included, were looking to up our game on iOS and put out significantly higher quality releases,” Cornwell told me. ”It was a shared desire to start making more beautiful apps.”
A bunch of team members working on apps like Maps and Gmail all got together to hash out a common visual language that all of the apps would adopt. This would replace the hodgepodge of light blue and black and whatever interfaces that the previous generation of apps that Google had released. The way that apps are supposed to work on iOS was also a big consideration.
The team worried about how it would ”create a design language for iOS that was honest to the platform, that felt like it belonged there. But that also retained its essential ‘Googleiness’,” says Cornwell, “that felt like it was something we had produced.”
This bottom-up process involved the group of designers that bounced their work off of one another in order to figure out what the standards for Google apps on iOS were going to be. This included a lot of team members that worked on the redesign of the web app last year.
“A lot of what we were trying to do was trying to apply some of the same design philosphy” as that web version, Cornwell says. “Drawing inspiration from the Google search box as far as focus and simplicity goes. But also sparing use of color to articulate the interactions in a consistent way.”
The update to Google’s suite was sorely needed. The apps used a lot of fairly standard Apple UI kit stuff with Google’s color palette sprinkled on top. This felt lazy for a company with the resources of Google, and it didn’t do any wonders for the love that people were giving its efforts on the platform. I asked Cornwell if it was a relief for the Google iOS apps team to finally have representative offerings on the platform, ones that they could be proud of.
“It’s a huge relief, and really exciting to see. Google’s becoming much more of a design-focused company. It’s been clear inside the company for a while, but it’s becoming clear outside of Google as well,” he says. “The amount of effort and emphasis that we’re putting on really well-designed apps that still have the other characteristics that other Google apps have had.”
Those features include speed and a deep feature-set that mimics their web counterparts. But, Cornwell adds, they wanted to really “up the desirability factor this time around.”
Digital, Not Physical
A lot of this process involved bringing the iOS apps into the same visual family as the web offerings, without losing the ‘iOS reference points’ that would strike a balance between what Google does and what feels natural on the platform. That conversation, says Cornwell, is a constant one that informs each subsequent release. Elements that appear in Maps may show up in future apps as the team figures out what works and what strikes the proper tone.
That includes evolving the look of even the newer apps rapidly. The Google+ app, for instance, moved away from the heavy black interface elements of the first version, lightening the background and using color as touch points. As color works at a higher level than text or even symbology, this provides a welcoming influence on interaction points. Of course, the iconography is still strong to serve the color blind.
And the process for Google is still significantly different from what Apple is doing with its designs. Cornwell specifically calls out the fact that it’s doing things that feel ‘digital’, rather than physical.
“What we’re shooting for here is something that feels authentic and digital, that isn’t trying to be a physical thing. But at the same time has some depth to it,” he says. “When you start to interact with it, you get a sense of sophistication, that there’s a lot there, but the initial presentation is very simple and very clean.”
Human
When it comes to the Gmail app, which Cornwell led design on, the effort was to make it feel more human. The team that came to Google with the Sparrow acquisition is now ‘very integrated’ into the Gmail team. While the new app isn’t built off of the Sparrow engine, there are definitely ideas from the app present. Those ideas, elements from other apps around Google and the current state of interaction standards on iOS all fed into the new Gmail.
One of the Sparrow concepts that made its way to Gmail was the idea of capping each email with a profile picture.
“One of the things that we’ve been trying to do with Gmail specifically is to make it feel more human, more personal. And pictures are absolutely a big part of that strategy, to make it feel like you’re having a conversation with a person.”
When a profile picture isn’t present, it’s replaced by a bold, colored square filled with the sendee’s first initial.
“One of our designers had this idea to use the initials, which I thought was a clever way to deal with the fairly significant chunk of email that you get without any profile associated with it,” says Cornwell. ”On the web, the previous approach was to use a default avatar and then colorize it, which doesn’t have the personality of an initial.”
I also quizzed Cornwell a bit about the reason that the new Gmail app uses web views so heavily. The interface has grown on me since I initially dismissed it as too slow, but it still suffers from some glitches that appear to be tied to the fact that it displays the main content entirely in a web view, rather than with native frameworks. These glitches include somewhat slower tap recognition than Sparrow and emails that have been deleted remaining in the inbox and highlighted until the view is refreshed.
“This is a constant and interesting issue, because you have to use web views to display HTML mail. So it’s really a balancing act that has to do with animation performance,” says Cornwell. “And we spent a lot of time optimizing it. We really wanted there to not be any issues about whether this was a hybrid or native app. It should just feel fluid and like it fights right on the platform. We spent a lot of time making it work properly.”
They got most of the way there with Gmail. I’ve been using it as my primary email app alongside Sparrow for a few days now and just today replaced Sparrow with it in my dock. We’ll see how long it stays there, but so far its lightweight colors, support for push notifications and excellent handling of Gmail-centric actions like tagging have me liking it.
There’s also the fact that, as with other apps like Google+ and YouTube, the Gmail app focuses heavily on the content. The colors and textures are sparingly used, so mail content pops in place, making it more visible. The margins are trimmed down too, with very little given over to interface chrome in the view and compose modes.
“It’s a huge emphasis. If you look at the new compose on the web, that was the predominant philosophy there…to make the content the hero,” Cornwell opines. “The more UI you put around the content the less and less you’re featuring the content. When you’re communicating with somebody, we want the mechanics of the communication to disappear.”
He says that an immense amount of time was spent on trying ‘not to get in your way’ with the interface. To pare down what is presented so that you can get to your content without it being weighed down with ‘so much junk’. That goes for Gmail, but it also goes for the other apps that are taking part in this sift as well.
iPhone Natives
“Google, in general, wants to be where our users are. So being on iOS continues to be pretty important. I think what you’re seeing is a result of a fairly significant, slightly longer term investment in the quality of these apps,” says Cornwell.
He’s responding to my question about why it took so long for Google to bring a better class of apps to iOS. It’s been focused on improving the experience on Android so much, but a huge amount of people use Google services on iOS. Public statements from Chairman Eric Schmidt have even indicated that a majority of Google’s revenue in search advertising comes from iOS users. It’s a major component of Google’s business, and it deserves top-notch apps.
The Gmail app posed unique challenges in this area, because it has a very web-centric origin. The team needed to translate that web experience to a ‘mostly native thing’ that works logically on iOS. Cornwell and the team also knew that they had to being a ‘coherent’ release that had a bunch of features integral to the Gmail experience.
“And we just weren’t willing to rush it,” he says. “Things like animation performance and how the app responded and how native the app felt. It was more important to get that right than to do it quickly.”
Along with this has to come a willingness to steep yourself in the logic of a given platform. You can make wonderful apps for Android and have the technical skills to translate those to iOS, but not have a grasp on the spirit of a platform. Things work a certain way for a reason, and they don’t always do them for the same reasons on iOS as they do on Android. Cornwell is adamant that you have to commit to a platform in order to develop for it.
“You have to live on the platform you’re developing for. The designers and developers that work on this app are iPhone natives and use iPhones all the time as their main phone,” he says.
“You have to live on a platform to understand the subtlety of the patterns…and what represents good design on that platform.”
That doesn’t mean, however, that you get to skate on the standard elements of iOS with a ‘Googley’ color scheme. That’s what got them into this pickle in the first place.
“If you use what Apple provides you without modifying it, it feels old out of the box. All of the great iOS apps take Apple’s patterns and make them their own to exactly the right extent,” says Cornwell. “It’s this balancing app between ‘what does the platform represent’ and what the developer is trying to express on that platform. It took us some iteration to get that balancing act…to tune that correctly.”
Cornwell says that he thinks that the Google design teams for iOS have hit their stride. The visual language and design interactions are beginning to gel in a way that mixes Google and iOS in the right rations, adding that “it just took a while to get it right.”
Now that it has, iOS users are getting the best of both worlds, with some of the best Google experiences they’ve ever had access to.
Read the original here: Google finds its design voice on iOS
Six Months After Launch, Website Monitoring Startup Verelo To Shut Down And Return Funding
We’ve received word that Verelo, a Toronto-based startup that provides website monitoring services, is shutting down. The company announced the news today in an email to users signed by co-founder Andrew McGrath.
The company, which provided uptime and performance analytics as well as malware detection and site health monitoring services, stopped billing several weeks ago and plans to return its remaining funding to investors.
It was a short run for Verelo. The company was founded at the beginning of this year by CEO McGrath and CTO Michael Curry and made its official public launch in June as it graduated out of Toronto’s Extreme Startups incubator program.
But it turns out Verelo did not have the traction and funding needed to make it to the next level amid the serious competition that already exists in the space. Curry left the company earlier this fall, and, McGrath wrote, “it’s clear that we’re still playing a big game of catch up and have not got the financial backing required to truly fulfill our one big goal of making the Internet a better place.”
It takes a lot of courage to admit when something isn’t working out as well as had been hoped, and Verelo users have taken to Twitter to give their goodbyes:
@verelo Sad to see you guys leaving. The best website monitoring site i have ever used.—
ken (@sinkronoxc) December 19, 2012
Verelo.com – our great competitor from Canada – has just announced it's closing down. —
Website Monitoring (@monitoringblog) December 19, 2012
Just read that Verelo.com is closing down… It's probably very difficult competing with the likes of New Relic, Monitor.us, etc.—
David Joos (@davidjoos) December 19, 2012
We’ve reached out to Verelo for additional details and comment on what’s next for the team, and will report back with anything we hear. Here is the email McGrath has sent to users:
“Hi Everyone,
Its with great sadness that I write this message to inform you that we’ve made the decision to close down Verelo.
We’ve been weighing up our options for a while now, however at the end of the day we’ve been struggling to grow at a sufficient rate to become long term profitable. I personally feel that the most responsible thing we can do as a company is to conserve our remaining funding and return it to our investors.
If you’re not familiar with our story, Verelo was founded by a friend of mine Michael Curry and myself at the beginning of this year. We launched in February and in March we’re accepted into Extreme Startups in Toronto Canada. Our time in Extreme Startups was amazing, the value they brought to Verelo and the contributions they have made to the community in Toronto have been massive; this is evident through the great companies they have helped get off the ground. While Mike made the decision to leave the company a few months ago, I decided to give it my best and push on. We brought on several great people during this time, including the wonderful Vanessa who will be going back to focus on her Jewlery Design business. Unfortunatly while we made some great strides forward, its clear that we’re still playing a big game of catch up and have not got the financial backing required to truly fulfill our one big goal of making the Internet a better place.
We did see this coming, and all billing stopped several weeks ago.
If you would like to export any of your data, you can use the export features in your account on the reporting pages. If you have any additional export requests please feel free to reach out to support@verelo.com for further assistance.
Please feel free to reply to this email directly, I’ll get it and try reply to as many as possible.
Kind regards,
Andrew McGrath
CEO Verelo Inc.”
See the original post: Six Months After Launch, Website Monitoring Startup Verelo To Shut Down And Return Funding