Agrégateur de flux

4 leçons sur la fin de Take Eat Easy

Frenchweb.fr - 22 août, 2016 - 16:56
Pierre André tire les enseignements de la fermeture de Take Eat Easy.
Catégories: News monde IT

[We Love Entrepreneurs] Alexandre Malsch: «Il faut croire en son projet, et tout donner»

Frenchweb.fr - 22 août, 2016 - 15:00
Créé en 2008, le groupe Melty, spécialisé sur une cible jeune, compte aujourd'hui douze sites d'information positionnés sur des thématiques...
Catégories: News monde IT

3 start-up françaises qui innovent avec la blockchain

Frenchweb.fr - 22 août, 2016 - 14:00
Initialement rattachée à la monnaie virtuelle, la blockchain est désormais envisagée comme une technologie à part entière.
Catégories: News monde IT

[EMPLOI] Digital Local, Les Comptoirs, Le Groupe La Poste… Les 10 offres d’emploi de la semaine

Frenchweb.fr - 22 août, 2016 - 13:45
Découvrez les entreprises qui recrutent cette semaine ! Pour découvrir tous les emplois, rendez-vous sur notre jobboard. Pour...
Catégories: News monde IT

Creating Animated GIFs the Right Way – with Cloudinary

Noupe.com - 22 août, 2016 - 13:00

Animated GIFs are very popular, although there are other options – such as HTML5 video, CSS, and JavaScript – for animations. Short video clips are often created in GIF format and then shared on social media. Cloudinary, a cloud-based image and video management solution, enables you to quickly and automatically create animated GIFs. Cloudinary also helps you to optimize GIFs and converting them into video formats.

Optimal File Size and Image Quality

With a maximum of 256 colors, GIF doesn’t seem to be a good choice for photographic content. In addition, the format often results in rather large file sizes, especially when it contains animations. So, when you convert a video into an animated GIF, you must weigh between video quality and file size.

Cloudinary offers simple compression for animated GIFs, which you can easily apply to any GIF file that you host using its URL. Although this is a lossy compression, the original files remain untouched, which enables you to create an appropriately optimized version on-the-fly.

http://res.cloudinary.com/demo/image/upload/fl_lossy/image.gif

To apply compression, simply add “fl_lossy” to the image’s URL, and you’ll receive a version of your GIF animation that was optimized to be the best compromise between image quality and file size.

Not Compressed and Compressed Animated GIF

You can save up to 40 percent of file size when comparing an uncompressed GIF with a GIF optimized via “fl_lossy.” Because it is a lossy compression, you may notice a difference in image quality. But, overall, the image will still be impressive.

Three Stages of Compression: 25, 50 and 75 Percent

The additional parameter “q” also gives you the option to influence the GIF’s quality, which also affects the file size. The higher the value for “q,” the better the image resolution. Values between 0 and 100 are possible. 100 is the best quality, but it isn’t quite as good as an uncompressed image.

Manipulating Animated GIFs

Those familiar with Cloudinary also know that the service provides many options for manipulating images. You can crop and scale images, or apply various filters to add certain effects.

It’s possible to apply all of these options to animated GIFs, as well. For example, you can add the blur filter – “e_blur” – to an animated GIF. The effect will affect the entire animation.

http://res.cloudinary.com/demo/image/upload/e_blur:300/image.gif

GIF With and Without Blur

Cloudinary offers two additional features specifically for animation. The parameter “pg” (“page”) enables you to display a particular frame of the animation. In the example, an animation’s eighth frame is displayed as a single image.

http://res.cloudinary.com/demo/image/upload/pg_8/image.gif

The parameter “dl” is short for “delay,” which lets you set up a delay between the animation’s frames. In the example, a short delay of 200 milliseconds is implemented between each frame, resulting in a slow-motion playback.

http://res.cloudinary.com/demo/image/upload/dl_200/image.gif Converting Animated GIF Into Video Formats – and the Other Way Around

If you ever happen to need a video format version of your GIF animation, you can quickly make that change with Cloudinary. All you need to do is change the file ending from “.gif” to “.mp4” and your animation will be played as an HTML5 video in the MP4 format.

You also have the option to add other parameters to manipulate images. They also will be applied to modern video formats.

Animation as an HTML5 Video

