Wednesday, 29 October 2014

Why Responsive Web Design Is The Cornerstone To Any Mobile Strategy

In 2010, Chris Anderson of Wired magazine and Michael Wolfe said in an article: The web is dead. Long live the Internet.

Now his words are finally coming to pass. CNN reported earlier this year that the use of mobile Internet has finally taken on PC and browser use in the United States. This means that more people are accessing the Internet via their phones and tablets instead of using their laptops and desktops. The total Internet usage on mobile devices browsers hit before, but this was the first time he had taken applications browsers.

So what does this mean for websites? Basically, more people have access to the web on their phones and tablets, these little screens that can not be compared to a monitor. Therefore, sites must be equipped to shrink and grow depending on where the user is.

So far, designers have taken two approaches to this problem. Some are doing the sensible website design, which uses the same location on all devices. Other designers are turning to two sites: one for a browser and one for a mobile site.



Our Lord's way Decrees Google

Google has a lot of influence when it comes to search marketing strategies. The company has a market share of 67 percent of search, more than half of all traffic from search engines via the web. When our Lord Google speaks, everyone listens and obeys.

Google has advocated for sensible web design and recommended configuration for mobile application (app). The company also says that the sensitive web design is, in fact, the best industry practice.

So why is Google so strongly advocate for responsive web design? It is because these types of sites are one and the same HTML URL, none of which changes regardless of the device used. This makes Google work much easier, and crawling, indexing and organizing information and content. If sites have different URLs and HTML browsers and applications to coding directions, Google has to crawl and index them as different versions, but all are still the same place.

Multiple sites also reduce your SEO. Imagine a user shares a link to your site in the Facebook application. A browser user then clicks on the link. The link will be the site of application, not the browser site fully flushed out, it can be very different from the browser page. Users may strongly prefer one over the other. As Google now has the user experience when ranking sites, this could seriously harm your SEO.



One for all and all for one

Having the same design on all types of computers, phones and tablets means that users will be able to rely on access, quality consistent regardless of the type of device they are using.

This is especially useful for you customers using multiple devices throughout the day. If your site looks different on phones and computers, the user may become frustrated or angry when they can not find what you need or where they were before.

This also prepares you for the future. Apple releases new versions of iPods, iPhones and iPads almost every year, which means screen sizes can shrink or grow. Phone popular Samsung Galaxy has also grown in size of the screen on the latest models. If you have a sensitive design websites, you will not have to worry about matching these screen sizes, maintaining the quality of your site.
Less time spent managing

If you have multiple sites, you'll have to have separate SEO campaigns. It's hard enough managing a site, but can you imagine customizing two sites and two seasons? What works in a web browser could not work on a mobile site, especially if it is long-form content.

This is easily the biggest advantage of designing websites that answers across multiple sites, but you should have a mobile SEO strategy that adapts to the keywords most likely to be searched for in a smartphone. Think "on the fly" kind words.

It is clear now that has two sites is holding you back and injure your SEO so the best thing to do is to create the web site design response, but this requires some extra programming and coding work. Read on to learn our top tips for creating the best design for your company.



Show the Best, the Rest Hide

We talked about how important it is to design your website in the form of multiple screens. It also helps to hide the irrelevant content and to highlight the most important aspects of your site. Now let's talk about how to achieve this.

You can easily hide the content by adding the contents of the CSS property. This will allow conceal a block of content by narrowing down the view according to given width.
Collapse Your Content

You can also narrow down your content to best fit the screen. Rather than hide the content, you can collapse into place.

To do this, you can hide the content, apart from the header. Then allow the user to have the freedom to tap or click in the header to display any of the content that was hidden. They can click again, and the content is hidden again.

You need both CSS and JavaScript to make it happen.

Wednesday, 22 October 2014

The Grid Website Platform Automatically Adapts Design To Make Your Content Shine

