Category Archives: webdev

Chrome, HTML5, JavaScript, php, webdev

How To Implement Web Payments

One aspect for Monetization on the web is the simple action – BUY.
In this method, the user will pay and only then, she could ‘use’ the application or service. There are several providers that offer developers an efficient ways to lead users through the checkout process. In the image below you can see an example of such usage when the user got the option to ‘Pay with Card’ in one-click.

pay-ex-1 2015-02-11 16.56.42

After you will click on this button you will get a dialog that ask for your credit card details. In this example, we are using Stripe. It’s a good option that works in many countries around the globe. Moreover, you are getting for ‘free’ all the best practices of client-side validation for the credit card details. In the image below, you can see an example of buying “one hour with Ido”, it’s looking like a bargain. Continue reading →

Standard
Chrome, Design, HTML5, mobile, webdev

Mobile Web For Mobile World


 chrome_front-androidHere are the slides from a talk I gave at Campus TLV to developers from the government. It’s clear that mobile is growing very fast and you must have a quality present on mobile devices. You wish your site (and apps) to be ‘mobile first’ and make sure they are using the best practices for mobile.
It’s important to remember that E-commerce occurs across apps and web, but consumers rely disproportionately on mobile web for commercial tasks. In these slides, we will see how to improve your sites or applications. Btw, if you wish to read this information in Hebrew, you can find it over at DevHeb.com Continue reading →

Standard
webdev

A/B Testing With Google Analytics

rakafor-2Once you have a better picture on the current state. It’s time to try and improve it. A good way to do it is by using the option to serve different pages to unique visitors and measure the differences.

Following our e-Commerce site example, there are few options to test:

  • Create few versions of your ‘buy’ page.
  • Change modules on a certain page.
  • Change the landing pages.
  • Change the funnel: number of pages, modules, steps etc’.

Tips

Few guidelines to gain more reliable results:

  • Test a few elements at a time – If you change multiple elements on each page, it can be difficult to figure out which element or combination of elements was responsible for the best results. For example, create multiple pages but change only the main image on each page, and keep the same layout and text to ensure that any difference between the page results is due to the image.
  • Use high-volume pages – The more often that people see a page or complete a goal, the less time it takes to gather data.
  • Make bold changes – Users can miss small changes and you can end up with inconclusive results.
  • Keep testing – With follow-up testing, you can build on the success of your experiment. Did one headline encourage a lot more purchases? If so, test it alongside a product image or an image of a spokesperson.

Continue reading →

Standard
webdev

Measure Goals with Google Analytics

Lake in the north

In the last post “How To Use Goals and Conversions In Google Analytics” we saw what are the first steps to define a goal. Let’s go deeper and see how to customize it step by step.

The default dashboard

This is the dashboard you will see when you open Google Analytics. It’s giving you the most basic pieces of information. As this is just the starting point, we should customize it and improve it to show us the metrics that we care about. In our case, we will see how to add our ‘Goals’ dashboard. When it comes to monetization, we can translate our goal to monetary value and get in the dashboard the amount of money we were able to generate. In the photo below you can see the default dashboard you are getting in Google Analytics. Continue reading →

Standard
webdev

How To Use Goals and Conversions In Google Analytics

Data and the light

“In the past, one could get by on intuition and experience. Times have changed. Today the name of the game is data.”- Steven D. Levitt

In todays world, we must measure and analyze our data in order to continue and improve our performances. In this article, we will show how to leverage Google Analytics in order to improve monetization.

TL;DR

  • Conversion Rate is the percentage of prospective users who took a specific action you want.
  • Usability, messaging and performance are key factors that influence our conversions.
  • Use Google Analytic in order to gain important views.

Goals and Conversions

What is conversion rate?

Conversion Rate is the percentage of prospective users who took a specific action you want. It might be time spend on a page, registration to an event or completing a transaction. You can also give a Goal a monetary value (e.g. in an e-commerce site), so you can see how much that conversion is worth to your business. Continue reading →

Standard
Chrome, HTML5, JavaScript, webdev

Maximizing Your ROI On The Mobile Web

mobile devicesIt’s a mobile world.
The next 4B users are going to use the web only on mobile so we should think on their experience. Moreover, a lot of people are using the mobile web as discovery mechanism and when they land on our site we got the (one) chance to impress. The summary of the slides below will focus on two main aspects: performance and user experience. In the slides you can read on the 25 principles and how to work with them.

  • Performance
    Get content to the user as quickly.
    I think this formula used in Ilya Grigorik’s talk sums this up:

    Perceived performance = f(Expected Performance, 
                           UX, 
                           Actual Performance)
  • User Experience
    Optimize for the mobile device. So start your design from the small screen and move forward to a bigger one.

Here are tools that every web developer should use (or embrace the concepts that these tools promotes): Continue reading →

Standard
Chrome, HTML5, JavaScript, webdev

Web Fundamental Update

Here are the slides from a talk I gave at Campus TLV. It’s a summary of web fundamentals is offering developers at the first step of ‘building your first multi screen site‘.

If you would like to contribute to this important open-source project, please jump to our github repo: github.com/google/WebFundamentals

 

 

Standard
Chrome, JavaScript

The Little Prince And The Better Parts Of Javascript

The little price“It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to subtract.”

In this (quality talk), Douglas Crockford talks on the better parts of JavaScript. As always, it’s an opinionated talk, so choose what you wish to take from it for your next project. There are many aspects that Douglas touch on, that are very helpful to any technology you are using. I truly like his opening from “The little prince” ‎- Antoine de Saint-Exupéry. Great points on software development and especially JavaScript’s holes you wish to avoid.

Btw, back at 2010 I’ve recommended his book – Times fly.

Standard
Chrome, HTML5, JavaScript, webdev

uptodate.frontendrescue.org just got a hebrew version

fed-uptodate-hebrewI’ve been contributing to this cool project: github.com/frontend-rescue/keep-up-to-date and today it’s live!

If you wish to check what are the best practices for front-end developers (in hebrew) this is your version: http://uptodate.frontendrescue.org/he/

Good luck.

Standard
Chrome, JavaScript, webdev

How To Create A RESTful API

Google APIs with picturesque app

If you wish to read the background on RESTful APIs It’s all started here.  You can look at some good examples for RESTful APIs from Google, Twitter and many others. In this post, I will try to focus on some important aspect that you want to keep in mind when you are building your next RESTful API. Btw, if you are looking on an efficient way to create it – Checkout my talk from last Google I/O. It’s over a year now, but still very relevant.

Main aspects to pay attention

Continue reading →

Standard