The file size of GIFs, which is the weakness of that format, becomes evident when it comes to the conversion into dedicated video formats. GIFs converted into the MP4 format are only a fraction of the file size of animated GIFs. This difference is evident when it comes to cutscenes.

Cloudinary also supports the WebM format. The conversion is just as easy, all you need to do is enter “.webm” as the file ending.

Browsers still support different formats of HTML5 videos. So, as a result, you should always implement your videos in the MP4 and WebM format as well. Cloudinary makes the creation of both very simple.

Of course, Cloudinary also enables you to do the same thing in reverse. If you have an MP4 video, you get to convert it into the animated GIF format. You also can apply the lossy compression.

Creating Animated GIFs From Single Files

Cloudinary not only lets you turn a cutscene into an animated GIF. You can even generate one from a bunch of single images. To do so, just upload all images that you want to turn into one animation to Cloudinary, and assign the same tag to each of them. The tag determines which files will be added to the animated GIF.

Afterward, the Cloudinary API can be used to merge all images with the same tag into one animation. Among other things, there’s a PHP library that lets you create that type of animation in a very uncomplicated way.

Uploaded File With Assigned Tag

$result = \Cloudinary\Uploader::multi("animation");

In our example, the Cloudinary API is accessed via PHP, and an animated GIF is created from all images with the tag “animation.” This animation is then accessible.

http://res.cloudinary.com/demo/image/multi/animation.gif

An important thing to note is that the file name consists of the tag (“animation” in this case), with the parameter “multi” in front of it. As you become familiar with the API, the creation of more complex animations is possible. You could place images above each other, or animate them to move across the screen.

Conclusion

Those that have already created GIF animations in Photoshop or other programs know about the peculiarities and difficulties in dealing with cutscenes. Cloudinary’s cloud service is an impressive proof of how easy it is to create, manipulate and convert animated GIFs on-the-fly.

If you’ve not used Cloudinary before, you should test drive the service.  Cloudinary’s solution is not only very fast, but also offers plenty of features for the manipulation and display of images and videos.

(dpe)

Catégories: News dév web

4 idées reçues sur le Machine Learning

Frenchweb.fr - 22 août, 2016 - 12:00
Le rôle et l'intérêt du ML, c'est un peu comme un physionomiste à l'entrée d'une discothèque...
Catégories: News monde IT

18 Creative Ways to More Traffic on Your Website

Noupe.com - 22 août, 2016 - 10:00

Many bloggers and website owners know the problem. You flounder, write excellent content, but the traffic you hoped for is not there. The users ignore your site, although there is enough potential. Today, I will present you 18 creative ways to solve this problem, and help you get more visitors onto your website.

Traffic is the currency in which websites are measured. Traffic gets you to – what I assume is – your goal: making money from your site or blog. You should be aware of one thing: these days, only writing or putting your online shop on the internet is not enough anymore.

There won’t be masses of people coming to your blog because you want them to. They should be asked, or even “persuaded” to do so. The 50/50 rule gives you a decent idea of this. 50 percent of your time is spent writing; the other half is put into the marketing of your website. Marketing means a lot of different things. The following 18 creative ways for more traffic can be described as such.

The Basic Requirements for More Traffic

Without these basic requirements, you won’t get anywhere, even if your marketing is creative. Make sure that the basic needs are met.

  1. Write Really Good Content – write in-depth posts that are well-researched, and composed extensively. At least 1.000 words per article.
  2. Write on a Regular Basis – publish a post at least once a week, twice is even better. Otherwise, you’ll be viewed as a hobby blogger, and not as a professional.
  3. Share Your Articles on Social Media – Facebook, Google+, and Twitter are the minimum requirements.
  4. Focus on the “Longtail Keywords”. Neil Patel has written a really good article on this topic.
On-Page-Optimizations for Increased Traffic

All the requirements are met? Fasten your seatbelt and let’s go.

1 – Fill Your Category Descriptions

The descriptions of your categories are important. They fulfill two tasks. Firstly, they inform your visitors what the articles within the categories are about. Your visitors will gain a brief overview. The second aspect is completely neglected by most bloggers and website owners.

In the Google search results, your categories often appear when a related term is searched. Thus, your categories should have a description. It should be just as long as the meta description of your posts, and not any longer. Then, they will be displayed completely.

For that, an SEO plugin with a small detour can be used. Open a new page or article, scroll down to the SEO area, and refine your category description. Then go back to your categories without saving, and copy your description into the box. Now save the description.

