<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: jianqiang lou</title>
    <description>The latest articles on DEV Community by jianqiang lou (@jianqiang_lou_46699ce6ff0).</description>
    <link>https://dev.to/jianqiang_lou_46699ce6ff0</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4010518%2Fc9fbd3c3-e730-4fca-b293-98e6a7620eb1.jpg</url>
      <title>DEV Community: jianqiang lou</title>
      <link>https://dev.to/jianqiang_lou_46699ce6ff0</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jianqiang_lou_46699ce6ff0"/>
    <language>en</language>
    <item>
      <title>What I changed after building small-business calculator pages</title>
      <dc:creator>jianqiang lou</dc:creator>
      <pubDate>Wed, 22 Jul 2026 11:34:10 +0000</pubDate>
      <link>https://dev.to/jianqiang_lou_46699ce6ff0/what-i-changed-after-building-small-business-calculator-pages-4pmn</link>
      <guid>https://dev.to/jianqiang_lou_46699ce6ff0/what-i-changed-after-building-small-business-calculator-pages-4pmn</guid>
      <description>&lt;p&gt;I’ve been building a small set of calculator pages for freelancers and small-business owners. The first version was pretty simple: put the formula on a page, add a few inputs, show the result.&lt;/p&gt;

&lt;p&gt;That works for a demo. It does not always work for a real user.&lt;/p&gt;

&lt;p&gt;The more I worked on it, the more I realized the hard part is not the math. The hard part is making the page feel trustworthy when someone is using it for a business decision.&lt;/p&gt;

&lt;p&gt;Here are the changes that mattered most.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Explain the assumption close to the input
&lt;/h2&gt;

&lt;p&gt;At first I wrote explanations below the calculator. Most people never read them.&lt;/p&gt;

&lt;p&gt;So now I try to put small notes near the input itself.&lt;/p&gt;

&lt;p&gt;For example, if a calculator asks for payment processing fees, the user should not have to scroll down to understand whether that means percentage fee, fixed fee, or both.&lt;/p&gt;

&lt;p&gt;This is boring UI work, but it reduces bad inputs.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Show intermediate numbers
&lt;/h2&gt;

&lt;p&gt;A single final result can feel like a black box.&lt;/p&gt;

&lt;p&gt;For business calculators, I’ve found it helps to show a few intermediate numbers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;subtotal&lt;/li&gt;
&lt;li&gt;estimated fees&lt;/li&gt;
&lt;li&gt;estimated tax&lt;/li&gt;
&lt;li&gt;net amount&lt;/li&gt;
&lt;li&gt;break-even number&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Even if the final number is the same, users trust it more when they can see how the result was built.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Avoid pretending the answer is exact
&lt;/h2&gt;

&lt;p&gt;Small-business math has a lot of messy edges.&lt;/p&gt;

&lt;p&gt;Taxes vary. Fees vary. Local rules vary. Some people include owner salary in cost. Some do not. A calculator should not act like it knows every detail.&lt;/p&gt;

&lt;p&gt;I now prefer wording like:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;estimated monthly amount&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;or&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;rough break-even point&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That feels less flashy, but it is more honest.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Make the empty state useful
&lt;/h2&gt;

&lt;p&gt;A blank calculator page is not very helpful.&lt;/p&gt;

&lt;p&gt;I started adding realistic default numbers or examples where it makes sense. Not because the default is “correct”, but because it helps the user understand what kind of number belongs in each field.&lt;/p&gt;

&lt;p&gt;This is especially useful for people who are not spreadsheet-heavy.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Keep the result easy to copy
&lt;/h2&gt;

&lt;p&gt;A lot of users are not trying to stay on the page. They want a number they can take somewhere else.&lt;/p&gt;

&lt;p&gt;So the result should be easy to scan, easy to copy, and easy to compare with another scenario.&lt;/p&gt;

&lt;p&gt;For some tools, a simple “copy result” or clean summary block is more useful than adding charts.&lt;/p&gt;

&lt;h2&gt;
  
  
  6. One calculator, one job
&lt;/h2&gt;

&lt;p&gt;I was tempted to make each page handle too many related cases.&lt;/p&gt;

&lt;p&gt;That usually made the page worse.&lt;/p&gt;

&lt;p&gt;A quote calculator, an invoice calculator, and a payment fee calculator may share ideas, but the user’s mental model is different in each case.&lt;/p&gt;

&lt;p&gt;For now I’m trying to keep each calculator focused on one job and link related tools only when it actually helps.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I’m still working on
&lt;/h2&gt;

&lt;p&gt;The next thing I want to improve is methodology pages. Calculator sites need a clear place that explains formulas, assumptions, and limits without making every tool page too heavy.&lt;/p&gt;

&lt;p&gt;I’m also thinking about printable summaries and lightweight templates, because a lot of small-business owners still move numbers into invoices, emails, or spreadsheets after calculating them.&lt;/p&gt;

&lt;p&gt;The project is here if anyone wants to look at the current direction: &lt;a href="https://bizcalckit.com/" rel="noopener noreferrer"&gt;https://bizcalckit.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Curious how other people handle this: do you usually put calculator assumptions directly in the UI, or keep them in a separate methodology section?&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>seo</category>
      <category>productivity</category>
      <category>indiehackers</category>
    </item>
    <item>
      <title>What I changed after building small-business calculator pages</title>
      <dc:creator>jianqiang lou</dc:creator>
      <pubDate>Tue, 21 Jul 2026 06:33:34 +0000</pubDate>
      <link>https://dev.to/jianqiang_lou_46699ce6ff0/what-i-changed-after-building-small-business-calculator-pages-3ep6</link>
      <guid>https://dev.to/jianqiang_lou_46699ce6ff0/what-i-changed-after-building-small-business-calculator-pages-3ep6</guid>
      <description>&lt;p&gt;I’ve been building a small set of calculator pages for freelancers and small-business owners. The first version was pretty simple: put the formula on a page, add a few inputs, show the result.&lt;/p&gt;

&lt;p&gt;That works for a demo. It does not always work for a real user.&lt;/p&gt;

&lt;p&gt;The more I worked on it, the more I realized the hard part is not the math. The hard part is making the page feel trustworthy when someone is using it for a business decision.&lt;/p&gt;

&lt;p&gt;Here are the changes that mattered most.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Explain the assumption close to the input
&lt;/h2&gt;

&lt;p&gt;At first I wrote explanations below the calculator. Most people never read them.&lt;/p&gt;

&lt;p&gt;So now I try to put small notes near the input itself.&lt;/p&gt;

&lt;p&gt;For example, if a calculator asks for payment processing fees, the user should not have to scroll down to understand whether that means percentage fee, fixed fee, or both.&lt;/p&gt;

&lt;p&gt;This is boring UI work, but it reduces bad inputs.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Show intermediate numbers
&lt;/h2&gt;

&lt;p&gt;A single final result can feel like a black box.&lt;/p&gt;

&lt;p&gt;For business calculators, I’ve found it helps to show a few intermediate numbers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;subtotal&lt;/li&gt;
&lt;li&gt;estimated fees&lt;/li&gt;
&lt;li&gt;estimated tax&lt;/li&gt;
&lt;li&gt;net amount&lt;/li&gt;
&lt;li&gt;break-even number&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Even if the final number is the same, users trust it more when they can see how the result was built.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Avoid pretending the answer is exact
&lt;/h2&gt;

&lt;p&gt;Small-business math has a lot of messy edges.&lt;/p&gt;

&lt;p&gt;Taxes vary. Fees vary. Local rules vary. Some people include owner salary in cost. Some do not. A calculator should not act like it knows every detail.&lt;/p&gt;

&lt;p&gt;I now prefer wording like:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;estimated monthly amount&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;or&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;rough break-even point&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That feels less flashy, but it is more honest.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Make the empty state useful
&lt;/h2&gt;

&lt;p&gt;A blank calculator page is not very helpful.&lt;/p&gt;

&lt;p&gt;I started adding realistic default numbers or examples where it makes sense. Not because the default is “correct”, but because it helps the user understand what kind of number belongs in each field.&lt;/p&gt;

&lt;p&gt;This is especially useful for people who are not spreadsheet-heavy.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Keep the result easy to copy
&lt;/h2&gt;

&lt;p&gt;A lot of users are not trying to stay on the page. They want a number they can take somewhere else.&lt;/p&gt;

&lt;p&gt;So the result should be easy to scan, easy to copy, and easy to compare with another scenario.&lt;/p&gt;

&lt;p&gt;For some tools, a simple “copy result” or clean summary block is more useful than adding charts.&lt;/p&gt;

&lt;h2&gt;
  
  
  6. One calculator, one job
&lt;/h2&gt;

&lt;p&gt;I was tempted to make each page handle too many related cases.&lt;/p&gt;

&lt;p&gt;That usually made the page worse.&lt;/p&gt;

&lt;p&gt;A quote calculator, an invoice calculator, and a payment fee calculator may share ideas, but the user’s mental model is different in each case.&lt;/p&gt;

&lt;p&gt;For now I’m trying to keep each calculator focused on one job and link related tools only when it actually helps.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I’m still working on
&lt;/h2&gt;

