Tuesday, September 17, 2019
In the previous post we created the JavaScript business objects in our AngularJS application. While that's great and all we should we really take a step back create some rough mockups of our banking application so that we will know what we will be building.
First let's mock up the home page:
On our home page we have a profile section were we can access our account/profile. Then we have the ACME bank logo/branding, and finally the accounts that we have in the bank.
The next mock-up is the the Accounts Details page, when we click on one of the accounts:
As you can see from the mock-up it's pretty straightforward. You have an identification of the account, then a display of upcoming transactions, and past transactions. There's also a search box for searching of transactions.
Finally we have the Money Transfer screen which enables the users to transfer money into and out of the account. It just has the basic information, where the money is coming from, where it's going to, the transfer date, the amount and the transfer button.
As you can see the mock-up is pretty simple and easy to change. Actually it's just pen and paper. I am a big fan of low-fidelity design. Meaning simple and low effort. We can change it anytime.
Previous: AngularJS SPA: Building The Bank Application JavaScript Objects (Business Entities)
First let's mock up the home page:
On our home page we have a profile section were we can access our account/profile. Then we have the ACME bank logo/branding, and finally the accounts that we have in the bank.
The next mock-up is the the Accounts Details page, when we click on one of the accounts:
As you can see from the mock-up it's pretty straightforward. You have an identification of the account, then a display of upcoming transactions, and past transactions. There's also a search box for searching of transactions.
Finally we have the Money Transfer screen which enables the users to transfer money into and out of the account. It just has the basic information, where the money is coming from, where it's going to, the transfer date, the amount and the transfer button.
As you can see the mock-up is pretty simple and easy to change. Actually it's just pen and paper. I am a big fan of low-fidelity design. Meaning simple and low effort. We can change it anytime.
Previous: AngularJS SPA: Building The Bank Application JavaScript Objects (Business Entities)
Subscribe to:
Post Comments (Atom)
New imaginative medicines and more up to date forms of old restorative medications contain the advanced spa. As the spa business keeps on developing, the present spa-goer frequently requires a manual for the numerous expert administrations now accessible and promoted under the heading "spa" cbd anti-aging facial in Manhattan
ReplyDeleteBanks are moving towards customer-specificity, almost viewing each client as a "segment of one", across other channels, and online banking is set to follow suit.Best banks in India
ReplyDeleteThere are more elements to the payout cycles than just the total overhead cost. The average pay structure of the banking sector shows fewer deviations than that of its closest rival, the IT industry.myifsccode.com/bank-of-baroda-ifsc/
ReplyDeleteSeseorang yang sangat terpaku pada perjudian tidak bisa memikirkan hal lain. Dia akan selalu menemukan cara dan sarana untuk bertaruh terlalu banyak yang dapat menyebabkan kehancuran. Ketika seseorang terus bertaruh seseorang akan memiliki kebutuhan untuk memiliki sejumlah besar uang untuk mendukung keasyikannya 98toto
ReplyDeleteI was more than happy to uncover this great site. I need to thank you for your time due to this fantastic read!!
ReplyDeleteI definitely enjoyed every bit of it and I have you bookmarked to see new information on your blog.
Classified WordPress Theme
moto kurye istanbul
ReplyDeleteGoing through with exchanges online isn't just generally free, yet additionally extremely proficient. Exchange time online is basically substantially less.Columbus Financial & Success Coach
ReplyDelete
ReplyDeleteMua vé tại đại lý vé máy bay Aivivu, tham khảo
giá vé máy bay đi Mỹ khứ hồi
vé máy bay từ mỹ về việt nam 2021
vé máy bay từ đức về việt nam giá rẻ
chuyến bay từ nga về việt nam hôm nay
chuyến bay từ anh về việt nam
ve may bay tu phap ve viet nam
ve may bay chuyen gia nuoc ngoai sang Viet Nam
Some of the banks are nevertheless not so many. On the off chance that they will be, they should consent to a similar protectionist banking guidelines and rules as the wide range of various F.D.I.C.Bookkeeping Services
ReplyDeleteLiên hệ Aivivu, đặt vé máy bay tham khảo
ReplyDeletevé máy bay đi Mỹ bao nhiêu
thời gian bay từ los angeles về việt nam
ve may bay tư duc ve viet nam
vé máy bay nhật về việt nam
Chuyến bay từ Hàn Quốc về Việt Nam
vé máy bay từ Toronto về việt nam
vé máy bay cho chuyên gia nước ngoài
However not all payment processors are the same, and it's therefore very important to find the one most suited to you. How to be a Payment Processor
ReplyDeleteThis can be consequently lovely along with inventive. I merely enjoy your hues along with anyone becomes the idea inside snail mail are going to be cheerful. merchant portfolios for sale
ReplyDeleteFor all your massage therapy equipment and suppliers, then look no further than Keep Fit Sporting Goods, which is a sporting website selling all kinds of health and sporting goods. 마사지 출장비
ReplyDeleteThe magnificence of seaward web based banking is that as well as empowering you to direct banking exercises permitted by conventional and neighborhood physical organizations, it permits you more assortment and adaptability as far as your banking needs. NFT Drops
ReplyDeleteBank mockups are essential tools for showcasing financial products and services in a visually appealing way. They help present ideas clearly and professionally, whether it's for app interfaces, website designs, or marketing materials.
ReplyDelete