2 – Write a “New Here” Page

Whether the page is called “new here”, or “start here” doesn’t matter as long as it exists, and is a part of your main navigation. It’s where you get to link your best articles. Of course, this includes articles that you consider to be underrated.

Point out the most important articles and categories, tell something about you and don’t forget to add a subscription form to your newsletter.

3 – Refine Your Content

When your goal is an expert blog with lots of traffic, simply writing on a regular basis is not enough. The opposite is the case. You also have to take care of existing content, and either extend, refine, or even delete it.

Your old content is worth a lot. They only need to be polished. Good blogs attractive the old content and keep it up to date.

4 – Host a Giveaway

Giveaways always work well when you make the users share the post on social networks to participate. This kind of promotion will cost some money. However, you will get a lot of traffic in return.

You could offer a software or something similar in the giveaway. What exactly you should provide depends on the niche of your website. Depending on that, you may even get the prize for your giveaway for free. Message the companies that come to question and discuss what you plan, and what use your sponsors will have from that.

The chances are high that you will get the product provided for free.

5 – Hold a 30-Day Contest

Contests are popular as well. A 30-day challenge is a really exciting project that can prove to be very effective- Starting a contest is especially easy for bloggers. Maybe writing daily articles for 30 days straight?

The opportunities and topics are near endless; you’ll find the right thing. Whatever works best in your niche. To find the right topic, you could even ask Google about your niche and add “30-day challenge”.

6 – Start a Forum on Your Website

An active forum might be a magnificent way to bind visitors to your website and make them spend more time on your blog. A forum also lowers the bounce rate, which makes Google happy as well. By the way, forums tend to start to rank well for the appropriate keywords quickly. Starting a forum is fast and simple using bbPress.

Use Social Media to Boost Your Traffic

Social Media is one of the best ways to direct more visitors to your website. They provide very underrated ways to generate new, and fresh traffic.

7 – Optimize Your Profile

You know about the normal way of filling a profile. Add a good profile picture, a short description, and a link to your website. That is not the optimal way to use your profile.

Let’s assume that Twitter was your favorite network. Then, you could add a particular landing page that provides a checklist with tips and tricks for Twitter users. Or tools that help to manage Twitter more effectively. Such a page is almost guaranteed to drive more users to your website than a regular link to your blog.

Don’t forget using a “call to action”. This could either be used to collect email addresses for the newsletter or to lure your visitors deeper into your website.

8 – Use Facebook Groups

Facebook is the social network with the largest potential. In the past, running a Facebook page for your blog was indispensable, while today, Facebook groups often do the job much better. They offer lots of options that you should make use of.

Join the Facebook groups that deal with your niche. There, you will receive opinions of real people with real problems, and get to interact with them. You are also able to create articles that solve the problems you heard of in the group.

9 – Use Videos and YouTube

This will give you a new group of visitors that will come to your blog via YouTube. In the introduction video of your account, I recommend telling your visitors what your blog is about as precisely as possible. Be calm, smile, and give a detailed, but short introduction into what you’re doing.

In the Facebook groups, you learned about the problems and wishes of your target group. Write splendid and detailed posts on that, and extend them with a video. The video should briefly talk about the solution and summarize it. At the end of each video, you should make clear what you expect from the viewers. Of course, that’s a visit to your website.

10 – Optimize the Video Descriptions

The video descriptions on YouTube are crucial. Don’t just write what the video is about, but also add links to extending articles. Links to other social networks also belong into the description. In any case, you have to place a “call to action” that shows a URL of your website, which you want the users to click.

Add a brief description of what your website is about. Put effort into that. The more brains it takes, the more advantages you will be able to draw from the video portal.

11 – Use the YouTube Banner Ads

In contrast to the other methods described in this article, this is a method that you have to pay for, but it can pay off very quickly. The function is still rather unknown. To activate it, you need to visit YouTube Advertise, and sign up. Then, you get to start up your first campaign.

You have full control over the type and shape of ads, as well as over the desired goal of the ad. Your ad will be displayed to the YouTube users when completed. This type of advertisement also has the advantages that you can directly address a specific audience.

Other Options for More Traffic

Here, you’ll also find promising options. Some are guaranteed to work.

12 – Offer Content in Addition to Your Blog Posts

Additional content can be very effective if planned correctly. Many plugins allow you to “pay” for additional content with a tweet, a share, or a subscription to the newsletter. The additional content could be things like checklists, or small e-books. A PDF version of the article would be another possibility.

13 – Start an Affiliate Program

This is an option when you sell products via your website, e.g. ebooks. This solution is perfect for online shops that desire more traffic. The respective affiliate networks can be very helpful when it comes to the realization of an own affiliate program.

14 – Write Guest Posts on Other Blogs

This is a great, yet underrated option to boost the popularity of your blog. Today, many blogs have to put out new and fresh content constantly, and often even daily. Thus, most blog owners will be happy when you offer them a high-quality article as a guest blogger.

The better and the more detailed your guest article deals with a user problem, the more benefit you’ll be able to draw from it. Contact other blogs in your niche and offer them an excellent article. Only very few of them won’t want to have it.

15 – Use the Huffington Post as a Guest Blogger

The Huffington Post allows you to write articles for them in the blog area. The email address that allows you to apply for a blog access can be found under every article of the magazine. Write high-quality articles of 500 to 1,000 words for the Huffington Post.

When your articles are shared a lot, you’ll remain on the magazine’s landing page for a long time, giving you substantial advantages. Every article comes with a short author biography with a link to the full bio, where you get to place everything of importance.

16 – Write and Sell Ebooks

You don’t know how ebooks are related to traffic? Well, every e-book requires an imprint that could contain your important information. That’s the right place to link your blog and social media.

Of course, the single chapters also provide enough options to advertise your website. Write an additional blog article for each section, and link it on the end of the respective chapter. Additionally, you could directly link your site on Kindle Direct Publishing, when you upload the e-book there to sell it on Amazon.

17 – Offer Webinars or Online Workshops

People love being able to learn. Host free webinars and offer the people a first look at your topics. Webinars are a great way of sharing your knowledge with your readers.

Put in effort and always address the problems of your target group, and deal with them. However, you should not go into too much detail in the webinars.

When the webinars are successful, and people enjoy coming to you because you offer them, you can turn that into a business, and make money with your blog. You could offer online workshops or very extensive video workshops that you can charge for. This way, you receive traffic and earn money.

18 – Use the Power of Freebies

When working on the internet, forgetting the real world is not an uncommon thing. Sure, the idea of promoting a digital website in the real world is not as obvious. Nonetheless, such an advertising option is very promising. Just have someone create freebies, invest money into them, and gift them to members of your potential target group.

Here are Some Ideas for Cool Promotional Gifts:

  • T-Shirts With Your Brand and URL
  • Imprinted mugs. A very popular freebie. Almost everyone likes coffee, and will have your website in mind with every sip
  • Printed wall calendars
  • Ballpens
Bonus: Create a Printed Magazine Based on Your Blog

Buy a refill pad or something similar, and turn your articles into a magazine. Compile your best articles, make them look appealing in Word or Pages, and print them on magnificent paper. Create an interesting cover page, and create your magazine.

When it’s done, you could distribute it in your local cafés. Many people sit in the comfortable cafés for a while, and some of them might be part of your target audience. These people will be very happy about this type of promotion, and are likely to visit your website afterward.

(dpe)

Catégories: News dév web

[EMPLOI] Ixina France, Les Comptoirs, Page Personnel: Les 3 offres d’emploi du jour !

Frenchweb.fr - 22 août, 2016 - 07:30
Ixina France recherche son Webmarketer (H/F)​ Roissy-en-France, Île-de-France, France   Sous la Responsabilité du Responsable Marketing/Communication, le/la Webmarketer est...
Catégories: News monde IT

Machine Learning, Big Data…Où en est-on dans les entreprises françaises?

Frenchweb.fr - 22 août, 2016 - 07:28
Retrouvez le meilleur de l'édition 2016 de l'USI (Unexpected Sources of Inspiration).
Catégories: News monde IT

Quick Tip: Solution to Paypal IPN Always Returning “Invalid”

SitePoint.com - 19 août, 2016 - 18:00

When developing with PayPal's IPN simulator, you might run into the situation where it keeps returning "Invalid" when verifying the message, regardless of the encoding you set or all conditions matching and being valid.

The Paypal developers team is notorious for ignoring all inquiries, and the docs are famously hard to read, so debugging these issues is incredibly hard and can cost you hours upon billable hours. I've even gone as far as set up a live server for testing the IPN simulator, for fear Ngrok was at fault when testing locally, and even added a certificate to the endpoint to get HTTPS going - no dice. In the end, the solution was - as is usually the case - simple but obscure.

Continue reading %Quick Tip: Solution to Paypal IPN Always Returning “Invalid”%

Catégories: News dév web

E-commerce : Mettre la data et le shopping analytic au service du client

Frenchweb.fr - 19 août, 2016 - 15:00
«Si je devais résumer à quoi sert la data aujourd'hui, notamment dans le contexte du commerce, ça sert à éviter de faire des choses stupides» selon David Bessis, fondateur de Tinyclues.
Catégories: News monde IT

Jeunisme, Big Data… 5 idées reçues sur le leadership à l’ère digitale

Frenchweb.fr - 19 août, 2016 - 12:00
«Un leadership fondé uniquement sur la compétence digitale est une prise de risque». Par Nathalie Schipounoff, cofondatrice du cabinet Le Leader Digital.
Catégories: News monde IT

La sécurité informatique est, elle aussi, en voie d’Uberisation

Frenchweb.fr - 19 août, 2016 - 12:00
La sécurité informatique en transformation: tendances, caractéristiques, économies… Par Fabrice Epelboin, expert FrenchWeb.
Catégories: News monde IT

How to Get The Most Out of a New Website Launch Announcement

Noupe.com - 19 août, 2016 - 10:00

The months of sweat and tears have passed and the stakeholders have finally signed off. Your new website design is about to go live – but how do you announce a new website launch? How do you get people to care about a new website? How do you get the most traffic and conversion you can out of a new website launch?

1. Send out a Press Release

First of all, target local business publications and anyone who you feel would be interested in the new site. Then move on to utilizing the press release process as a link-building exercise. If you write up a professional press release and use a resource like Press Release Jet to get the press release spread far and wide for the purpose of gaining links back to the site.

Unless you’re a very big company, serious news sources won’t make a big deal out of your launch but it doesn’t mean you can’t use the opportunity to get on some cool sites and possibly promote it there. Press Release Jet and other services distribute your press release to the press release section of local news stations websites around the company so you can even promote those articles once they get published – and they do get published on very credible sites that can make you and your company look good. Just make sure your press release takes an angle that would be interesting to your prime demographic and isn’t just navel-gazing.

2. Schedule a couple posts for every social media account you have

Use the post scheduling tool Buffer or Hootsuite to set up well-written posts on all your social accounts, but make sure you have them set for the hard launch, not the soft launch. Let’s be real, the first day any website launches there are usually some tweaks that need to be made and things that are getting squared away. I generally suggest waiting a week to really make the big announcement. But at that point, announce it 2 or 3 times (especially on high volume platforms like Twitter), and include an image of your website in all its glory or even a gif of someone scrolling through the site showing it’s best features. Here’s an example of clothing store Maurice’s showcasing their new WordPress blog developed by Minneapolis Web Design with a gif in a tweet.

It'S HERE! Check out our new blog! Trend tips, cute DIYs, playlist ideas, & more! ?? || https://t.co/OrytHGbdpS pic.twitter.com/DQkaMFy1FL

— maurices (@maurices) May 30, 2016

 

3. Emphasize new features and promote a tweet and Facebook post.

If there are new features that your customers or clients will love, take a little video of someone using them and showing the feature in action and promote it in a Facebook post or tweet. Not everyone is going to intuitively know to go check every nook and cranny of your site and find why it’s so cool, so you might need to give a nudge or two to let them know you’re trying to serve them better. Promoted posts and tweets are a great way to get the information about new features out there more quickly.

4. Create a blog post about what’s changed and any refocusing you’ve done on the site.

This one is a no-brainer. You just spent a ton of time working on a site to better showcase your products or services and now it’s time to share why the new site is better. It’s also a good idea to do a write-up because people really do search “Company Name Website Redesign” in search engines hoping to find out what’s been changed and why. In a recent re-launch people were landing on the post from 2 years before when the last iteration was launched, so we did a write-up really quickly and redirected the traffic that was coming to the old post to the new post – as it was clear that’s what they were looking for.

5. Send out an email telling your existing customers and fans about what’s changed.

E-mail is still one of the most visible digital marketing tactics we have in our arsenal so don’t underestimate its power.

According to Mailmunch, if you have  2,000 people in your e-mail list, 2,000 people who like your page on Facebook and 2,000 people who follow you on Twitter – on average:

  • 435 people will see your email and open it
  • 120 of the people who like your Facebook page will see your post
  • 40 of the people who follow you on Twitter will see your tweet

Yes the mediums are different, but these are compelling reasons to dip into your e-mail list on a website launch.

6. Create a game around a hidden easter egg on the new site.

You can drop the word “serendipity” on the website somewhere and give a $25 gift card to anyone who finds it and sends you a screenshot. You could really hide anything you’d like, but the idea is to incentivize finding it and encourage people to explore the site your team worked hard on.

Don’t worry your easter doesn’t have to be as dope as Kanye West’s easter egg in the code of his website:

7. Edit your email signature and add “Check out our new website!”, linking to the new site.

Speaking of the effectiveness of e-mail, try the drip method by adding the announcement to your e-mail footer and every routine e-mail you send helps spread awareness. You might not feel comfortable sending every contact the announcement normally, but subtly in your email signature can let them know without being pushy.

8. Recognize that “new” is relative, and keep playing it up for a month or so.

You may be tired of your new website before it even launches (because it was a lot of work to create content for, coordinate people to complete, etc) but other people haven’t seen it yet. So don’t spend one day letting everyone know it’s launched and  then give up. A couple posts on each social network, an e-mail, a press release, a blog post, and some promoted posts or ads around the launch can linger for at least a couple weeks to make sure the news of the launch is spread far and wide. At most, you can spend a month tactfully sharing the new website launch and new features on it – try to take a new angle each time you do, and people will be less likely to get tired of it. 

Catégories: News dév web

Les 10 règles d’or pour rater sa transformation digitale

Frenchweb.fr - 19 août, 2016 - 08:00
Les 10 principales erreurs à éviter pour conduire une transformation digitale au sein d’une entreprise.
Catégories: News monde IT

Sculpin Extended: Customizing Your Static Site Blog

SitePoint.com - 18 août, 2016 - 18:00

If you’re a PHP developer and currently running a blog with a static site generator such as Octopress or Jekyll, wouldn’t it be great if you could use your primary language for it? Yes, it’s healthy for us developers to use more than one language, but let’s be honest – we often want to add […]

Continue reading %Sculpin Extended: Customizing Your Static Site Blog%

Catégories: News dév web

[We Love Entrepreneurs] Jonathan Benhamou (PeopleDoc): «Il faut challenger les investisseurs»

Frenchweb.fr - 18 août, 2016 - 15:00
L'entrepreneur revient sur ses premiers pas en tant qu'entrepreneur.
Catégories: News monde IT

CuePin: Effective and Quick Collaboration for Design Projects

Noupe.com - 18 août, 2016 - 13:00

Graphic and web designers know the problem: projects have to be approved by the client or discussed with the rest of the team. This results in plenty of comments, change requests, and questions. CuePin provides an effective, and easy to use collaboration tool that lets you present your drafts for websites and other projects to other people very easily, while giving them the opportunity to add notes directly to the draft.

Upload a Design, Send Invitations

Working with CuePin is very simple. After registration, set up a new project and upload your drafts. Common image formats such as JPG, PNG, and BMP, as well as PDF documents are supported. Sort your images into different folders, and name them accordingly, creating a clear structure for your project.

To give customers or team members access to your project, either share it via URL, or send email invitations. If the invited people are not registered at CuePin yet, they will have to sign up first. Afterwards, all participants have the option to actively participate in the project.

Placing a Pin and Commenting in the Corresponding Place

Annotations or comments can be created directly within the draft. To do so, place a pin at any position within a design or document, and enter a comment. This way, it is evident what the annotation is referring to. This saves time and prevents misconceptions and confusion.

By the way, the username of the author is displayed for each comment. Thus, you’ll always know who wrote it.

Chat for Quick Communication

Additionally, all comments are displayed in a clear chat history, which can easily be displayed on the right border of the user interface. That’s also where you get to write general comments that don’t refer to a pin within the displayed design or document.

Chat History for Real-Time Communication

The chat also allows for real-time communication with all participants. This makes exchanging ideas very easy. The chat history tells you who wrote a comment at what time. If a comment refers to a pin placed on an image, this will also be displayed.

Save Progress Via Versioning

Another of CuePin’s feature is the option to keep a version history of designs and documents. Especially in the outline stage, there will be a lot of refined designs that need to be discussed with the rest of the team. To do so, simply upload the refined image files or PDF documents, and allow the other participants to place annotations.

However, previous files are not overwritten. Thanks to the integrated version control, all previous versions are available as well. This makes it easy to trace back how a design or document has evolved. Discarded ideas are not lost, but can be accessed again at any time. In the course of a design process, it’s not uncommon that you’ll realize that a previously discarded idea was not that bad after all.

Simple and Clear Controls

Overall, CuePin impresses with its clear interface, and its simple controls. The amount of new comments is still displayed when you hide the chat history. You’ll also receive information on the amount of new comments via the page’s favicon. Now you can visit other websites in the browser, while still being informed about news on your project at CuePin.

Clear Project Management and the Option to Share it With Others

Your designs and documents are presented very generously, and obviously, they are the main focus. For detailed outlines, there’s the option to zoom in using a virtual magnifiying glass. CuePin allows for the display of items in maximum size. Then, your designs will fill the entire browser window.

Those that use CuePin to work on multiple projects at once will also like the Approve feature. This lets you mark all finished projects. An accordingly concise notification will tell all other team members that the project is completed.

Now, you and all others will always stay on track as to which projects are closed, as well as which ones are still being worked on.

Conclusion and Costs

A free 30-day trial of the full version of CuePin is available. That means that you get to send out invitations, and work with others on a project. However, for long-term work with the service, it is required to book a paid plan.

The plans and prices are very clear. There are three plans which allow you to set up five, 20, or 50 projects, respectively. The costs are either ten, 30, or 60 Dollars a month, depending on the plan. The amount of team members, as well as the amount of files that you can upload, is unlimited. As a paying subscriber of the service, you will also receive unlimited support via email.

CuePin makes collaborative work a lot easier. If you have already tried to discuss designs or documents using a simple chat, you’ll know that this often takes longer than necessary, and leads to misunderstandings quite easily.

The CuePin collaboration tool does a good job at combining options to present, versionize, and comment on drafts. The flexible price range attracts freelancers with a low amount of projects, as well as larger agencies.

(dpe)

Catégories: News dév web

Reducing Complexity: A New Trend in Mobile Design

Noupe.com - 18 août, 2016 - 10:00

We’ve been living in a world of clean, clear, and minimalistic design for a while now. It’s inevitable to ask oneself what could be next. Regarding minimalism, a couple of pioneers like Facebook, Apple, and Airbnb, have already given an answer. “Reducing complexity” is the keyword, continuously simplifying the design. There’s not a lot that remains of the compound, but still appealing designs of the apps of these three businesses.

What is the Reduction of Complexity Supposed to be?

Have you never heard of the reduction of complexity before? That’s not a big deal; the term is still rather new. It is used to describe a design that goes much further than the typical measure of minimalistic, flat design. Of course, one could claim that it’s not more than the next, logical step of minimalism in mobile design. However, there are a couple of characteristics that define this new trend.

The Definitions for This New Trend From the Silicon Valley are the Following:
  • Larger, bolder headings
  • Straightforward and universal icons
  • Avoiding the use of colors

The result of these few traits create apps that look as if they all originated from one design workshop.

The Trend’s First Appearance

The trend first appeared at the end of May of this year when Instagram released its new user interface.

Instagram

As you can see, Instagram reduced a lot of the formerly blue and gray color scheme that dominated in 2015. Fonts became bolder, the navigation at the bottom was purged, and the icons were simplified.

What remains is a black-white-UI with a clear focus on the content and user-friendliness.

Airbnb

Shortly after the release of the new Instagram UI, one could see that Airbnb also started providing its app in a simple, clear design with a lot less complexity. The logic behind this new trend that will probably affect a lot more apps soon is familiarity. Everything looks almost the same, and the users will be able to orientate themselves instantly.

The revamped UI of Airbnb did not receive the large media echo of the new Instagram app that was released one month later. Maybe, the reason is that Instagram also revealed a new, cool app icon on top of that.

Airbnb shows a reduction in seemingly redundant areas of parts of the apps as well. Large, bold fonts have taken the spot of beautiful images. Colors were reduced and icons were simplified. What remains is an app that values functionality, displayed in black and white, and reduced to the content.

Whether the app’s design won anything from this reduction certainly is a question of taste.

Apple