Are electrical designers dream websites? Web contents You can know itself? The grid, a startup in San Francisco, they are changing the way websites are designed fundamentally changing the role of the designer. This new platform uses machine learning is combined with design and flow based on constraint-based scheduling to dynamically adapt the form to content. To understand how this revolutionary technology is, you have to compare with how most websites today are made.

Barriers to entry for web design keep getting lower. From WordPress to Squarespace to "no code" website builders drag and drop designer's life seems to be getting easier. Only it is not.

By simplifying all the tools, the complexity of the web environment is growing like kudzu. Desktop, laptop, tablet, phone, clock and eventually 4K TV screens-the number of destination is dizzying. The most common way to deal with this mess of pixels practice is to use templates and design response for the same flow of content (many) different size containers.

This is an effective strategy compared with building websites tailored for each target device. Ethan Marcotte (the designer who invented the term "responsive web design") and Karen McGrange (content strategist who has championed the concept of "adaptive content" to flow sensitive designs) well packaged this concept for the enterprise market . What has always attracted me for the approach response (or RWD) is trying to reduce its assumptions about the user of your site. Like the movement of web accessibility and web standards (led by Jeffrey Zeldman) from which it evolved, RWD implies a Zen detachment pixel perfectionism.

The problem with these approaches is that there are only so many pixels to perfect! It involves a lot of work to conceptualize and test every possible permutation. This sounds like a job for computers!

Dan Tocchini, CEO and co-founder of the network, has a high level of design and code. His team includes Brian Axe, a former product manager of Google AdSense, Henri Bergius, a pioneer in the engineering of open content management code and Leigh Taylor, former lead designer on Medium. In the new platform used responsiveness own code to simulate real process designer. The results as you can see in the picture below, they are very sophisticated.

the_grid-designs_tiled_logo

As with responsive web design, this is the code in service design. Unlike RWD, The Grid figures things difficult for you.



Most of the network coverage so far focuses on the tactic of using artificial intelligence (AI) to create the company web sites. I think this may be only half true, but does not diminish the importance of what is building this team. To be technical, I think that the grid uses a lot of machine learning (ML) for users to perceive the process of design and artificial intelligence.

This difference may seem subtle, but important. The true AI is emerging. A contemporary artificial intelligence system not only perform sophisticated combinations of rules-invents new rules. I have not yet seen any evidence that the "filter design" (as The Red calls its version of content management "themes") are fully capable of spawning new filters. To see what these filters are capable of (which is considerable) we will see for the first time in color.

One of the interesting things you can do with the network is to create a restriction that will generate the color of a text box to go with each photo you upload. On the inside, the grid measures the color data of image and calculates the values for a perfectly tuned panel. The effect is that the photo is combined with a pleasantly box in color with no two being exactly the same. The role of the designer is to establish the restriction. One would choose the average color of the image, or a shadow 50% of that color or a complementary shade of whole color.

This is just one way that the data on the content of the reports that display the content. Another related feature scans the color of an image to identify areas of low contrast. The software can then use this geometry suggest optimal position for the text boxes color-keyed on top of the photo itself. Again, the designer creates the filter and specify what type of data can be controlled display settings. But for the non-technical user, everything is magic.

Take another example that solves one of the most pressing problems and time-consuming for contemporary web designers. For each of these different screens for design, images need different sizes and shapes. And 2x and retinal images 3x now, the image stack gets pretty deep for every bit of content. Finally, there is some commonality in terms of the new html image element, but that only defines what image is loaded in the format of the screen, not what those images are.

The grid solves this problem with some sophisticated algorithms. The not only to crops and resizes all necessary images, solution also recognizes features in an image (eg a face) and these features properly positioned within the frame of each image on the screen. For a simple example, imagine you have an image with a figure standing places a third of the distance from the right edge. A simple linear function would be to keep that proportion in all sizes and shapes of the images. (You might consider this AI rule-based rather than ML because there is no mechanism for adaptation.)

But what if the designer of a page filter observes their behavior and realize they do not always follow strict linear consistency when re-crop images from the web? Instead of a linear rule, the designer could provide some sample image sets as learning training data and the use of teaching machine to make the filter more nuanced adjustments to each image.

When the simulation of the human may be more critical is the own choice of content. If the software can automatically tune the shape with the content, then it is the choice of the content itself that becomes the only generator design. The grid has some automation features in this area also. Press release from the company says that users can "Collect pictures and text throughout the internet through a browser or a mobile extension to incorporate into your site." This is very convenient and will further reduce production time.

There is a possibly harmful content with this automation aspect, however. Part of the pleasure of looking at Tumblr, for example, is trying to imagine the person who posted this very particular content. What if that "person" is an algorithm? By combining web scraping tools and scripts, it is certainly possible to create "content filters" that analyze large amounts of data and select the output highly particularized. This may be where the promise of the Ritual of artificial intelligence kicks in-but also it could be derailed. It will be interesting to see how the balance of ease of flow against identity assurance platform evolves over time.

Thursday, 7 August 2014

How To Create A Successful Website That Keeps Customers Returning

For SMEs, effective online presence is more influential in social media. Natalie Laurence asks the experts for their advice


an elegant accumulation: Websites SMEs should be eye-catching and easy to use. Photograph: Barry Lewis / Corbis

We are all aware of the virtues of social media and how a successful Twitter account or Facebook page can increase sales, build contacts and driving in traffic. However, if these tweets and carefully crafted statements lead to a confusing customers poorly designed website and then all the effort put into the promotion will be fruitless.

Without sounding too obvious, a great website is essential for a successful business. A functional website that reflects his entrepreneurial spirit is your best sales tool and a bad web site may harm the reputation and sales.

"With around 36 million Britons are online every day and 48% of people starting some kind of search for a product or service online, it is almost at a stage that cannot afford to not be in line, "says CEO of SocialB Sweales Lynsey, a marketing company online and social media.
Where to start?

Before you start building your web site you should have a clear idea of what you want and how you want to create. Vanessa Austin Locke, a partner at Austin & Locke, just go through the process of creating a website. The company specializes in creating brand association strategies and come up with ideas to boost reputation, influence decision makers and generates content.

Austin Locke chose to use a designer and said it was seeking "a combination of technical expertise and creative vision." "A strong sense of aesthetics it was more important for us," he added. He aimed for simplicity with impact when designing your website. "Simple and easy to use and still participate in a funny way, it's not intrusive. Everyone is constantly advertised to, and it's irritating. We designed with customer convenience in mind."

Designer or web hosting platform?

Creating a website does not have to exhaust their savings; there are plenty of hosting platforms, such as WordPress, allowing you to develop functional and aesthetic web sites. "If you know how to use WordPress and then not do the hardest and most expensive things by yourself by using a new designer or building a CMS," says Austin Locke.

She continues: "If not, invest in a web designer, but be careful, there are a lot of cowboys out there we were quoted some absurd prices and had a bad first experience with a 'designer' with a lot of ability. Technique to build a website, but no aptitude for aesthetics or design. "

When deciding how to build your website, believes Sweales not have to cost a fortune.”With the likes of WordPress there are some great templates you can use, but if you want something a little more as then look for a website designer. But stress that you want to be able to update the website once it's up and running, to keep that flexibility. "
Design

The creative aspect of designing your website can be the most enjoyable part, but it is essential to do well and their appearance in line reflects the essence of your business.

Digital Designer Maria Withers, who designed the website Austin & Locke, believes that design trends are temporary but Keeping up with them when designing a website is essential.

"Your design should focus around the needs of its user, if a website is not aesthetically pleasing or intuitive to your website can become redundant and users bounce from their website.

"Content is key to your website. Heaviness of the images on a website totally depends on what message you want your website to convey. Images must be relevant to your product or company in order not to confuse a user. "

When images are supplied SMEs can test libraries of images, such as signelements.com or ingimage.com - or team up with students and Austin Locke made by website Austin & Locke.

"We shot our own and my advice is to be creative, almost always, it's fun and learns new skills while creative control is maintained. Find some up and coming photography or videography students or young professionals, and might be able to give it you a good price on some the original images as well as some ideas of incalculable value. "

Some strong, key images that succinctly express the nature of their business are more effective than many bad source images."Attention spans are short online and an image can communicate 1,000 words," says Austin Locke.

Thursday, 24 July 2014

SEO Web Design: Plan For Never-Ending Updates

Many business owners think about the websites and SEO web design as a matter of one: fix your keywords and your website and leave it alone to do its job. Unfortunately, the strategy of SEO is an ongoing project that must be constantly redesigned, adjusted and set to changing circumstances in the market and on the web.

SEO Website Design is not like painting a house, what to do once every 10 years. Instead, it is like vacuuming or laundry; should be done on a regular basis to avoid problems.

For this reason, many SEO experts who specialize in website design, charge a monthly retainer fee. This fee may include all services to be performed regularly, such as checking the sites of competition, changing keywords, refreshing web pages, updating coding standards, browser compliance and metrics monitoring or performance analysis. In some cases complete redesigns are necessary, as in the example of implementation of a new design of response from a previous design.

However, performing these tasks at random will not give you the results you want and web design upon tyne newcastle are best in all these. Website updates and other tasks should be scheduled on a regular basis with attention to best practices in web design SEO. Standards are available to help you know when to perform certain tasks and optimize your website, no matter who is doing your SEO.

Development of a procedure for updating your website


having a list of things to do and the frequency with which these tasks must be performed is a useful resource for webmasters and business owners alike. With a well-planned schedule, everyone will be included in the decision making process on how to achieve the best SEO results. The development of a "style book" can help everyone involved in the process of SEO understand your goals and what you have done to build a strong SEO. Some of the things that should be included in this list are:

      Filenames. The naming conventions used for new web pages, image files, audio and video files and all other types of content must be clearly defined and reviewed regularly. File names should describe the content and ideally include specific keywords.

      Directory structure. The directory structure of your website can make it easy or difficult for robots of search engines to find you. A well-defined silo structure, which uses high-level issues and builds down, is often the best choice for websites.

      Redirects. SEO Best practices indicate that the ideal number is 301 redirect redirects codes should always consider your SEO strategy. Failure to consider this in planning redirection could lead to less-than-optimal results. Routinely, webmasters and SEO experts should also remove the pages that are no longer working or are no longer needed.

      Bonding. The exact procedure for the identification of links and keywords should be written so that everyone understands the process. Guidelines for the link to be established before they begin outreach activities.

      New pages. Before you add a new page, there are several important questions to be answered, such as: What keywords are using for this site? What is the purpose or goal of this page? What silo support this site? The page should be designed with the answers to these questions in mind.

Style guides can make the SEO web development and ongoing clear and straightforward process for new programmers and programmers to suit your needs expand. Make sure everyone involved in your IT team is clear on the objectives of the company, technological requirements and of equal importance, trends in search engines.

Thursday, 17 July 2014

The New Smashing Mystery Riddle: Have You Figured It Out Yet?

Ah, these mysterious enigmas never stop, right? To celebrate the launch of Whistler SmashingConf our first conference in Canada, we have prepared another enigma, and of course this time it will not be easier!