&lt;p&gt;The next thing I want to improve is methodology pages. Calculator sites need a clear place that explains formulas, assumptions, and limits without making every tool page too heavy.&lt;/p&gt;

&lt;p&gt;I’m also thinking about printable summaries and lightweight templates, because a lot of small-business owners still move numbers into invoices, emails, or spreadsheets after calculating them.&lt;/p&gt;

&lt;p&gt;The project is here if anyone wants to look at the current direction: &lt;a href="https://bizcalckit.com/" rel="noopener noreferrer"&gt;https://bizcalckit.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Curious how other people handle this: do you usually put calculator assumptions directly in the UI, or keep them in a separate methodology section?&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>seo</category>
      <category>productivity</category>
      <category>indiehackers</category>
    </item>
    <item>
      <title>What I learned building small-business calculators as tiny web tools</title>
      <dc:creator>jianqiang lou</dc:creator>
      <pubDate>Tue, 07 Jul 2026 05:51:43 +0000</pubDate>
      <link>https://dev.to/jianqiang_lou_46699ce6ff0/what-i-learned-building-small-business-calculators-as-tiny-web-tools-51nn</link>
      <guid>https://dev.to/jianqiang_lou_46699ce6ff0/what-i-learned-building-small-business-calculators-as-tiny-web-tools-51nn</guid>
      <description>&lt;p&gt;I have been building a small set of free calculator-style websites lately, and one thing became pretty clear: simple tools are not always simple products.&lt;/p&gt;

&lt;p&gt;The project I used for most of this learning is &lt;a href="https://bizcalckit.com/" rel="noopener noreferrer"&gt;BizCalcKit&lt;/a&gt;, a free collection of calculators and templates for small business owners, freelancers, and solo operators. The tools cover things like pricing, invoices, profit margin, payment fees, sales tax estimates, quotes, and break-even math.&lt;/p&gt;

&lt;p&gt;A few notes from the build:&lt;/p&gt;

&lt;h2&gt;
  
  
  1. The hard part is not the formula
&lt;/h2&gt;

&lt;p&gt;Most calculator formulas are easy to find or write. The harder part is deciding what assumptions to show, what inputs to avoid, and how much explanation is enough before the page becomes noisy.&lt;/p&gt;

&lt;p&gt;For example, a payment fee calculator can be one formula. But users still need to understand whether the fee is deducted from what they receive, added to what they charge, or treated as a cost of doing business. That little UX detail matters more than the math.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Small business tools need plain language
&lt;/h2&gt;

&lt;p&gt;A lot of business calculators sound like accounting software. That is fine for accountants, but not always for a freelancer trying to send a quote tonight.&lt;/p&gt;

&lt;p&gt;So I tried to keep labels closer to the way people actually think:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What do I want to earn?&lt;/li&gt;
&lt;li&gt;What does this fee cost me?&lt;/li&gt;
&lt;li&gt;How much should I charge?&lt;/li&gt;
&lt;li&gt;How many sales do I need to break even?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The less the user has to translate, the more useful the tool feels.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Trust comes from showing the limits
&lt;/h2&gt;

&lt;p&gt;For money, tax, and pricing pages, I do not think a calculator should pretend to be advice. It should show the estimate, explain the assumptions, and make it clear when someone needs a real accountant or tax professional.&lt;/p&gt;

&lt;p&gt;That actually makes the page more trustworthy, not less.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Utility pages still need product thinking
&lt;/h2&gt;

&lt;p&gt;A calculator page can look like a commodity, but the product choices still matter:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;default values&lt;/li&gt;
&lt;li&gt;examples&lt;/li&gt;
&lt;li&gt;empty states&lt;/li&gt;
&lt;li&gt;mobile layout&lt;/li&gt;
&lt;li&gt;copy around the result&lt;/li&gt;
&lt;li&gt;whether a user can understand the answer in 10 seconds&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I found myself spending more time on result wording than on the formula itself.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Free tools can be a useful SEO experiment
&lt;/h2&gt;

&lt;p&gt;I also like this category because every page maps to a very specific job-to-be-done. People search for things like profit margin calculator, hourly rate calculator, payment fee calculator, or break-even calculator because they have a real decision in front of them.&lt;/p&gt;

&lt;p&gt;That makes the content strategy cleaner. Instead of writing broad articles, each page can solve one narrow problem well.&lt;/p&gt;

&lt;p&gt;I am still improving the toolkit, but this has been a useful reminder: a good calculator is part math, part UX writing, and part product judgment.&lt;/p&gt;

&lt;p&gt;Would love to hear from other builders who have worked on utility tools or calculator pages. What made the biggest difference for users?&lt;/p&gt;

</description>
      <category>seo</category>
    </item>
  </channel>
</rss>