Apple is the most recent example for a design that has fully dedicated itself to the reduction of complexity. Last month on the WWDC, the tech giant announced a bunch of interesting things for the consumers, including the release of iOS 10. This was announced as the largest iOS release of all time. At least, it is supposed to be the next big thing since iOS 8, which was advertised in a similarly boastful way.

Here is a comparison of the Apple Music app before and after the redesign:

The redesign of Apple Music is obvious on first sight. Other, important aspects of the new iOS version are UX updates, and a couple additional features. But the redesign of the UI is instantly noticeable. The look was completely refreshed and spiced up with a card design for the album covers. Large, bold fonts and this very card design are what dominates, and are supposed to make the album covers stand out and more appealing.

However, Apple does not lose track of the pure doctrine of complexity reduction. They use different, solid icons and shadow in map design. The new design seems like a mixture of the old layout line, and the new, reduced design. Personally, I like the old design much better, but we have to take whatever they offer us.

The pure key elements for the reduction of complexity were inherited. The large, bold fonts, as well as the clean black-white-UI.

What Does That Mean For Us?

You need to stay strong right now. All it means is that we’ll have to say goodbye to the design of our favorite apps. The pure app design will continue to adapt, and the individuality of layout will probably die out soon.

The tech branch is, like many others as well, a league of imitators. The users that already got a taste of the new uniform design have not complained yet. How were they supposed to: the big players of mobile operating systems have been rolling out new, binding design guidelines to the developers for a while already. Android with its material design, and Apple with its reduced, clear (uniform) design.

More and more developers will jump on the uniform design train when it comes to their apps’ layout, resulting in a monotonous app design. This can have both advantages and disadvantages. The fact that you will feel “at home” in every app appears to be an advantage. However, one advantage is the lack of personality, as it is slowly given up, step by step.

Whether you are for or against the monochrome blandness of the new uniform designs, you can’t design that it is a sign of progress. The product development process starts to turn into an integral process that focuses on the users.

The old development process was not solely focused on the app’s functionality, but also on an appealing design, which, in the end, is a part of user friendliness as well. Most of the time, the design department was only asked to “make it look good”. After that, hours and days were put into the design process of the app. Oftentimes, the functionality was left behind the design requirements.

Now, developers have more options and are able to fully focus on the app and its functionality for the consumer. The appearance is clear from the very beginning and can not be changed, allowing the developers to create the best possible product for the users.

The Ultimate Guide for the Reduction of Complexity

Follow these guidelines, and you’ll have a good chance to develop an award winning app.

  1. Remove the colors. Okay, you can use any color, as long as it’s black and white. The content is what counts.
  2. Make larger, bolder, and blacker headings and fonts. Do you see that heading in your app? Make it much larger, bolder, and pitch black.
  3. Use very simple and minimalistic icons. Once again: don’t use colors. Do you want bonus points? Simplify your navigation and generally place it at the bottom. From left to right: home, search, primary action, secondary action, profile.
  4. Whitespace? Just triple it. It will be fine. Maybe even quadruple it. That’s fine too. What can go wrong?
  5. Make the app icon bright and shiny. Maybe use colors and a lightning, because this is the only place where you get to show personality and establish your brand. As well as set yourself apart from the others.

The Webdesign Trend Also Goes Towards More Simplicity.

Conclusion

A rising star was born on the sky of mobile design. However, the reduction of complexity also reduced any individualism and personality that used to be a part of apps. Soon enough, everything will most likely look and feel the same. This brings up the question if we, the users, will be the winners or losers of this new trend. What’s your opinion?

Source/Graphics: SWARM

Catégories: News dév web

Notre start-up n’a plus d’argent. Quel impact sur l’avenir? Les explications.

Frenchweb.fr - 18 août, 2016 - 08:00
Tristan Laffontas est cofondateur de MoiChef. Installée à Paris très vite après son lancement en 2014, l'équipe fait aujourd'hui un amère constat de son expérience.
Catégories: News monde IT

Pages

S'abonner à ybresson.com agrégateur

Contact

Une question, une remarque ?
Une demande de devis (gratuit) ?

Contactez-moi

A propos...

Yves Bresson, ingénieur en informatique, consultant freelance, spécialisé dans la création de sites web (CMS, PHP, Ajax, jQuery, Bootstrap, HTML 5, CSS 3) et d'applications mobiles (iPhone, Android). Voir le profil de Yves Bresson sur LinkedIn