So how does this time work? Well, below is the first of a few animated GIFs that contain a hidden secret Twitter hashtag. Your job is to deconstruct the hashtag as quickly as possible. To do that, you have to pay attention to the file name and count objects within the GIF (for example, "3 chairs") and search for them on Twitter (ie, # 3chairs).

If you are correct, you will find a tweet that leads to the next level. Once you have reached the last stage (oh, you'll know when), just a tweet out all the tracks in one hashtag to @ smashingmag on Twitter! Not so hard, right?

Alright, let's get to the point. Are you ready?Action! (And good luck!)




Tip: Be careful with a touch on one of the tables in each of the GIF files. Great view.
So, what can you win?


We're giving away a pretty extraordinary, sensational prize (and a few other extras Smashing, see below) for the first couple of readers who tweet hashtags hidden right for us!

      flights to and from Whistler, Canada,
      Full accommodation in a luxury hotel
      Smashing a ticket to the 2014 Whistler Conference
      any ticket Smashing workshop of your choice,
      Full access to Smashing eBook Library,
      a signed edition of the Smashing Book # 4
      truly sensational bag laptop
      Smashing his own caricature, designed just for you.

Note that to avoid spoilers, comments are closed for this post. And sorry, we will not make it very easy for you. The winners will be announced on Saturday, July 19.

Very well! Let us work. Or have I got? ;-)

Sunday, 6 July 2014

Techniques For Creating Custom Textures In Photoshop

Textures are everywhere - the concrete of the sidewalk, the fabric on the chair, even the glass (or plastic) surface of the screen you are looking at right now. It is natural textures appeal to us because we see and feel every day. And no wonder why textures have become an important element in the design - so important, in fact, that I want to share with you the tips and tools to create your own textures with Photoshop.

Photoshop is not just for image retouching or photo manipulation. It can be used for much more, such as creating your own textures - as long as you know where to look. In this article, I will introduce a base of techniques to help you build custom textures. I will go over three features that I rely on Photoshop to do most of my texturing - filters, layer styles and brushes. Before we jump in, I want to demonstrate the importance of textures. Consider the following picture:



In the image above, we see a scene without textures. (OK, there is a texture, flat gray. Without at least a texture, the image would not exist.) The second image (right) shows a fully textured scene (the wood under the surface of the dusty table cloth in the chair, etc...) in fact, this entire image was created in Photoshop (without the use of external images), using many of the techniques described in this article. Note that this article explores how to create textures, but if you are interested in learning more about the use of texture as a design element, a bit of further reading is included at the end of this article.

Textured with filters 




Filters are still seen by many as cheap tricks that have no real application function in Photoshop. (I know, I used to be on that side of the fence.) Conversely, Photoshop filters are very powerful effects, when used properly, can produce some amazing results. If the filters are not part of their normal workflow in Photoshop, I encourage you to take another look at these understated effects and use the following tips to get started.

Apply a filter to a filter

Nobody ever said that you can apply a single filter. Instead, try adding a second or third or more. Experiment with various filters and see how they interact with each other to create new effects. Panel Filter Gallery (Filter → Filter Gallery) even has a stack of filters where you can get a preview of how various filters work together. The following image shows how the craquelure filter becomes much more interesting; simply by applying the crosslinking filter through the Filter Gallery.

Wednesday, 2 July 2014

Prioritising Content In Web Design

A common habit is to show design as much as possible. Show all links at once. Show as many messages as possible. Do everything bright, bold and stand out.

While this is understandable, because you want users to be lost or not being able to find things that can be counterproductive.

The solution to this is simple in theory: you have to prioritize. But it can be difficult in practice when you have to choose which sections of the site and what messages are more important than others.

Here are some practical ideas based around this theory:
 
The rule of 80/20

It is estimated that only 20% of the features 80% of the time used. You have to figure out how best to use 20% of the web page that is actually being used.

Hick’s law

the time it takes to make a decision increases as the number of alternatives increases. In the design of time-critical tasks to minimize the number of options involved in the decision to reduce the response time and minimize errors.

Highlighting

Highlight no more than 10% of pattern visible. Highlighting the positive effects are diluted with increasing percentage. Think about it: if everyone is crying then nobody is listening!

Ockham's razor

the simplicity is preferred to complexity in the design. Think of the battle of search engines in the 1990s that Google was imposed because of the simplicity of its design. Unnecessary elements decrease efficiency designs and give users more hurdles to cross.

Scanning and skimming

the web is different than reading a book means, watch a movie or play a game. Users want information NOW so you have to say what you need in 5 words instead of 50.

If you are struggling to decide what content is actually more important than your first port of call should be your Google Analytics stats and if still in doubt some A / B tests

But if you can be a bit more ruthless when considering its design and content, then you will serve your users better and saves time in making decisions and using your website.