Archive

Archive for October, 2021

How Customer Loyalty, Retention, And Satisfaction Drives Business?

October 14th, 2021 No comments
people in the office

It’s not a stretch to say that business and customers are in a kind of symbiotic relationship.

A business offers a solution, while a customer supports that solution with their hard-earned money, thus helping the business improve the said solution. 

This is where the often nebulous concept of “customer loyalty” comes into play. Clients are free to go wherever they want and to whichever solution provides the most value to them, so any business worth its salt has to invest a sizeable amount of its resources into customer loyalty and retention. Which is exactly what this article will cover.

What is customer loyalty?

Put simply, customer loyalty describes an emotional relationship between a business and a customer. It’s “measured” by the customer’s willingness to engage and repeatedly purchase the products and services of a certain company versus their competitor’s. 

Usually, this is a byproduct of a customer’s positive experience with a business. It creates trust between the customer and the business which, in turn, increases the likelihood that they’ll go to them first before considering other alternatives.

Why is customer loyalty so important?

Here’s a number for you: loyal customers spend 67% more on products and services than new customers. 

But the benefits of investing in customer retention/loyalty go beyond just vanity numbers. Customer retention is a vital indicator of a company’s health and long-term viability. 

Let’s quickly go over a few reasons whyfeedback. More often than not, it’s your loyal customers who respond to surveys and answer your calls for feedback. This is the group that will allow you to get more Amazon reviews for your products (if you are selling there). This is because being loyal customers, it’s safe to assume that they’re heavy users who know your product inside out and consequently, are able to offer more qualitative feedback than casual customers.

  • Creates brand ambassadors. Also known as “word of mouth marketing” or “a marketer’s dream come true”. Having brand ambassadors is one of the best indicators that you’re doing things right, because it basically amounts to happy customers spreading the word about your brand to their friends, organically. Or even on social media — the bigger their following, the better. The best thing about it? It’s free.

  • Drives repeat business. This brings us full circle to the beginning of this article — happy customers are more likely to keep coming back to your business and try out new products. This may go without saying, but many businesses focus too much on bringing in new customers to the detriment of the customers they already have. So it is always a good idea to start by answering the WIIFM (what is in it for me?) for your customer.
  • What drives customer loyalty?

    Factors about product and services

    It is the main driving factor through which an organization differentiates between its online form builder.  If this works, the organization sees an increase in loyalty. Now, the customer will be more unlikely to switch to a competitor.

    This method cannot be used as an accurate indicator for tracking the loyalty of the customer. However, the data may not be 100% precise, which can lead to loyalty variation.

    • According to the value matrix

    In this case, loyalty is tracked using matrix quadrants, wherein a service judges the customer based on values. Customer values can relate to neglected, premium, or pitfall. If loyalty shifts from neglected to premium, then it is a good sign that loyalty is intact. However, if it goes from premium to pitfall, it indicates a downfall in loyalty. 

    If this scenario occurs, the customer would probably divert from one business to another. It’s a good wake-up call that it might be time for the service to take action in order to retain the customer. 

    What is the most direct cause of customer loyalty?

    There is no one single thing that can be definitely stated to increase customer loyalty, but the following can be used as a starting point:

    • The business provides excellent support to customers.
    • Enables customers to make repeat purchases
    • Acknowledges the customer by anticipating their needs based on profile.
    • The service offers a loyalty program exclusively for long-time customers.
    • Using new technologies that improve the way customers interact with the brand. For instance, making it easier to leave a Google review for the business.
    • Connecting with customers directly and organically via social media. In fact, maintaining a consistent social media presence is key to connecting with your customers long-term. Using a social media scheduling tool for platforms such as Instagram or Twitter will do wonders.

    Why is the loyalty that results from building relationships so important?

    Businesses don’t earn profits with their activities done in the competitive market. It is the customer base through which the business thrives. Thus building relationships is important to raising customer loyalty. 

    It all depends on the transparency a business keeps to build trust and confidence among the customers. Secondly, a human sales approach works best as opposed to a more business-like approach. as this generates leads that help the company stand out in the market.

    Wrap up

    That’s a wrap on this piece about customer loyalty. The main takeaway is that businesses should focus on raising customer loyalty and retention as much as on bringing in new business. Long-time customers may be the harshest critics, but they can also be a great source of insights that businesses can tap into to expand and improve their products. 

    Categories: Others Tags:

    Bonsai Browser

    October 13th, 2021 No comments

    Web-browser for research that helps programmers think clearly.

    With Bonsai, rather than being like, I’m going to go use my web browser now, you hit Option + Space and it brings up a browser. It’s either full-screen or a very minimal float-over-everything window. You can visually organize things into Workspaces. I can see it being quite good for research, but also just getting you to think differently about what a “web browser” interface can be and do for you.

    Perhaps for what we’re losing in browser engine diversity, we’ll gain in browser UI/UX diversity.

    Direct Link to ArticlePermalink


    The post Bonsai Browser appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

    Categories: Designing, Others Tags:

    11 Must-Follow Web Design Blogs 

    October 13th, 2021 No comments

    Need inspiration for an upcoming web design project? Want to learn how to add live chat functionality to your site, or which trends you should be aware of as you pursue new projects? Leading web design blogs could be the solution to your problems. 

    Just as marketers follow posts on websites like Search Engine Land and Mashable, and tech enthusiasts read up on Hacker Noon and TechCrunch, designers have plenty of blogs worth following too. The top web design blogs are incredible sources of inspiration, information, and guidance for today’s budding professionals. You can find insights into recent web design news stories or learn how to use new components in your website content. 

    As one of the best resources for any designer, a good web design publication can expand your education, act as an instant muse, or give you some much-needed entertainment. 

    Here are our top choices for the ultimate must-follow web design blogs. 

    1. Webdesigner Depot

    You’re already here, so obviously, you already know that Webdesigner Depot’s a comprehensive hub of tech tips, news, thought leadership posts, and inspiration. Webdesigner Depot stands out among the most popular design blogs in the world. Frequently updated with content from a series of experienced authors, Webdesigner Depot is the go-to place for designers. Here, you’ll find the latest design news, explore the pros and cons of different coding systems, and discover some of the best design resources around. 

    We have many categories to choose from, including coding, news, resources, SEO, inspiration, content marketing, and user experience. You can even find the occasional “funny” post or poll to take part in too. 

    Many of the articles produced by Webdesigner Depot also go above and beyond the competition in terms of detail and depth. If you’re learning about freelance project management apps on this site, you can expect a complete overview of each of the available apps covered, along with notes on how to choose and use these tools correctly. 

    Webdesigner Depot also has a newsletter you can subscribe to in order to stay informed about recent posts. 

    2. Smashing Magazine 

    Another excellent publication popular among web design professionals, Smashing Magazine, covers all kinds of helpful content. To make finding the right posts a little easier, the company organizes content by category, covering topics like user experience, web design, React, JavaScript, CSS, and accessibility. You can also search through articles with the search bar at the top of the page.

    Alongside standard blogs, Smashing Magazine also produces eBooks and guides for those who need more extensive information about a specific topic. All of the content shared on this website is designed to be easy-to-read and informative. You’ll find plenty of sketches, screenshots, and images to guide you through learning experiences too. 

    Notably, the blog has been around since 2006, so although it has a lot of material to explore, some of the content might be a little outdated. If you want to stay up-to-date with Smashing Magazine’s latest posts, you can also subscribe to their email newsletter for once-a-week messages. 

    3. The Design Blog

    While many of the top design blogs on the market today focus on sharing a combination of inspirational and informative content, The Design Blog is explicitly intended for inspiration. The site shares a “designer of the week” every Monday, and that person’s content is featured on the web and social networks of TDB. There’s also a quote of the week, featured video, and free resources every week. 

    Most of the design blog’s content is split into sections according to the days of the week. Web design Wednesday is a great section to check out if you’re looking for inspiration. The segment covers a range of well-designed websites from different niches to help guide your next project. 

    On Thursdays, the design blog covers UI and UX designs from around the web, as well as well-designed apps from budding creatives. Every Friday, there’s a “freebie” offered on the site in the form of an available download or digital resource. 

    The design blog also covers recommended books and websites you should visit, leading Dribble profiles, and more. The biggest downside is navigating through all the available content can be quite a complicated process. 

    4. Web Design Ledger

    Beautifully organized and packed with helpful information, the Web Design Ledger is an excellent site for designers to visit. The website splits into various segments depending on the kind of design you’re interested in. For web designers, there are content categories for portfolio work, mobile design, business development, ecommerce, and even wearable devices. 

    You’ll also find several sub-categories for sections like User Interface design, graphics, and web development. For those looking to learn from thought leaders in the industry, Web Design Ledger has a range of fantastic interviews to explore. There’s also a review section, where you can check out some of the latest tools available for design professionals. 

    The “Inspiration” section of the site also includes many great ideas for people who need a little creative boost for their next project. You can check out some top-rated WordPress themes, explore tips about branding and design for specific industries, and even get advice on logo creation.

    5. Mockplus Blog

    Mockplus is more than just a blog producer. The company offers tools to make design teams faster and more productive through unified collaboration, interactive prototyping, and scalable design systems. If you’re using Mockplus’ cloud technology for your design projects, there are plenty of tutorials and articles on the website tailored specifically to you. 

    The Mockplus blog, alternatively, delivers easy-to-consume content to designers from all environments, using various kinds of tools and software. You can find guides on how to experiment with new web design strategies and tips on how to master things like navigation menu design. 

    Many of the most popular posts on Mockplus are lists of useful resources, websites, and downloads you can use in your design tasks. For instance, you can use this site as inspiration when finding Android UI systems or wireframing tools. The site has a subscription form available for people who want to sign up for regular blog updates. 

    6. Design Bombs

    Design Bombs is an attractive and reliable source of blog content for the design world. Easy to explore for beginners, Design Bombs even has a helpful “Start Here” section, where you can find beginner articles on how to start a blog, make a website, or use WordPress hosting. If you already know what you want to learn about, there are plenty of categories to choose from. 

    Content covered on Design Bombs ranges from the top WordPress plugins and themes on the market to news stories about recent design events and guides on coding or design. The “inspiration” section of the website is excellent for those who need a little creative refresh before working on the next part of their project, and Design Bomb also offers freebies and deals to readers too. 

    You can check the website regularly to see what kind of offers are available for popular design software and tools, as well as what sort of resources you can access for free. For beginners, the “glossary” section covering common design language is fantastic for your bookmarks. 

    7. Web Design Library

    Otherwise known as Webdesign.org, Web Design Library is a simple but attractive blog environment for design professionals. The site includes a lot of valuable information for beginners and professionals looking to hone their skills. There’s a search bar to help you sort through content quickly at the top of the page, or you can choose your content focus through the “categories” section.

    The Web Design Library has various categories to choose from, including web design basics, design principles, website usability, typography, Photoshop tutorials, web layout guidance, and HTML or CSS tips. You can also find plenty of inspiration in the “Showcase” section of the site. 

    Like many of the top web design blogs available today, Web Design Library offers access to extensive tutorials and guides for pros and beginners. You can learn everything from creating your first web page to how to shave someone’s head in Photoshop. The “Freebies” section on the site is a great place to visit for budget-friendly resources too. 

    8. Hacking UI

    A community-focused website built for people who want to master the user interface, Hacking UI is a brilliant blog for all kinds of creative professionals. This laid-back website contains all sorts of different content for designers, including thought leadership articles, opinion posts, and even a regular podcast, where David Tintner and Sagi Shrieber discuss all kinds of design questions.

    Hacking UI covers simple and complex topics alike. You can learn how to accelerate the performance of your web-design side project and how to make the transition from freelancer to a business owner. There are also topics like how to improve your workflows. Hacking UI covers a lot of content from worldwide events like the Global Innovation Forum too. 

    You can find information about upcoming events, conferences, and classes on the “Event” page, ideal for developers and designers who want to improve their skills. There’s also the Hacking UI “Master Class,” which constitutes a series of live conversations and lectures with experts in development and design. 

    9. 1stWebDesigner

    One of the most attractive things about 1stWebDesigner, is its commitment to sharing ideas from a range of different designers and experienced creatives. Though still relatively new, 1stWebDesigner is a growing platform for sharing all kinds of design insights, including news, guides for learning, and lists for design inspiration. 

    The 1stWebDesigner site is wonderfully easy to navigate, with a search bar for those who want to find content on specific topics and keywords and a range of categories to choose from. You can check out collections of content on things like WordPress design, CSS, JavaScript, UX, Mobile UI, and Typography. There are also sections dedicated to things like Photoshop and how to succeed as a freelance designer. 

    1st Web Designer is a valuable source of inspiration for beginners and a great way to top up your knowledge as the design industry evolves. The “Learn” section is home to a host of guides and tutorials perfect for design enthusiasts from different backgrounds. Make sure you check out the site’s YouTube, Twitter, and Facebook pages too. 

    10. Design Shack

    Design Shack is a simple blog for beginners in the design landscape. Here, you’ll find many in-depth guides and tutorials to walk you through the basics of design. There are thousands of articles to explore, listed under several categories, including User Experience, app creation, and Photoshop. You can also search for specific content with the search bar.

    Design Shack is particularly good at producing long-form content for designers in search of inspiration. Their lists of things like mock-up templates, photo collages, and premier pro templates are excellent. It’s also worth checking out the “Trends” section on the website, where you can find content written about some of the most appealing trends for design leaders. 

    Design Shack has a subscription available for those who want to stay up-to-date on the latest blog posts with regular emails. You can also interact with the community on sites like Pinterest, Facebook, and Twitter. 

    11. Web Design Tuts+

    Created by the Envato+ company, Web Design Tuts+ is a website offering learners in the design world all the information they need to excel in their projects. The website is packed full of free tutorials and learning guides, as well as online courses you can follow in your own time, to help you learn more about various aspects of web design. Tutorials and courses cover everything from interface design strategies to front-end development, UX (User Experience), and accessibility.

    To help you figure out where to get started, Envato sorts all of its available guides and resources into sections based on the kind of design information they cover. You can also check out a list of the most popular and featured eBooks, courses, and tutorials on the homepage. 

    One thing Web Design Tuts+ does exceptionally well is translating complex ideas into simple guides. You don’t have to have a lot of coding knowledge or understand design-focused language to benefit from this site. Everything is written in an easy-to-digest format, with plenty of pictures and examples to guide you. 

    Choosing the Best Web Design Blog

    As web design and development continue to thrive as a crucial skill in the digital world, there’s no shortage of blogs out there to help inspire and educate professionals. Whether you’re a beginner learning about the techniques required to start your first WordPress site, or you’re keen to know more about specific aspects of CSS code, there’s plenty of content to help you.

    With a wide range of fantastic websites to choose from, there’s no one-size-fits-all when it comes to picking the best web design blog. Many designers devote an entire folder in their bookmarks to blog pages, news sites, and other resources they can visit when they need information or inspiration. You may find yourself using various blogs throughout your career. 

    Our advice? Start with a website capable of covering many different topics in the web design world, to begin with. Resources like Web Designer Depot are packed full of content to sink your teeth into. Then, as you develop your knowledge in the industry, you’ll begin to find other more focused sites offering specific guidance into your chosen niche or specialty. 

     

    Featured image via Unsplash.

    Source

    The post 11 Must-Follow Web Design Blogs  first appeared on Webdesigner Depot.

    Categories: Designing, Others Tags:

    Less Absolute Positioning With Modern CSS

    October 13th, 2021 No comments

    Ahmad Shadeed blogs the sentiment that we might not need to lean on position: absolute as much as we might have in the past. For one thing: stacking elements. For example, if you have a stack of elements that should all go on top of each other…

    .stack {
      display: grid;
    }
    .stack > * {
      grid-area: 1 / -1;
    }

    All the elements occupy the same grid cell at that point, but you can still use alignment and justification to move stuff around and get it looking and behaving how you want.

    What you are really saying with position: absolute is I want this element to be entirely removed from the flow such that it doesn’t affect other elements and other elements don’t affect it. Sometimes you do, but arguably less often than your existing CSS muscle memory would have you believe.

    I’ll snag one of Ahmad’s idea here:

    CodePen Embed Fallback

    Both the tag and the title are positioned in a way we might automatically think of using absolute positioning. But again, something like CSS Grid has all of the alignment features we need to not only stack them vertically, but place them right where we want.

    Direct Link to ArticlePermalink


    The post Less Absolute Positioning With Modern CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

    Categories: Designing, Others Tags:

    Jamstack Developers’ Favorite Frameworks of 2021

    October 12th, 2021 No comments
    A plot chart with colored dots representing different languages. Y axis is satisfaction, x-axis is usage. JavaScript is the most used and halfway up the satisfaction axis. Typescript is at the top of satisfaction, and halfway through the usage axis.

    Which new framework should I learn this year? Is it time to ditch my CMS? What tools should I pick up if I want to scale my site to an audience of millions? The 2021 Jamstack Community Survey is here with answers to those questions and more. 

    For the past two years, Netlify has conducted the Jamstack Community Survey to better understand our growing group of developers—the insights inform our services, and they also help developers learn from one another. Our survey data provides a sense of best practices as well as an idea of what else is happening in the community.

    What we’re seeing this year: it’s never been a better time to be a developer in the Jamstack community! Jamstack has gone mainstream and the ecosystem is thriving. Jamstack is becoming the default choice for web developers at all stages of their careers across different geographies and touching all industries, and the community is only getting bigger. We also saw a huge rise in the percentage of students in our community over the last year, a great sign for a growing ecosystem.

    In 2021, Netlify received more than 7,000 responses to the Jamstack Community Survey. This is more than double the number of responses we received in 2020, confirming the growth of the Jamstack community. 

    Here are a few of the highlights from our more technical findings…

    Jamstack developers work differently at scale.

    32% of Jamstack developers are building sites for audiences of millions of users, but the tools they use and their development priorities are different: for instance, they are more likely to specialize in front-end or back-end work, and they are more likely to consider mobile devices a key target.

    JavaScript dominates programming languages for the web—but TypeScript is giving it a run for its money.

    For 55% of developers, JavaScript is their primary language. But TypeScript is coming from behind with a growing share.

    Figma is almost the only design tool that matters.

    When it comes to design tools, more than 60% of survey respondents use Figma and are happier with it than the users of any other design tool we asked about.

    A plot chart with colored dots representing different design apps. Y axis is satisfaction, x-axis is usage. Figma is at the upper-right corner of the chart while everything else is clustered toward the bottom left.

    React still reigns supreme for frameworks.

    React continues to dominate the major frameworks category in usage and satisfaction, and Next.js continues to grow alongside it. But we also saw growth and higher satisfaction from a challenger framework, Vue.

    A plot chart with colored dots representing different frameworks. Y axis is satisfaction, x-axis is usage.React is at the far right, but halfway up the satisfaction axis. Express is at the top of the satisfaction axis but between 10-20% usage.

    WordPress leads in CMS usage.

    WordPress remains the clear leader as a content management system, but it’s not well-liked as a standalone solution. When used in a headless configuration, users reported much higher satisfaction. This was a breakout year for other headless CMSs like Sanity and Strapi.

    A plot chart with colored dots representing different content management systems. Y axis is satisfaction, x-axis is usage. WordPress is all the way at the bottom right corner of the chart, showing high usage but low satisfaction. Sanity has the highest satisfaction, but is between 10-15% usage.

    And that’s just a taste of what we learned. To view the complete findings of the 2021 Jamstack Community Survey, visit our survey website


    The post Jamstack Developers’ Favorite Frameworks of 2021 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

    Categories: Designing, Others Tags:

    WooCommerce + Google Analytics

    October 12th, 2021 No comments
    The one bit of config is adding this ID, which is easy to find in Google Analytics, your own code, or another Google Analytics plugin.

    Now, to be clear, WooCommerce has its own analytics built right in. If what you are interested in is sales reports and top sellers and stuff like that, those are the dashboards I’d be looking at. But there are some things that the built-in WooCommerce analytics just don’t do. For example, I can check out the sales funnel on Google Analytics now:

    30 days of traffic starting from all unique visitors to sessions where they actually bought something.

    CSS-Tricks isn’t exactly an eCommerce-focused website, so the funnel there starts super wide and gets super (super) tiny — but hey, at least I can confirm that and see it with my own eyes. Plus, I can glean some insights here, like the fact that 66/70 people completed checkout once they got there (pretty good), but only 70/525 even proceeded to checkout after adding to cart, so I’m losing a lot of people at that stage.

    Here is some more interesting data that only Google Analytics knows:

    Of 66 sales, 56 of them came from returning visitors, not new visitors. So people tend to not buy on first look, but do come back later. I’m not sure if that means I should be making things more enticing for those new visitors or if I should lean into reminding people about it after they’ve looked at it. Either way, now I know because I have the data.

    There is data in the WooCommerce analytics that I’d normally have to go to Google Analytics to see. I can see individual orders. I can see what the top sellers are and compare product sales over different time periods. All useful stuff, and you might appreciate having all this in one place.

    Again, my favorite part about this is having all this data. It feels like it should have been hard-won to get, but all it took was clicking a few buttons. That’s why I never regret just doing things the standard WordPress and WooCommerce way! Things tend to just work!


    The post

    Google Analytics is powerful analytics software. A common way to use it is to just slap the JavaScript snippet on every page template you have and let it collect basic data about unique visitors and pageviews and such. That’s useful, but it’s also the bare minimum. Say there is an important button on your site. Leveling up, you could send custom events to track users clicking on that button. Those are the analytics that matter the most.

    Further down that road is tracking eCommerce analytics. This is extra-tricky, as it requires you sending events to Google Analytics for sales, instances of adding/removing things from cart, views on products… all sorts of stuff. If you don’t do all that (and do it right), you don’t get good analytics information.

    Yet another reason I like WooCommerce! Instead of this analytics integration being a monumental effort and a substantial bit of technical debt to maintain, you just install the WooCommerce Google Analytics plugin and… that’s it. Also: it’s free.

    I’ve had this integrated for months right here on CSS-Tricks, and I can confirm:

    1. It was close to zero effort.
    2. It just works.
    The plugin installed and activated!
    The one bit of config is adding this ID, which is easy to find in Google Analytics, your own code, or another Google Analytics plugin.

    Now, to be clear, WooCommerce has its own analytics built right in. If what you are interested in is sales reports and top sellers and stuff like that, those are the dashboards I’d be looking at. But there are some things that the built-in WooCommerce analytics just don’t do. For example, I can check out the sales funnel on Google Analytics now:

    30 days of traffic starting from all unique visitors to sessions where they actually bought something.

    CSS-Tricks isn’t exactly an eCommerce-focused website, so the funnel there starts super wide and gets super (super) tiny — but hey, at least I can confirm that and see it with my own eyes. Plus, I can glean some insights here, like the fact that 66/70 people completed checkout once they got there (pretty good), but only 70/525 even proceeded to checkout after adding to cart, so I’m losing a lot of people at that stage.

    Here is some more interesting data that only Google Analytics knows:

    Of 66 sales, 56 of them came from returning visitors, not new visitors. So people tend to not buy on first look, but do come back later. I’m not sure if that means I should be making things more enticing for those new visitors or if I should lean into reminding people about it after they’ve looked at it. Either way, now I know because I have the data.

    There is data in the WooCommerce analytics that I’d normally have to go to Google Analytics to see. I can see individual orders. I can see what the top sellers are and compare product sales over different time periods. All useful stuff, and you might appreciate having all this in one place.

    Again, my favorite part about this is having all this data. It feels like it should have been hard-won to get, but all it took was clicking a few buttons. That’s why I never regret just doing things the standard WordPress and WooCommerce way! Things tend to just work!


    The post WooCommerce + Google Analytics appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

    Categories: Designing, Others Tags:

    Avoid These 8 Rookie Mistakes That Startups Make At The Beginning

    October 12th, 2021 No comments

    With the rapid rise of technological innovation, it’s no surprise that entrepreneurs and tech experts around the world are rushing to create startups.

    There are presently around 1.35 million tech-related startups internationally. While millions of people hope to establish a business ‘with legs’, not all startups are able to fare well — 90% are destined to fail within their first year, while 30% fail in their second year, and 50% by their third year.

    The most common reasons startups find themselves on a downward spiral include an unsustainable business model, development issues, lack of investors, and cash flow problems. This might not be a secret to those who have business experience, but for aspiring entrepreneurs who need some guidance, here are a few mistakes to steer clear of:

    A lack of goals

    1. No clear business plan or SMART goals

    Some ideas seem so promising that entrepreneurs rush into them with excitement — however, enthusiasm alone won’t necessarily translate to a thriving business. Rushing headlong into ventures with little planning might cause success to be either elusive or very short-lived.

    Not only do good business plans include short- and long-term plans, they also provide businesses with guiding goals that are SMART: Specific, Measurable, Attainable, Realistic, and Time-bound. A thoroughly prepared business plan is essential to help startups navigate the rocky road to success.

    2. Hasty efforts to raise money without a clear plan

    Not having a concrete plan can be a turnoff for investors. Who would want to invest in something rushed and not thought through thoroughly? Creating a comprehensive business plan should also include being able to draw up projected finances and anticipate which areas of the business you’re planning to allocate funds to.

    This will not only show investors that you’ve got a realistic grasp of how you’re going to run your business, but will also give you a better idea of how much you need to earn or acquire in order to successfully grow and stay in operation.

    3. No Plan B, C, D, E, F…

    It’s a simple fact of life: not everything will go the way that you’ve planned it. Instead of faltering and losing momentum the first time that things don’t go your way, you can instead take a second to breathe and refer to the next plan, or the one after that, or the one after that!

    From economic downturns to daily operational mishaps, it’s better to be safe than sorry. Having not just one, but several backup plans can help you prepare for any emergency that your business might have to make it through. 

    No awareness of competition or customers

    4. No consideration for competition

    Conceptualizing a good product or service often stems from real-life problems that entrepreneurs and innovators see in their daily lives. When you see something broken that you can’t fix, why not just create something entirely new that can address or even eliminate the problem?

    While a lot of our best ideas can come from wanting to create solutions, part of creating a good, sustainable solution is being able to look at what’s already being done about it. What are your competitors doing that you need to do better?

    What kind of edge can you offer that others can’t? You’ll need to learn how to measure up against others and develop your product or service after observing how things are already playing out in your industry and community.

    5. No consideration of people’s changing needs

    Customer needs are always changing — what someone might need now might not be what they need tomorrow, which is something that only gets truer as time goes on, as technology continues to evolve and influence how we live our daily lives.

    Development of your products and services doesn’t stop after you complete your business plan, but rather is a continuous effort throughout the span of your operations, in order to provide the best possible quality of offerings. Businesses that fail to listen to what their consumers need and want put themselves at risk of becoming irrelevant to their target market.

    Mishandling finances

    6. Not properly keeping track of expenses

    Mismanaged funds are a fast track to the road of failure. Whether intentional or unintentional, not keeping track of even “the small purchases” you make can lead your business not only towards closure but into peril for potential illegal activity. Depending on how many people are involved in the mishandling of funds, things can quickly turn fraudulent if expenses aren’t properly recorded and kept track of.

    7. Poor budgeting

    Budgeting issues are also a major problem: when entrepreneurs put too much into one area and leave next to nothing for another, it can be hard for a business to achieve dynamic development. Particularly in the early years, money doesn’t always come easy for startups, so each budgeting plan should be thoroughly planned and realistic. Being able to evaluate which areas need a certain amount of funding can help a business grow exponentially.

    Bad marketing

    8. Not investing in marketing

    One of the biggest possible mistakes that an entrepreneur can make is underestimating the power of marketing. Having a good product or service can be worth very little when people don’t actually know about it! Depending on your target market, you and your marketing team should know how to best capture the attention and develop a relationship with the people you want your product or service to benefit.

    Whether it’s curating social media profiles, creating ad campaigns online, or drawing out a traditional marketing series of print ads and commercials, you should know when and how to speak to your customers.

    True enough, the world of business can feel intimidating — it’s certainly difficult to get it right on the first try. Entrepreneurs can feel tempted to throw in the towel when the going gets tough, but keeping yourself well-informed and in tune with the needs of your business and target market can help you stay on top of your game.

    A little preparation can take you far!

    Entering the world of business doesn’t have to feel intimidating at all. If you’re in need of inspiration, look no further: take a page from the book of startups set to become the biggest tech companies in New York City and see what you can do to up your game!

    Categories: Others Tags:

    Handling an ERP transformation: A Roadmap to success

    October 12th, 2021 No comments

    Is your business suffering from low productivity? Poor processes and a lack of suitable technology may be huge contributing factors that, in turn, cause your company to deal with low-performance indicators.

    An antiquated legacy application may not provide the visibility you need. If you’re refusing to switch to a sustainable ERP system, then that is likely a part of your problem. Many companies have an attitude of “if it’s not broke, don’t fix it,” but that mentality will only hold your company back from success.

    76% of managers agree that companies need to radically reengineer the experiences, bringing people and technology together in a more human-centric way. (Accenture)

    The hallmark of any thriving business is to assess its current state and have a better plan to grow profits and optimally operate. The conservative approach of not revamping your existing business applications and moving to a newer ERP system may be holding your company back from its true growth potential. You need to reassess your legacy processes based on different attributes, such as:

    1. Productivity 
    2. Employee engagement
    3. Overall cost savings
    4. Operational efficiency
    5. Process management
    6. People management
    7. Overall performance

    We will touch upon these points in a later article. For this article, let’s look at different aspects that will help handle your ERP conversion in a better way.

    What are some preparatory steps for an ERP implementation?

    Creating a budget for the ERP implementation – It’s essential to know your budget before you spend. Knowing what features you need and the spending associated with them, helps you choose the right solution for your company.

    Identification of the right ERP system – Budgeting is one thing. Identifying an ERP system that fulfills your company’s short-term and long-term goals is another. There is always a delicate balance between price and growth prospects on a technology platform. That is where the ROI calculation comes in handy. You can be more aware of the spending involved with the right tools, even if it means more short-term investments that yield long-term gains. To understand the right ERP system, make a matrix of competing systems with different attributes, such as increased productivity, higher visibility, streamlined operations, etc. 

    Identification of a systems specialist with ERP transformation expertise – Shop for systems integrators, who have done this many times and know the pitfalls and methods of handling an ERP transformation. Try not to do the transformation yourself unless you have a team that has always done ERP transformations as a living. To use an analogy, you let a qualified builder build your house unless you have a lot of time and money to spend on making mistakes trying to do it yourself.

    Choosing an internal champion to spearhead the transformation – If you want the ERP deployment to go well, you need an internal champion, who will be part of the transformation. The role of an internal champion is to understand the future state, make those necessary negotiations with the users on the solution, and be part of the process from start to finish. This individual then takes over the management of the application moving forward.

    The right superuser group – The superuser group contributes toward requirements, design, and user acceptance testing. The right people know their respective functions well enough to participate in the required gathering and design. They also will be those who use the system as it is being built and once the final solution is ready for testing.

    Some key elements involved in building an ERP system

    Key elements involved in building an ERP system

    The project team

    The project team comprises sponsors, internal IT/ business relationship managers, superusers, and systems integrators. This team will be responsible for the transformation and involved in all phases of the project. The internal champions, who take on the role of change agents, influence the company users to move toward new solutions and must not get in the old ways of working. These champions not only understand the solutions but also bridge the gap between the present (as-is state) and the future (to-be state).

    Methodology

    Businesses that do not leverage a proper approach to an ERP conversion, hinder project completion. An ERP system conversion requires a structured deployment procedure to ensure the project stays on track. Without a structured methodology, you may spend more on an ERP implementation than expected. Without structure, if the process breaks down, cost tracking can become a challenge and the use cases that surface can turn into customizations. A reliable transformation procedure includes tracking risks related to people, processes, or regulations, and it allows a delicate balance between accommodating must-have vs. nice-to-have requirements.

    Requirements

    It sounds simple, but it is essential to freeze the project scope and capture the project requirements accurately when producing a solution. When the project team cannot capture high-level and detailed requirements, the project scope is not concrete. Every conference room pilot will surface delta requirements and use cases to analyze. Have deep-dive sessions to go over the different user scenarios in each functional area early on.

    System Design and Build

    When it comes to system design, it’s essential to have a clear starting point. I call it the starter pack by industry, which provides you with a starting point to run your first conference room pilot (CRP), where the project team can showcase the base system. During the CRP, you get the opportunity to dive into additional details of a scenario, where those oddball situations start surfacing. 

    The implementation team often works toward the to-be state while the user groups fixate on the current system. Those little flexibilities that your current system may have could be eliminated in the new system due to industry best practices for managing data integrity in the system. As you run through multiple rounds of CRPs, you will understand how to progress to the future state and what processes to re-engineer as part of the design. 

    Training

    Once the project team has designed and built the system, sufficient training is required to ensure that users can confidently use the system and follow the process per the agreed design. The more the end-users train, the better they become at handling the system.

    …an average of 53 percent of employees have been trained in new digital and analytics capabilities since their transformations…

    You will notice that, initially, your end users may have difficulty using the system and feel frustrated that they need someone’s help in order to move forward. To help combat this, split your training plan to accommodate two levels of comfort in using new systems: a basic level 2 user group, which have difficulty using newer systems, and an advanced level 1 group, who is nimble with newer and more sophisticated applications. Encourage the level 1 group to show more optimism about using the new system, which may help the level 2 group adapt to the new ERP system more readily.

    Final Thoughts 

    As you get ready to move forward, here are some questions to ask yourself:

    • Are there significant reasons for the persistent problems in operations?  
    • What are the substantial issues that slow you down from operating at full speed? 
    • Did you notice a downward curve in your company’s growth rate? 
    • Have your competitors made rapid changes to move forward?
    Categories: Others Tags:

    Bridging The Gap Between Designers And Developers

    October 12th, 2021 No comments

    In the past couple of years, it’s no secret that our design tools have exponentially evolved. With many having great component management and prototyping, you may be wondering what big leap could possibly be next?

    Let’s look at a typical dilemma:

    Let’s say that you’re a designer for the design systems team where you are creating components, variants and spending many hours to document all the use cases and properties that may or may not be changed. You finally finish a large complex component and deliver it to the developers.

    How do we know the code is the same UI? Do we really need to audit every single component? How do we bridge this gap between what is designed over what is developed without the overhead of constantly doing reviews?

    All of this and you have to help teach people the different ways to use components, proper spacings and design for responsive web, and of course, the component will need to be updated for future use cases.

    There are so many touchpoints, people involved. It almost feels like the farther we go into design systems, the more overhead there is for everyone! Now, it appears that a light at the end of the tunnel is glistening, and the next big thing is on its way.

    A Hidden Gem In All The Chaos

    I recently had the opportunity to revisit a tool I haven’t used in quite some time — a tool that is aiming to bridge this gap and minimize all that overhead: UXPin. A new feature called “Merge” has been launched to help break through the chasms of design and development, all while improving the agility and quality our teams expect. This new technology may cause some to rethink how entire design and engineering teams collaborate and work through use cases and building components.

    Out With The Old Process

    If we look at the current process most companies employ today, it can be pretty tedious with some obvious flaws. When we create a new component from scratch, we will design the base level of the component, add variants, write documentation, publish to the library and deliver it to the developers. Listing the process out is long-winded, but luckily it only needs to be done once (we hope):

    Now, what happens when we need to update a component? A new use case has come in, or perhaps we decided to change our borders from rounded to razor-sharp? We now need to add the variants to the library, (possibly) update the documentation again, publish and deliver it to our developers. Phew! Let’s hope nothing broke along the way for our designers with all that reorganization of the component.

    I almost forgot, we still need to publish the updates to the development library! Let’s hope that they can finish before the product teams go their own way to meet deadlines.

    In With The New Process

    So, you may be wondering, how does UXPin Merge’s technology help with this over-the-top process we all employ today? Well, take a look at the diagram below. You may notice the creation of a component and variants are not needed (in most cases). This new process reduces the amount of fiddling with auto-layout tools, because of our now synergized relationship with developers:

    We only need to design the detail level required for documentation and implementation. Simple components such as a button or other atomic-level components may not need to be designed. Why waste your time doing double the work when the development can begin immediately with little overhead? In a way, we’ve come full circle; we are returning to the old ways when static components displayed only a few interactions in the documentation.

    Notice that publishing to the library is now at the tail end of the process. That’s because, once the developer finishes with the component, it can now utilize Merge to make it available to designers in UXPin, and of course, all your product developers have it at the same time!

    When updating components, it’s essentially the same as a new, except it may even be possible to skip the first step depending on the scenario. For example, let’s say that you want to add an option to add an icon to buttons; this is not something that needs designing, but instead, it needs to be communicated with your new best friends in development.

    While this new relationship forms with your developers, the new way to officially launch components to designers may be only upon release by developers. Gone are the days of product designers asking if a component is available to their product developers. If it’s in the library, then it’s available in development and ready for designers to work on right away.

    But enough about the process. Let’s take a gander at how UXPin Merge works.

    Managing Libraries

    The best part is that libraries can be imported directly from your code repository such as GitHub, Bitbucket, GitLab, (works only for React components), or even from Storybook. Once a library is created, you will have options to name the library.

    When importing with Storybook, the process is quite straightforward. Simply grab the library URL, and UXPin will do the rest for you. With React components, using the CLI, you have control over the components that are published by specifying the UXPin library’s unique token.

    Version Control And Testing

    One of the biggest concerns amongst designers and design systems teams is version control. Most concerns can be resolved with this UXPin’s Merge feature. Let’s paint a quick picture:

    Today, when we set out to upgrade a component, there is always the fear of breaking a component or layers that may get renamed and cleaned up. A total re-structure of the component could even occur which often leads to anxiety (on the designer’s side) on whether they should upgrade a component or stick with the old one.

    When a component is developed, however, as long as the properties are remaining the same, it doesn’t matter how the component layout changes or the actual markup of the component. This, in turn, allows designers to upgrade their components to the latest versions with confidence.

    Of course, in the hopefully rare instant that a component gets totally screwed up, just like with any coding project, it can easily be rolled back and republish the old version of the component.

    Testing Updates

    When testing new components or updates, today it’s not so easy. We obviously can’t edit the existing design library to test as this may accidentally be published, and block any other updates that are ready to go. It’s also very cumbersome to create a component in a new file, test it, and then try to handle the merging back to the current library without breaking layers.

    Luckily for us, developers have figured out this issue long ago, and it fits right into UXPin’s Merge technology. When testing new components, it’s already best practice to fork or branch the code, and this new branch may be published into a test environment within UXPin. Your team may test it or you may grant access to a small group of beta testers in your company. Once the component has been tested and tried, the component can be quickly introduced and published to the primary design library without a stitch.

    Designing With Code

    So, how do our team members on the ground design, and what does this technology mean for them? Well, I’m glad you asked! From a product designer’s perspective — there isn’t much difference. When a designer uses a component from the development library utilizing Merge, they will be marked with an orange hexagon for each component. Anything new will keep behaving exactly the same as the developer’s library.

    Components from the developers can have restrictions defined, but in a good way. A common issue often is using icons as links rather than wrapping the icon in a button component. If we were to use just an icon from the library, it’s locked and the user may not add interactions:

    Alternatively, the icon button below allows for interactions. This allows us to really refine and control what components should be interacted with, and which should not; both from a standards point of view as well as accessibility.

    With these types of restrictions, it puts an ease to the Design Systems team that components will have to be used in their proper ways, and if it’s over-ridden it will be obvious from the layer panel that something has been custom made.

    Hand-Off

    When you are ready to hand off to the developers, the finished prototype can display each component and their configuration to copy and paste to the developer’s tools and quickly build out the project. If your team doesn’t have a component library yet, UXPin comes with a default library or you can easily import some of the public libraries available directly in UXPin.

    Accessibility

    Speaking of accessibility, oftentimes it is overlooked or there isn’t enough time to create documentation on all the meta labels, aria tags, and so on. Designers don’t know what tags they need to input and developers don’t want to go through the hassle.

    With UXPin, we can expose multiple properties even meta-level data that may never be visible to the interface, such as the ARIA labels. Designers may then enter all the information required (or a copywriter if you are lucky enough to have one on your team), and there will be little to no overhead for the product developers to implement.

    Layouts, Templates And Grids

    Just by reading the title, you know what’s coming, and I’m sure you’re bouncing in your chair right about now — I know I am. Grids, layouts and even page templates can be pulled into the library as a ‘component’ which allows users to bring components into the active area of a page and allow for all the spacing to be handled by the development library.

    Common templates (e.g. login screens, completion pages, forms, profile pages, and so on) can all be utilized as a drag-and-drop component as well. Talk about speeding up the process and reducing human error in design!

    In Closing

    If you are ready to take the leap, it’s never too late to try out new software and new processes to improve your workflow. After all, we all want to be agile and as adoptive as possible. Let’s build stronger relationships across our teams, reduce our workload and work more efficiently. With tools like UXPin Merge, we get closer to a much more seamless work environment.

    Categories: Others Tags:

    Those “Get The App” Banners

    October 11th, 2021 No comments

    Why would a company promote a native app over their perfectly usable website?

    We’d have to ask them, I suppose. But it’s hard not to see this push to native as a matter of priorities: that these companies consider native applications worthy of their limited time, resources, and money. They’re a worthy investment, to hear these banners tell it.

    —Ethan Marcotte, “Locus.”

    Ethan shows off that the web is absolutely covered in amazingly obtrusive “get the app” banners, often covering up perfectly usable websites.

    What I always think of when I see banners like this is a comment I remember Tim Holman making one time that was something like, What would it feel like to work on the web team at a company like this? There are a bunch of people in the world that work on websites that only exist behind big stupid banners telling people not to use the thing they work on all day.

    Sure would be nice to get to a point where companies didn’t really care which method you used, because it’s probably all built with one technology anyway and is fully capable of anything the device can do.


    The post Those “Get The App” Banners appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

    Categories: Designing, Others Tags: