JPS Design Group - Website Trends graphic design, packaging design, web design en-us Sun, 19 Nov 2017 14:51:00 -0800 Mon, 30 Oct 2017 00:00:00 -0800 no How to Hire a Great Web Developer <p>a good web developer can be the difference between having a great online presence and a counterintuitive, ugly website. but finding the right person for your needs can be harder than you might think. that's especially true for business owners who aren't tech savvy. your company's online presence is an important marketing tool. oftentimes, it's a customer or client's first experience with your business or product. having a website that reflects your company culture, values and practices</p> <p>since your company's online presence is an important marketing tool, it's key to get it right. afterall, it may be a customer or client's first experience with your business or product. </p> <h2>what you need to know</h2> <p>before diving into exactly how to hire a web developer, where to find them or what to look for in candidates, it's important to understand a few marquee distinctions about the industry.</p> <h3>web developers vs. web designers</h3> <p>while these terms may seem interchangeable, there is a difference between web designers and developers. designers are more focused on the aesthetic and visual aspects of your website. these people are usually well versed in using adobe creative suite to create graphics, edit photos or draft company logos. many web designers also have coding knowledge, but if you're looking to build a site from the ground up, it's important to understand their background.</p> <p>web developers, which are usually hired on a freelance or in-house basis, know many programming languages and can build the online infrastructure needed to support your website. developers will oftentimes build a website and apply the design of a web designer.</p> <p>ian mcclarty, ceo of phoenix nap global it services, recently hired a web developer and said that knowing the difference between the roles is very important. "a web developer is not a web designer," mcclarty said. "many developers are not great web designers. if you expect the developer to redesign your website and work on graphics, make sure to cover that during the interview process." </p> <h3>assessing your project needs</h3> <p>before pursuing a web developer, take the time to understand your website needs. if you're looking to create your website from scratch, do some brainstorming to get an idea of what you want. a good way to do this can be browsing the websites of your competition for examples. or check out <a href='' rel='nofollow' target='_blank'></a>. it's a good place to view types of websites to get an idea of what you want yours to look like.</p> <p>if you're looking to make a small addition, add mobile components or update your site with the latest trends, it's important to have clear ideas so the developer you hire has a clear sense of scope. roman zrazhevskiy is the founder of <a href='' rel='nofollow' target='_blank'>ready to go survival</a>, a retail brand that specializes in personalized emergency preparedness, and has been through four website redesigns. zrazhevskiy said that it is imperative to have a clear understanding of what you need to be done to your website before you start looking for web developers.</p> <p>"write out detailed requirements, mock up all pages and have all the copy ready to go before contracting a web developer," he said. "the clearer the instructions, the happier you'll be with the final product, and the less money you'll need to spend."</p> <p>while assessing your project's needs, it's also be a good idea to explore some of the technical aspects of your website. this will give you a good foothold when interviewing candidates to determine who you want to hire. upwork is an example of a good resource for web interface and design information. even if you have no background in website creation, doing a quick search for key concepts can be a great way to familiarize yourself with what your project could need.</p> <p>besides having some knowledge going into interviews, knowing what you need will also help you get an idea of exactly how much your project will cost.</p> <h3>in-house vs. freelance developers</h3> <p>the choice between bringing someone in full time and contracting out work to a freelancer can depend on a lot of different variables. there are some great freelance developers out there, but if you're a business owner who needs someone who can constantly update and adjust your website, it may be beneficial to hire someone instead of contracting out the work.</p> <p>bill mclaughlin has worked in it development for 30 years and is currently the chief technology officer for <a href='' rel='nofollow' target='_blank'>whizz education</a>, an online math tutoring service based in the united kingdom. for mclaughlin, the difference between freelancers and in-house developers is all about flexibility. if a business needs to quickly add or update a site, a freelancer may be a better option than bringing someone on full time.</p> <p>"hiring a freelancer gives you flexibility on the cost and length of engagement. there are times when a business has a discrete set of goals for its web development (a new section, a refresh of the look and feel, or even a complete rebuild) and this can be done within a set timeframe," mclaughlin said. "however, for some businesses, like ecommerce or community-based sites, their website requires constant investment and, in this case, an in-house developer is best."</p> <h2>tips for hiring</h2> <p>even once you get an idea of what you want, it can be hard to wade through information on hiring web developers and make the right decision. these tips will help with discovering a great web developer.</p> <h3>be hands on with past work</h3> <p>look through a candidate's past projects. this will give you a good idea of where their talents lie, what their work is like and how their style aligns with your business needs.</p> <p>make sure the developer provides you with live work as well. that way you can use the website and assess the functionality of it. scott marquart, founder of <a href='' rel='nofollow'>stringjoy</a>, said that this was vital when deciding who to hire to help develop the website for his guitar strings business.</p> <p>"the no. 1 mistake businesses make when hiring a web developer is hiring someone who is knowledgeable at development but knows very little about user experience or conversion optimization," marquart said. "looking good is only a small piece of what makes a website excellent, it also needs to function intuitively and be easily navigable, so that any prospect who lands on your site knows exactly how to do what you want them to do."</p> <h3>follow up with references</h3> <p>make sure you get a list of references, then actually follow up with them. while the developer's work is important, their work habits, organization and ability to meet deadlines is as crucial to you and your business. past employers will be able to speak to how dependable – or unreliable – a web developer is. </p> <p>lilly ghahremani, founder of <a href='' rel='nofollow' target='_blank'>lucky 13 strategies</a>, said you should "feel comfortable asking for references. the most successful web project will happen with a team that is responsive," ghahremani said. "don't just rely on yelp ... speak to someone. a great designer will be able to provide references easily, because their past clients are happy to take a few moments to rave about them."</p> <h3>be realistic about cost</h3> <p>the cost of your project will vary depending on whom you hire, how much work needs to be done and other added features you may need on your website. <a href='' rel='nofollow'>upwork </a>provides some ballpark price ranges for different projects. overall, general costs can range between $15 and $150 per hour, depending on how complex the work is. in addition to per-hour payment, some developers charge per project.</p> <p>the cost of a good web developer should be viewed as a company investment – you are investing in a website that will draw users to your business. this service, when done right, can be invaluable.</p> <p>akiva leyton, a marketing manager for <a href='' rel='nofollow' target='_blank'>falcon marketing</a>, said that there are a lot of types of web developers out there, but a business owner should be wary of putting cost before pure talent.</p> <p>"when it comes to development work, you truly get what you pay for," leyton said. "those cheaper developers usually don't have much experience, are slow to deliver work or more often than not are simply a scam. try to find a developer looking for a midrange salary, if you truly can't afford the best."</p> <h3>don't obsess on education</h3> <p>some businesses that have hired successful web designers have put more emphasis on prior work when hiring as opposed to resume details or education information. there are some great developers who may lack education in a formal collegiate setting. in the end, it's all about you and your business's needs.</p> <p>daniela arango, an hr and creative manager for <a href='' rel='nofollow' target='_blank'></a>, said that when her company hires developers, they place more of an emphasis on life skills. "we stopped vetting tech candidates based on lack of experience or formal education a while ago. we also stopped looking too much at resumes because we could not find in them the right information to make the best decision for our company," arango said. "what we look for now are references of tech professionals that have great resilience in life, and a natural ability and predilection for learning."</p> <p>overall, a great web developer will have a body of work that showcases the necessary experience to be able to build your website in the way that you want it. that is why following up with references and viewing previous projects are two essential practices when hiring a developer.</p> <h2>where to find web developers</h2> <p>there are different networks with freelance developers for hire. upwork offers a service that pairs businesses with web developers and even provides an option to view who is available and determine their skill level before contacting them. besides upwork, and are two other good resources for finding freelance web developers.</p> <p>in addition to freelancers, there are web design and development agencies. the best way to find an agency, which will likely offer more services that complement design, development and project management, is to first search your local area for businesses that specialize in web development. once you find a few options, narrow them down in the same way you would a freelancer – understand the skills they offer versus what you need, and then make a decision.</p> <h2>bottom line</h2> <p>hiring the right web developer can be a big task. deciding what you need from your website is an important first step, and choosing the right candidate requires a certain level of research and hands-on experience with their past work. in the end, hiring a great web developer is like hiring any employee – you can find a great worker if you put the time in to do the research and understand what a candidate can bring to your business.</p> <p>original article on <a href='' target='_blank'><strong></strong></a>.</p> Website Trends Mon, 30 Oct 2017 00:00:00 -0800 5 website development trends that rocked 2017 <p>over the recent past, websites have entirely become vital corporate tools. they are used at least in every field from marketing to engineering. the high demand for websites has put developers on the spot, a situation that explains the current industrial competition for better platforms.</p> <p>regardless of the technological dynamics, a good website should be easy and affordable for use by the web owner or their clients, a convenience which should be prioritized by web developers. hence, the following website development trends made to the top list in 2017.</p> <h2>1. angular js</h2> <p><a href='' rel='nofollow noopener' target='_blank'>angulajs</a> should be familiar with those who are always up to date which technological advancements in the web-based development industry. the tool is an open-source javascript framework that is designed for single paged web applications using an mvc (model viewer controller) architectural framework.</p> <p>angularjs is a front-end plan aimed at supporting your web page design process. the new angularjs 4 is extensively different from previous versions such that, it’s building blocks are data bindings, components, dependency injections, metadata and more. angularjs also uses a component of hierarchy as its principal architectural concept, and more so, its modularity makes it more of a faster and lighter core.</p> <p>in summary, the following <a href='' rel='nofollow noopener' target='_blank'>features make angularjs</a> an important 2017 trend:</p> <ul> <li>it can deliver modern based web capabilities and experiences like offline availability, high performance, and zero-step installation.</li> <li>enables faster creation of ui views.</li> <li>boost your web’s command line tools, for the development side.</li> <li>faster loading of apps.</li> </ul> <h2>2. artificial intelligence</h2> <p>it is another advancement that has revolutionized the modern it industry. ai (artificial intelligence) was first conceptualized by tech giants like google and facebook, but today many app developers have adopted the tech to make their inventions operate more like humans. for example, facebook uses facial recognition in photo tagging.</p> <p>the key advantage of ai is that it facilitates devices to web-platforms to automatically operate without strict human interventions. hence this leads to improved accuracy, efficiency, and generally better user experience. linkedin, a global leading web-based professional site has become the latest adopter of ai. the website now targets mobile users with its improved interface, this owing to the previous research, which suggests that 50 percent of its users use mobile phones to access the website.</p> <p>ai is not only a trendy dynamic, but it also enhances user experiences. a study by merril lynch estimates the <a href='' rel='nofollow noopener' target='_blank'>ai market to rise to $153 billion</a> by the end of 2018. <a href='' rel='nofollow noopener' target='_blank'>microsoft’s cortana</a> or <a href='' rel='nofollow noopener' target='_blank'>google assistant</a> are some of the high-level web-based ai adjustments of this age. online marketers and retailers have also adopted this tech as their branding strategy.</p> <h2>3. virtual reality</h2> <p>vr technology is often associated with video games. although the tech has been around us for some time now, its potential is increasingly getting realized by corporate bigwigs days on. bigger industrial players like google have already incorporated their apis (application programming interface) to enable web-based vr transition.</p> <p>the vr tech generates improved customer experience through virtual presentations for products like golf courses and real estate properties. thanks to this tech, major brands have reported improved sales. thus, it strategically positions itself as an important marketing and web-based tool that needs to be observed over time especially this period where web users are increasingly demanding for improved content consumption experience.</p> <h2>4. ruby on rails</h2> <p>also referred to as ‘rails’, the tech is a server-based web application system. although since 2005 rails has not shown much competitiveness in web development, the rise of rails 5 on june 2016 has proven the tech’s influential capabilities. features like <a href='' rel='nofollow noopener' target='_blank'>actioncable</a> and turbolinks 5 are amongst the favorite in the new re-engineering.</p> <p>with turbolinks 5, web developers can directly create single paged applications from rails stack. meaning that with the system, developers don’t require client-side javascript frameworks. ruby on rails 5 performance has also been improved and enhanced using aesthetic flexibilities, which capacitates web developers to shift their focus on the overall website’s appearance.</p> <p>the actioncable feature enhances an integration of websockets with other rails applications. moreover, they enable the real-time writing of features on ruby in similar form and style of other rails applications while maintaining scalability and effective performance.</p> <h2>5. static website generators</h2> <p><a href='' rel='nofollow noopener' target='_blank'>staticgen</a> combines language markups like restructuredtext or markdown with engines for creating templates such as jinja, to generate html files. html files developed from the process can be served and hosted by a cdn (content delivery network), or a web server without using other dependencies like a wsgi server.</p> <p>the advantage of static content files like css (cascading style sheets), javascript, and html is that they can be served using a cdn at a low cost yet with high scaling. cdn’s can also sustain the high concurrent traffic on a website that is statically generated without dropping connections.</p> <p>generally, static website generators work by allowing users to generate html files through coding of template files, written in a markup language. html generated from this process regenerates each type of templates or markup modification. with the staticgen, websites can also be created using plaintexts as opposed to coding.</p> <p>other techs, like jekyll, can help enhance the speed, security, ease, and bolster the handling of a traffic surge on a static web. other common static generating elements include <a href='' rel='nofollow noopener' target='_blank'>pelican</a>, which is often used to create a full stack python, lektor a content management system, and more others. the staticgen technology has also improved the efficiency of web host managers like the 24/7 <a href='' rel='nofollow noopener' target='_blank'>wordpress support</a> team in dispensing their supportive services such as live customization of css forums.</p> <p>to conclude, websites are increasingly becoming important tools for individuals and corporate branding, marketing, and more other uses. these means that web developers should rise to the occasion by remaining versed with the industrial dynamics especially in the contemporary world where consumers are getting more inclined on consumption experiences.</p> <p>origianl article on <a href='' target='_blank'><strong>tnw</strong></a>.</p> Website Trends Thu, 19 Oct 2017 00:00:00 -0800 5 Ways You Can Build Links Like a PR Pro <p>for years, i’ve been saying that public relations practitioners should make the best search engine optimization professionals. in fact, i even <a href='' rel='noopener' target='_blank'>wrote about it</a> 10 years ago. little has changed since then.</p> <p>the premise is simple:</p> <p>search engines like quality links.</p> <p>public relations professionals work every day to get their clients mentioned in the press. in most cases, the press will provide links in these mentions. these links are far more valuable than any links you can get from other sources.</p> <p>building links is the hardest part of search engine optimization (i’m sure some will argue after me on this point – well, prove me wrong).</p> <p>so if public relations professionals can do the hardest part of seo, they should be the best seos.</p> <p>but with few exceptions, they aren’t.</p> <p>there are many reasons that pr folks don’t like seo. they think it’s just for techies; they don’t want to be seen as an seo; but mostly they don’t realize the value links can have for their clients or organizations.</p> <p>but many pr professionals are changing their attitude toward seo and embracing search. others, though, are happy to pitch away, worrying more about the ink than the link.</p> <p>but as a search engine marketer, you have an advantage. you can do what pr professionals do, even if they can’t do what you do.</p> <p>here are five ways you can build links using the time-worn media relations techniques that have been practiced for years by pr pros.</p> <h2>1. find your influencers & create relationships with them</h2> <p>seo professionals are typically tech-minded. seos typically work to create scalable solutions that automate everything. no exception in link building.</p> <p>from e-mail scraping tools to private blog networks, seos will jump on any link building tool which promises to create links <em>en masse</em> that they control. well, at least until google bans those techniques and the tools start getting websites into trouble.</p> <p>i can tell you from experience that successful link building is more about quality than quantity. i’d rather have one link from the wall street journal than 1,000 links from joe schmoe’s blog. but a link from the wall street journal is difficult to obtain.</p> <p>you don’t have to go that big.</p> <p>finding the influencers in the niche you are working in isn’t hard. it just takes time and research.</p> <p>once you find those influencers, engage them. not by spamming them asking for a link. really read what they are saying.</p> <p>comment. send influencers helpful articles that have nothing to do with your site. when the time is right, they’ll be more apt to link to what you want them to, even if it’s not quite a fit.</p> <p>it’s the law of reciprocity – if you do something for the influencer, they will feel that they need to help you out.</p> <p><strong>pro tip:</strong> whenever possible, meet with influencers in person. buying a journalist or blogger a beer typically has a very high roi.</p> <p><strong>pro tip #2:</strong> limit your reach. this sounds counter-intuitive, but if you target everyone, you target no one. identifying the top 10 or 15 best influencers and cultivating relationships with those folks is, in most cases, far more effective than trying to interact with 100 influencers. everyone has limited resources. use yours wisely.</p> <p><strong>seo pro tip:</strong> when looking at influencers, look at their search presence. if a decent influencer has a bad search presence, offer them some tips for free. depending on the influencers, it can be profitable to even offer to fix their site for free. i can say, however, that i’ve turned influencers into clients with this tactic. again, law of reciprocity.</p> <h2>2. look for opportunities that tie into current events</h2> <p>many seo pros already do this, to an extent. but most write an article around something timely and then pitch it.</p> <p>for many of the top sites, that’s too late.</p> <p>have your experts ready to go quickly. when a news story that affects your niche hits, have your list ready and offer expert commentary. expert commentary almost always comes with a mention and a link.</p> <p><strong>pro tip:</strong> set up google alerts around key topics and people in your industry. that way you can know when a big story hits.</p> <p><strong>pro tip #2:</strong> practice getting the word out. create “fire drills” with your team and client and act like a big news story just hit. this is a good way to get your team and client onboard with what you are doing so you don’t get blank stares or flat or refusal to participate when the real thing hits. this is especially important for seos who work with other pr professionals. get the other pr pros involved in the process. that way they don’t feel like you are taking over their job – a common problem for seos who practice pr tactics for link building purposes.</p> <p><strong>bonus pro tip:</strong> make sure you have your lists ready as much ahead of time as possible.</p> <p><strong>seo tip:</strong> in most of these cases, it’s ok to ask if you get a link expert commentary. you don’t need to demand one. in most cases, you’ll get one, but influencers sometimes forget. better to ask before their story goes out rather than trying to get the link from them later.</p> <h2>3. use press releases for big news</h2> <p>a few years back, seos almost ruined the press release. we found out that a tool that has been used for decades by pr pros also worked to create links on a ton of sites. and so we use them, abused them, and almost “losed” them.</p> <p>today there is still some abuse of press releases, but most legitimate services have increased their prices so that sending out a press release is not practical for every little piece of news.</p> <p>but when you have something big to say? the links are still there. but they don’t come from the syndication.</p> <p>in fact, most of the links that are syndicated are now nofollowed or carry no value.</p> <p>like you (see tip #2), influencers are monitoring for new stories. they will see your press release. if you don’t get any calls, that means you either used the wrong service, didn’t use the right keywords in the release, or your news wasn’t big enough.</p> <p><strong>pro tip:</strong> the “emabargoed” release, or a release that goes out to a few influencers before it is syndicated, is a great way to get an influencer’s attention. if you have one that you really want a link from, send them the press release beforehand and ask them not to put anything out about it until it goes live – but make sure to tell them when it goes live. in some cases, you can even let them break the story, which influencers love to do.</p> <p><strong>pro tip #2:</strong> if you don’t embargo (or more likely don’t embargo to everyone), you can send links to your release in the sites that pick up the release through your wire service of choice. if you send a link from the houston chronicle or even the influencer’s local paper that has your news in it, you’ll get their attention.</p> <p><strong>seo tip:</strong> if you work with a pr firm, ask to see their releases before they put them on the wire. that way you can insure that the keywords you want in there are actually in there. pr folks love language, and sometimes use different words than what is searched. showing them the light in regards to specific keywords is a win for everyone.</p> <h2>4. look at haro</h2> <p>help a reporter out was founded by peter shankman initially as a facebook group to help reporters find sources for stories. shankman knew that most reporters are looking for sources, and pr pros are looking to provide sources.</p> <p>the facebook group was such a hit he turned it into an e-mail list. then cision bought the whole thing for several million dollars.</p> <p>today there are still tons of journalists and other influencers asking for sources for stories. there is a veritable linking gold mine in every issue of haro. and there are three issues per day.</p> <p><strong>pro tip:</strong> it takes some time to really read through haro every day. if you can, assign someone on your team to be responsible for looking through each issue to see if there is anything relevant for your client or your company.</p> <p><strong>pro tip #2:</strong> follow haro on twitter at @helpareporter to see urgent requests from journalists.</p> <p><strong>seo tip:</strong> there are frequent questions from reporters around search related subjects. don’t forget to check it for yourself.</p> <h2>5. research your niche</h2> <p>most pr pros are news junkies. many came into the profession from a journalism background. good pr pros always know what is going in their niche – from the latest rumors down to the competitor offerings.</p> <p>most seos i know are news junkies when it comes to seo, but not when it comes to their clients. seos miss out on so many link building opportunities when they don’t know the industry they are working in.</p> <p>for our clients, we try to become experts in their field. we may never know the business as well as the client does, but we can certainly become proficient enough to identify linking opportunities we would never find if we didn’t know the industry.</p> <p><strong>pro tip:</strong> if there are publicly traded companies in your niche, read their earnings reports. you can learn a lot from earnings reports, and your influencers may not be reading them, so letting them know what’s up is a way to further the relationship.</p> <p><strong>pro tip #2:</strong> if your niche is wide, try to narrow it. the more you can narrow the niche, the easier it is to become an expert. and once you learn one aspect of your niche, it’s usually easier to expand to broader topics.</p> <p><strong>seo tip:</strong> keep tabs on what your competitors are doing in search, what’s working for them, and what isn’t working. don’t forget to <a href='' target='_blank'>look at their backlinks</a>. by doing this, you will become better at optimizing your own sites.</p> <p>original article on <a href='' target='_blank'>search engine journal</a>.</p> Website Trends Thu, 12 Oct 2017 00:00:00 -0800 Study: 57% of Google search traffic is mobile <ul> <li> <p>mobile searches on google <a href='' target='_blank'>now represent about 57% of all search traffic</a>, as mobile web site traffic is now clearly outpacing traditional desktop traffic, according to a new study from content performance marketing company brightedge.</p> </li> <li> <p>the study also found that 79% of all searches were different across mobile and desktop, suggesting a significant shift to the mobile-first search index google announced last year. brightedge said its research confirmed the emergence of two separate search indexes –– one for desktop and one for mobile –– with 47% of keywords in positions 1–20 ranked differently on mobile and desktop search engine results pages.</p> </li> <li> <p>additionally, the study found that the first page that ranks for a domain on a search query is different on mobile and desktop search engine results pages on about 35% of searches.</p> </li> </ul> <p>through 4500+ hd screens in 300+ of america's favorite malls, adspace delivers high-impact video impressions to 71mm unique shoppers steps from your storefront & is proven to increase retail store traffic by 1.5x.</p> <p><a href='' target='_blank'>see the study</a><img src='' style='height:0px; width:0px' /></p> <h3>insight:</h3> <p>the ultimate takeaway from this study goes a little something like this: mobile is happening, people. get with the program.</p> <p>we have been hearing about <a href='' target='_blank'>the impact of mobile search </a>for a while now, so this study should not come as a complete surprise to retailers. there is more detail, of course, to the lessons that can be learned from this study, but a big part of it is that brightedge is presenting some evidence that mobile search traffic represents the majority of search traffic by a margin — 14% — that is only going to grow. well, that and the notion that a mobile-first search index has some unique value.</p> <p>the frequency with which search results come out differently for mobile and desktop-initiated google searches means that retailers need to have search engine optimization, content and marketing strategies that reflect those differences.</p> <p>some retailers and brands may already understand this. in the study, brightedge notes that carlos spallarossa, director of seo at l'orÉal, is pushing for a mobile-first perspective. "we are developing content with a mobile-first perspective to connect with our users with info, use advice, and reviews — especially when they are near a store where they can easily purchase,” he said, according to the study. </p> <p>others may not be so far along in understanding it, and brightedge has a few suggestions about how to change up their approaches. designing and optimizing websites for speed and mobile-friendliness is a start, but among other suggestions listed in the study, retailers and brands need to understand different online consumer intent signals across desktop and mobile devices. also, producing separate mobile and desktop content that resonates on multiple device types is a good idea. brightedge also advises tracking, comparing and reporting mobile and desktop share of traffic continuously, as well as tracking organic search rank for mobile and desktop separately. </p> <p>mobile commerce may have once seemed to be nothing more than a sub-set of the broader e-commerce universe, but now it's becoming clear that mobile is charting its own unique territory.</p> <p>original article on <a href='' target='_blank'><strong>retail dive</strong></a>.</p> Website Trends Wed, 6 Sep 2017 00:00:00 -0800 Slow apps and websites can ruin your reputation <p>app and web users are growing more demanding and less forgiving, according to the results of a consumer survey from apica. in a clear call to action for organizations around the world, apica's survey found that three quarters of respondents expect websites and apps to perform faster than they did three years ago. <br /> <br /> apica conducted the survey among internet users in the uk, us and sweden, to investigate changing attitudes towards a brand's digital performance. the survey of 2,250 consumers reveals that nearly 40% of us won't wait more than ten seconds for a website to respond before navigating away. one in nine users (11%) won't even give a site <strong><em>five seconds</em></strong> before moving onto another website. </p> <h2>performance affects your digital brand</h2> <p>the survey also found that digital disappointment <a href='' target='_blank'>affects brand loyalty</a>, with 60% of consumers likely to be less loyal towards a brand if they experience poor website or app performance. 10% of participants said they would never return to an offending brand for goods or services. swedes are least loyal towards a brand that lets them down online, with 73% likely to turn to competitors.<br /> <br /> some noteworthy findings include:</p> <ul> <li>over 80% would consider telling friends about a poor website/app experience</li> <li>more than 1 in 3 respondents say long loading times cause them to lose patience</li> <li>three quarters of users expect sites and apps to perform faster than 3 years ago</li> </ul> <p>carmen carey, ceo, apica, said, "these results demonstrate that digital consumers have limited patience for slow performance or delays. there is clearly a general expectation that sites and apps will perform faster and better, particularly with the advent of born digital organizations. the onus is now on businesses, whether they're a leading financial company or an online retailer, to ensure peak performance at all times."<br /> <br /> the survey also revealed that users also have limited patience for organizations that schedule maintenance on websites and apps. less than half (46%) of users said that several hours of downtime was acceptable, and even then, reasons for the downtime had to be properly communicated. 54% respondents had an 'upper limit' of one hour, and more than 1/10 (13%) actually expect 100% up-time.</p> <h2>your app brand reputation at stake</h2> <p>negative digital experiences are also likely to impact brand reputation with 83% of global respondents reporting they would consider telling colleagues about a poor website or app experience, and almost 4 in 10 would definitely share this. </p> <p>"if companies wish to retain both customers and revenue, they must focus on proactive performance testing and monitoring of their digital services to ensure that, even at peak times, downtime does not occur," added carmen. </p> <p>apica monitors ecommerce websites and publishes an annual black friday web performance index. last year, it revealed that whist the top ten ecommerce websites are healthy, the rest are lagging expectations. the 2017 index is due to be published late november after black friday and cyber monday.</p> <p>original article on <a href='' target='_blank'><strong>app development magazine</strong></a>.</p> Website Trends Wed, 23 Aug 2017 00:00:00 -0800 An Intro to Minimalist Web Design <p>minimalist design is everywhere, and it’s especially popular among web designers. it’s easy to see the appeal: many of minimalism’s core tenets mesh very well with the constraints of modern ui and ux design, especially on mobile devices.</p> <h3>a (very brief) history of minimalist design</h3> <p>minimalism traces its origins back to the early twentieth century. though we tend to associate it with media and design now, its origins lie in fields as diverse as architecture and painting. here are a few early influences on the minimalist style:</p> <ol> <li>de stijl. dutch for “the style,” de stijl was an artistic movement that celebrated simple, abstract shapes, bold primary colors, and straight lines. piet mondrian’s city grid-inspired paintings are a perfect encapsulation of de stijl.</li> <li>constructivism. the constructivist style came out of early soviet revolutionary art. its goal was to create a new style of art that could create social change, rejecting the idea of “art for art’s sake.” the result was an aesthetic that communicated using a combination of strong, dramatic shapes, black-and-white photography, and bold typography.</li> <li>bauhaus. the bauhaus movement emerged from germany in the 1920s and early 30s. it jettisoned styles associated with earlier eras in favor of practical, functional aesthetics. “form follows function” is a maxim often associated with the bauhaus, one that inspired the designs of visionaries like mies van der rohe and le corbusier.</li> <li>zen simplicity. a final source of inspiration for minimalist design is in traditional japanese aesthetics. based on the tenets of zen buddhism, this style emphasizes clean forms stripped of flourishes and an emphasis on harmony, order, and balance. the stylized arrangements and attention to detail found in zen rock gardens captures the essence of zen minimalism that countless designers have worked to emulate.</li> </ol> <p>you can find traces of these different styles all over the modern web. as you’ve probably noticed, what ties all these styles together is a desire to remove extraneous elements, stripping everything down to its essential elements. if there’s an aphorism that best summarizes minimalism, it’s “less is more,” from the architect mies van der rohe.</p> <h3>the essential elements</h3> <p>there’s no single definition of minimalist web design. it’s less a meticulously defined set of guidelines than a set of general principles that can be applied to any situation. that said, there are a number of features that are frequently (though not always) found across minimalist designs.</p> <ol> <li>the use of typography as a central element. while minimalism is often associated with iconic sans serif typefaces like helvetica, futura, and univers, plenty of apps and sites also use more traditional serif typefaces to great effect. the key is that the type itself is as central to the look of a composition as shape and color.</li> <li>deliberate use of white space. rather than think of white (or negative) space as the lack of something, minimalism treats it as an element unto itself.</li> <li>imagery reduced to geometric shapes. strong iconography is a hallmark of minimalism, reducing a concept (like using a pictogram of a house for “home screen” or a trash can for “delete”) to the simplest and most evocative form possible. while modern design makes more allowances for representational graphics, it still often relies on geometric shapes for guidance, as in twitter’s logo redesign.</li> <li>relying on high-contrast color palettes. inspired by de stijl’s primary colors, minimalism often favors clear, solid blocks of color rather than shadows and gradients.</li> <li>using photography for contrast. large, often full-color photographs are often a key element in minimalist design, providing a pleasant contrast to the simplicity of type, shape, and bold color.</li> <li>an emphasis on cleverness and playfulness. breaking down a composition to its barest elements also gives minimalist designers the chance to take liberties they might not with a more maximalist or traditional style. this especially comes through in logos and wordmarks.</li> <li>the use of symmetry and grid layouts. here you can most clearly see the influence of traditional japanese design, which emphasizes the harmonious relationship between different elements.</li> </ol> <h3>the hamburger nav: a cautionary tale</h3> <p>many minimalist designers are inspired by the words of the author and pilot antoine de saint exupery, who said: “perfection is achieved not when there’s nothing more to add, but when there is nothing left to take away.” that said, judging what is safe to take away isn’t always obvious. take the case of the hamburger nav, for example.</p> <p>a common design challenge on both web and mobile is how and where to put navigation elements. the hamburger nav emerged in the early 2010s as a way to save space on mobile devices. the idea was to create a recognizable icon where common menu items could be kept so that they’re not constantly taking up precious real estate. after it was adopted by apple and facebook, the hamburger nav became a ubiquitous (and frequently frustrating) feature of modern app and web design.</p> <p>there was only one problem: what apps gained in simplicity they often lost in functionality. multiple studies found that hamburger navs caused user engagement to plummet. fortunately, most apps and websites have found other ways to keep navigational elements, including tabs, collapsible menus, and scrolling menus. but the case of the hamburger nav serves as a good illustration of what can happen when designers favor aesthetics over functionality.</p> <h3>trends in minimalist app and web design</h3> <p>we’ve gone over some of the basics of minimalist web design, and you can find countless examples of this style all over the web. now we’re going to look at a few distinct but related trends in minimalist design you may see on the web and in apps.</p> <h3>“complexion reduction”</h3> <p>over the last few years, you may have noticed a distinct trend among certain apps. from instagram to airbnb to apple music, major apps are stripping away color and ornamentation to create stark, simple, visually neutral uis that put the focus squarely on their content.</p> <p>in addition to draining interfaces of color, complexion reduction relies on large, bold typography to direct and orient users. think of complexion reduction as the white gallery wall on which the app’s photos, music, videos, and copy can be arranged. it lends itself naturally to the idea of a scrolling feed that lets users explore at their own pace.</p> <p>complexion reduction lends itself most to apps with lots of visual content and relatively simple feature sets. that may make it great for certain apps, but wholly unsuitable for others that require a more active hand in guiding users. additionally, the starkness and simplicity of complexion reduction can make it hard to stand out visually. without colors or illustrations, it can be hard to establish a strong visual identity, leaving you to either rely on your typeface choices or embrace the neutral look.</p> <h3>flat design</h3> <p>originally developed by microsoft in the early 2000s, flat design isn’t a new trend, though its use has exploded in recent years. in contrast to what’s often called “rich design,” flat design is known for its simple geometric shapes, open space, solid colors, and conspicuous lack of shadows, highlights, textures, and other features meant to suggest 3d space. using a combination of typography, icons, and colors, it creates a clean, efficient, modern-looking interface.</p> <p>flat design shares many of its characteristics with the bauhaus style, especially its desire to create a design style that feels native to digital displays, rather than relying on imagery ported over from the physical world. removing design embellishments can translate into quicker load times and better performance, especially when developing responsive websites or mobile apps that will need to work on a wide range of devices.</p> <p>that said, flat design comes with its own risks. while designers may celebrate the lack of clutter and sleekness of flat design, many users find it unintuitive and confusing. for example, the lack of drop shadows and highlights can make it hard for some users to distinguish a clickable button from a simple label against a block of color. some studies have shown that flat design can impair usability.</p> <h3>material design</h3> <p>related to flat design, material design is a design language and set of guidelines developed by google. like flat design, material design avoids trying to imitate physical objects. that said, material design doesn’t completely do away with depth. instead, it relies on subtle use of drop shadows to create the impression of many flat panels layered over top one another. in essence, it adds just a little bit of real-life back into digital design for the sake of usability.</p> <p>also unlike classic minimalism, material design uses much less white space and photography. with its solid colors and rectangular panes, material design compositions often look like pieces of colored construction paper layered atop one another.</p> <p>the advantage of material design is that it can address some of the usability concerns that plague flat design. because it comes with a detailed set of guidelines, it can also speed up the design process, since it leaves very little to the individual designer’s discretion. the other side of that coin, of course, is that material design runs the risk of looking pretty generic and distinctly google-esque. so if your visual identity is meant to stand out, material design may not be for you.</p> <h3>looking for a ui or ux designer?</h3> <p>applying minimalist design principles is about more than the appearance of your website or app. it’s about solving design challenges by identifying and emphasizing critical information and functionality. when looking for a ui or ux designer, make sure to pay attention to their portfolio, and ask them about their design process to make sure they have a good sense of how they approach the kinds of problems you’ll be asking them to solve.</p> <p>original article on <a href='' target='_blank'><strong>business 2 community</strong></a>.</p> Website Trends Fri, 18 Aug 2017 00:00:00 -0800 Understanding The Basics Of Responsive Website Design <p><strong>it is no longer enough to design a website solely for the desktop screen. the growing market of mobile phones and tablets is compelling web designers to reconsider how their work would be displayed on various devices. people are using their smartphones more often than accessing their desktops today. this necessitates a responsive web design.</strong></p> <h3>what is responsive design?</h3> <p>rwd or responsive web design is a design approach that would be allowing the code and the design to respond intuitively to the size of any device’s screen. this implies that you would be getting optimal viewing experience irrespective of the device you are using.</p> <h3>why is responsive design so important?</h3> <p>if designers came up with infinite versions of any particular website that would be working effectively for every possible device available to us, the process would be impractical from the point of view of the time and it would prove to be exorbitant. these sites would not be responsive to any technological changes in the future and so site maintenance would prove to be pretty challenging. use responsive design as it is the best solution for future-proofing your website.</p> <h3>know your audience preferences well</h3> <p>the vital factor responsible for the success of a responsive web design is identifying and understanding the preferences of your audience. find out what device they actually use while viewing your website. you need to have a clear idea about the components of your current traffic. how many of them are tablet users, desktop users, or even the mobile users? it is essential to come up with a <a href='' rel='noopener' target='_blank'>website design</a> that is responsive to varying devices. however, it is quite a complicated and challenging affair to design across diverse web browsers. moreover, there are numerous versions of browsers which require being catered to.</p> <h3>plan for both big & small screen devices</h3> <p>one of the significant factors that are responsible for the success of an intuitive or responsive web design is the capacity to give a better experience to the users accessing the website via mobile devices. responsive web design should not be restricted to or treated as just a small screen resolution. in fact, responsive web design is advantageous to practically all screen sizes including excessively large displays as well. while designing any web experience, you should not only consider mobile first as your ultimate goal, you must also keep in mind larger screen sizes.</p> <h3>arrange content differently</h3> <p>shifting from the typical multiple columns meant for a larger screen to just one column layout meant for a really small screen is the chief characteristic of any responsive site. however, keep in mind that only changes in columns are not enough. different contents present on your site necessitate different layout approaches.</p> <h3>scalable navigation is a must</h3> <h3>navigation plays a pivotal role in the development of a responsive website design. scalable navigation is a must for creating a responsive website. you must understand that what is working exceptionally well for any large device may not perform smoothly on other smaller devices. you cannot just have a constant and a uniform navigation experience across diverse screen sizes. you must concentrate on creating a truly user-friendly navigation all the way.</h3> <p>original article on <a href='' target='_blank'><strong>business computing world</strong></a>.</p> Website Trends Fri, 18 Aug 2017 00:00:00 -0800 Custom Web Design vs Content Management Systems <p>there are two different camps in the world of web design. the first is having a web designer/developer build a custom website from scratch. the second is to use a content management systems (cms) with their included templates. each has benefits and short comings.</p> <p>before we start looking at the pros and cons of each design methodology, i think you must honestly assess what your goals and hopes for your website will be by answering some simple business and marketing questions.</p> <h3>who are you and why do you want a website?</h3> <p><strong>why do you want a website?</strong> do you want just a couple of pages to show the world who you are, what you do and where you’re located (like a placeholder on the worldwide web)? or do you want a website that is expandable and adaptable as your business grows adding new products, services and/or new information?</p> <p><strong>are you looking to build a website that is an online application?</strong> in other words, do you want your website to perform specific functions? these functions might include processing event registrations, selling and shipping products, managing different types of events or activities (i.e. tracking scores from competitions), managing a photo or literature library, publishing quarterly reports - you get the picture.</p> <p><strong>will interaction with your customers online be important aspect of your website?</strong> do you plan on providing quotes for your services, having feedback or reviews of your services or products, providing a comments section for customers, etc.?</p> <p><strong>do you have difficult, complex or extensive data to manage online?</strong> is your website going to be a hub of information such as reports, minutes, action items or service letters that are constantly being added, updated or edited frequently?</p> <p><strong>does your company have a fully integrated branding program for your image?</strong> do you have a logo design, typography/font requirements, spacing requirements, a specific color scheme, etc.?</p> <p><strong>do you do everything yourself or do you have a staff will specific responsibilities?</strong> do you do everything yourself or do have a staff that does procurement, filing, development, etc.?</p> <p><strong>from a marketing standpoint are image and design important to you or just a thing?</strong> do you want to follow the trends or are you more interested in having your own unique image different from those you have seen online?</p> <p><strong>is your website going to be my primary means of getting your message out to the public?</strong> is your website going to be just a small piece of your marketing program? do you have a have a limited budget?</p> <p>based on your answers to these questions, you should begin to understand what kind of website your business needs and if you should hire a web designer/developer</p> <p>to sum it up, if you plan on designing a website yourself with a cms, the following bullet points should apply.</p> <ul> <li>your website is just a placeholder.</li> <li>not looking to build an online application.</li> <li>customer interaction is not important.</li> <li>you have minimal data to manage online.</li> <li>you manage everything yourself.</li> <li>marketing image is not important.</li> <li>your website is not your primary means of getting your message out to the public.</li> </ul> <p>if you answered no to all or most of the above bullet questions, a cms design is not the solution and you should consider hiring a web designer/developer.</p> <p>there are big differences between designing a website with a cms and having a web designer create one for you. let’s look at the differences.</p> <h3>custom-built websites.</h3> <p>custom design websites are built and coded by a web designer and developer. the design of the website is more artistic than what you will get with a cms. a website designer is a professional that will be able to visualize the layout and ergonomics of a site. a developer is a programmer who focuses on the way a website performs – the functionality of the site on different desktop computers and mobile devices, the interaction of your visitors with the site and the mechanics behind the databases and administrative functions of the site. you will want to find someone who does both design and development competently but also offers reasonable fees. with a custom website, these are the things that you can expect:</p> <ul> <li><strong>expense: </strong>web designers vary in price according to geographic region and level of education/experience. depending on these factors, you may pay anywhere from $50 to $120 an hour.</li> <li><strong>design:</strong> a basic, custom designed website will cost you between $800 and $1500, and upwards of a few thousand depending on your needs. the designer can give you a fairly accurate time/cost quote.</li> <li><strong>user interface: </strong>since you are working with a design/developer you can customize the user interface (user experience) of the website to meet your specific needs and wants.</li> <li><strong>access:</strong> because you are working directly with designer/developer, you will be able to call them whenever you need changes or have technical problems with the website. having direct access to the designer/developer is especially important when there are technical problems. they know the code and its uses intimately so if there is a problem they can usually isolated and fixed.</li> <li><strong>extendability and scalability: </strong>having your website built by a designer/ developer, depending on the development platform they use, results in a website that is much more extendable and scalable than a cms site. a good web designer/developer will consider your future plans for the website as they select the technologies they use to build it.</li> <li><strong>looking down the road: </strong>the future of your website needs to be secure. some cmss have gone “bad” and simply stopped working.</li> <li><strong>adaptability: </strong>if you have specific list of features you eventually want on your website, the designer will be able to prioritize these features to accommodate your current budget with your future one.</li> </ul> <p>it is important to note that none of these points involve online applications, large databases of information or interaction with visitors. all of these scenarios require a custom built website by a designer/developer who knows both html code and programming. no cms can handle these issues in a manageable way.</p> <h3>cms/template built websites.</h3> <p>there is a misconception of how beneficial and economical cmss can be. so, let’s take a closer look at them.</p> <p><strong><em>advantages:</em></strong></p> <ul> <li>lack of funds/low budget. if a budget is what is keeping you from having any online presence at all, then a cms might be your solution.</li> <li>you need to have a website immediately – not in a few weeks or more. using a cms should require less development time but don’t be fooled, this is not always the case. these days, cmss are just as complex as indesign or any other high level design program.</li> <li>looking at cms templates is a great way to find inspiration on colors schemes, layouts and features. a web designer can’t copy these for you, but they do give them an idea of the visual design you would like.</li> </ul> <p><strong><em>downfalls:</em></strong></p> <ul> <li>your design is not going to be original unless you pay the “exclusive” price for a custom template. though, even if you pay the “exclusive” price, there are others who have bought the same template and still have the right to use it.</li> <li>as cms systems try to become a “one-size fits all” application, they actually become more complicated to use. often, the cms comes with a steep learning curve. cms systems are software-based just like microsoft word or adobe indesign and update on a regular basis. and, every time there is an update, the program you are used to using is going to change.</li> <li>you will be limited on the customization of the website template. without web page coding skills, you are still going to have to either spend the time and money to learn how to code a web page or hire someone to help you. some templates are laid out in a very specific way. so, if you incorporate your own graphics or have extensive content, the template could “break.” as well, massive site-wide changes are going to be difficult and you will have to make the changes manually to every page. an experienced web developer will have designed your site with components for common items that are on each page making site-wide changes a lot more manageable.</li> <li>some website templates are not designed to be search engine friendly. as explained above, it is important how the background coding of your website is done. if not done correctly, it could hurt your marketing efforts on the internet.</li> <li>if the website template uses antiquated coding, it might not work with all browsers. some templates incorporate browser specific features that might work in one browser but not the other.</li> <li>customizing javascript is often difficult or next to impossible.</li> </ul> <h3>custom web design or cms website?</h3> <p>when deciding if a custom web design is the way to go or if a cms is a better match, always keep in mind that you want your business to stand out from the crowd and be memorable to the visitor for the right reasons.</p> <p>in either case, you are still going to have to do some homework to increase your standing with search engine results. having a website that is really appealing is only one small part of the internet marketing package. you will have to research the phrases that your target audience will use to find your website and then incorporate those phrases into the content of each of your website pages.</p> <p>to maintain or build a website yourself you are going to have to invest some time (and possibly some money) into learning as much as you can about website design and development. it is a changing technology that has new rules and requirements all the time. you will have to keep up with these changes in order to keep your website active and current.</p> <p>much of the decision comes down to cost and time. you might want to compare the two forms of web design by considering not only the costs but also the amount of time you will invest in designing a website yourself, the skills you have as a designer, how large and complicated your site is going to be and the impact you want your business to make on the world stage.</p> Website Trends Thu, 1 Jun 2017 00:00:00 -0800