Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Nov 2018
    Posts
    5

    Default Please review my web application design

    Hi!
    I need opinions and critique for my VAT calculator web app https://vatulator.com/

    Click image for larger version. 

Name:	Screenshot_1.jpg 
Views:	398 
Size:	28.2 KB 
ID:	127963

    Is it convenient to calculate VAT on this calculator?
    Last edited by Barbara B; 29 September 2020 at 04:07 PM.

  2. #2
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,659

    Default Re: Please review my web application design

    Nice design!

    Caveats - not all countries have the same vat rate for all things and sometimes items are VAT exempt.

    Vat applies to currencies so decimals/commas should be present (or another local number convention).

    I toyed with the idea of having no buttons because I don't like the ambiguity of what the entry field represents, so you can do this without the need for any buttons and the user could enter any variable and have the other values change accordingly. I was too lazy to get the fonts or spacing exactly right.

    Click image for larger version. 

Name:	vat@1x.jpg 
Views:	368 
Size:	38.8 KB 
ID:	127964

    Paul

  3. #3
    Join Date
    Nov 2018
    Posts
    5

    Default Re: Please review my web application design

    Quote Originally Posted by pauland View Post
    Nice design!

    Caveats - not all countries have the same vat rate for all things and sometimes items are VAT exempt.

    Vat applies to currencies so decimals/commas should be present (or another local number convention).

    I toyed with the idea of having no buttons because I don't like the ambiguity of what the entry field represents, so you can do this without the need for any buttons and the user could enter any variable and have the other values change accordingly. I was too lazy to get the fonts or spacing exactly right.

    Click image for larger version. 

Name:	vat@1x.jpg 
Views:	368 
Size:	38.8 KB 
ID:	127964

    Paul
    Thanks for the tip about "no buttons". I will try to implement this option, the main thing is that users do not get confused in which field to enter the amount

  4. #4
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,659

    Default Re: Please review my web application design

    Quote Originally Posted by antony_k View Post
    Thanks for the tip about "no buttons". I will try to implement this option, the main thing is that users do not get confused in which field to enter the amount
    I think the fields are clearly named and you can change ANY field!

  5. #5
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,486

    Default Re: Please review my web application design

    Antony - What do you plan to do with this app?

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

    Info Re: Please review my web application design

    As presented you offer no opportunity for What If scenarios.

    I would prefer to see a set of sliders where the VAT can be dragged to a new value horizontally and the amount vertically.
    A presentation like this might work on a phone:
    Code:
    <form>
        <input type="range" style="width:50%; height: 100%" id="capThou" data-filter="" data-unit="" min="0" max= "9" value="7" ignore="0" step="1"><strong><span id="capThouVal">7</span></strong>,000
        <input type="range" style="width:50%; height: 100%" id="capHun" data-filter="" data-unit="" min="0" max= "9" value="3" ignore="0" step="1"><strong><span id="capHunval">3</span></strong>00
        <input type="range" style="width:50%; height: 100%" id="capTen" data-filter="" data-unit="" min="0" max= "9" value="4" ignore="0" step="1"><strong><span id="capTenVal">4</span></strong>0
        <input type="range" style="width:50%; height: 100%" id="capUnit" data-filter="" data-unit="" min="0" max= "9" value="6" ignore="0" step="1"><strong><span id="capUnitVal">6</span>.<span id="capDecimal">38</span></strong>
    </form>
    <form>
        <input type="range" style="width:100%; height: 100%" id="capDeci" data-filter="" data-unit="" min="0" max= "99" value="38" ignore="0" step="1">
    </form>
    Obviously, you would still have an input box for both that can reflect the sliders' setting or adjust the sliders to the typed value.
    An on-line example of a slider (almost) in action is http://www.vatcalculator.co.uk.

    You need yours to be interactive to steal a march on the large number of simplistic calculators already out there.
    This is the type of interactive i would promote: CSS3 Image Filter Generator.xar, which you won't be able to see or use without a Xara Desktop application.
    So view here; http://acorn.xara.hosting/ImageFiltering/.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  7. #7
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Please review my web application design

    I think this is great, I just can't follow the steps to apply the generated code to an object. Any help would be gratefully accepted.

    Edit: No sooner posted this and got it to work 100%. It was me not naming the image htmlclass="filter"

    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  8. #8
    Join Date
    Nov 2018
    Posts
    5

    Default Re: Please review my web application design

    Quote Originally Posted by gwpriester View Post
    Antony - What do you plan to do with this app?
    I made this calculator while learning css/html and javascript. Now I will improve the usability of the website.

  9. #9
    Join Date
    Nov 2020
    Posts
    1

    Default Re: Please review my web application design

    Hi Antony,

    In my opinion, you have to work on UI/UX part.
    When I enter the amount and click on Add/Remove VAT button, then the new popup comes and it shows the calculated result.
    I think it's not a proper way to show results. You can show results just below the calculator and remaining fields stays as it is.
    Look at this one: vat-calc_dot_net
    Last edited by Acorn; 17 March 2024 at 01:42 PM. Reason: Removed Link in first post

  10. #10
    Join Date
    Mar 2024
    Posts
    1

    Default Re: Please review my web application design

    I just saw your web app it is good but for recent time I have used onlinevatcalculate_dot_com to calculate VAT. Please have a look on it and try to replicate it if it is possible.
    Last edited by Acorn; 17 March 2024 at 01:32 PM. Reason: Removed Link

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •