create account

Adding more contents to Bitshares Wallet landing page by bangking

View this thread on: hive.blogpeakd.comecency.com
· @bangking · (edited)
$4.65
Adding more contents to Bitshares Wallet landing page
I made some samples to maximize the use of space.

[![dex779ec8.md.jpg](http://www.steemimg.com/images/2017/03/21/dex779ec8.md.jpg)](http://www.steemimg.com/image/eN2XT)

[![dex39de09.md.jpg](http://www.steemimg.com/images/2017/03/21/dex39de09.md.jpg)](http://www.steemimg.com/image/eNZwx)

[![dex2e6e78.md.jpg](http://www.steemimg.com/images/2017/03/21/dex2e6e78.md.jpg)](http://www.steemimg.com/image/eNEJl)

[![dex5f9f1e.md.jpg](http://www.steemimg.com/images/2017/03/21/dex5f9f1e.md.jpg)](http://www.steemimg.com/image/eNlEL)

[![dex62a522.md.jpg](http://www.steemimg.com/images/2017/03/21/dex62a522.md.jpg)](http://www.steemimg.com/image/eN4HS)

[![dex43c210.md.jpg](http://www.steemimg.com/images/2017/03/21/dex43c210.md.jpg)](http://www.steemimg.com/image/eN9rp)

[![dex122bb6.md.jpg](http://www.steemimg.com/images/2017/03/21/dex122bb6.md.jpg)](http://www.steemimg.com/image/eNx0J)
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authorbangking
permlinkmaximizing-bitshares-wallet-landing-page
categorybitshares
json_metadata{"tags":["bitshares","design"],"image":["http://www.steemimg.com/images/2017/03/21/dex779ec8.md.jpg","http://www.steemimg.com/images/2017/03/21/dex39de09.md.jpg","http://www.steemimg.com/images/2017/03/21/dex2e6e78.md.jpg","http://www.steemimg.com/images/2017/03/21/dex5f9f1e.md.jpg","http://www.steemimg.com/images/2017/03/21/dex62a522.md.jpg","http://www.steemimg.com/images/2017/03/21/dex43c210.md.jpg","http://www.steemimg.com/images/2017/03/21/dex122bb6.md.jpg"],"links":["http://www.steemimg.com/image/eN2XT","http://www.steemimg.com/image/eNZwx","http://www.steemimg.com/image/eNEJl","http://www.steemimg.com/image/eNlEL","http://www.steemimg.com/image/eN4HS","http://www.steemimg.com/image/eN9rp","http://www.steemimg.com/image/eNx0J"],"app":"steemit/0.1","format":"markdown"}
created2017-03-22 02:54:06
last_update2017-03-22 05:45:39
depth0
children11
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value3.506 HBD
curator_payout_value1.147 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length889
author_reputation6,144,226,303,189
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,801,573
net_rshares4,742,872,472,984
author_curate_reward""
vote details (32)
@chris4210 · (edited)
It would be cool it that is a drag & drop interface. So that you can active certain windows and close it if you donΒ΄t want to see it. How difficult would that be?
πŸ‘  ,
properties (23)
authorchris4210
permlinkre-bangking-maximizing-bitshares-wallet-landing-page-20170323t102354195z
categorybitshares
json_metadata{"tags":["bitshares"],"app":"steemit/0.1"}
created2017-03-23 10:23:54
last_update2017-03-23 10:24:09
depth1
children1
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length162
author_reputation40,042,535,242,490
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,815,801
net_rshares2,586,487,040
author_curate_reward""
vote details (2)
@bangking ·
That would be a cool feature for active users of the wallet.  I don't think it's difficult to add this feature for our genius coders in bitshares.
πŸ‘  
properties (23)
authorbangking
permlinkre-chris4210-re-bangking-maximizing-bitshares-wallet-landing-page-20170323t172039016z
categorybitshares
json_metadata{"tags":["bitshares"],"app":"steemit/0.1"}
created2017-03-23 17:20:42
last_update2017-03-23 17:20:42
depth2
children0
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length146
author_reputation6,144,226,303,189
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,819,277
net_rshares121,886,915,964
author_curate_reward""
vote details (1)
@cm-steem ·
It'd be quite cool if Bitshares had drag and drop UI elements that the user could customize, so that their favorite trading pairs were on the front page without having to code such functionality into the client themselves.
properties (22)
authorcm-steem
permlinkre-bangking-maximizing-bitshares-wallet-landing-page-20170325t221806465z
categorybitshares
json_metadata{"tags":["bitshares"],"app":"steemit/0.1"}
created2017-03-25 22:18:06
last_update2017-03-25 22:18:06
depth1
children0
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length222
author_reputation58,522,774,254,119
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,844,495
net_rshares0
@full-steem-ahead ·
$0.10
Landing page for what, a specific user account? It may be good for some people but not everyone. 

What type of user do you think this style appeals to? We need to get far better at UI / UX design, and learn how to first identify / define the target audience [for a given UI design] in detail, then validate that definition by polls and use case trials by individuals to whom you show mock ups, and evaluate how they carry out tasks. You will learn a lot about your audience AND your software's ability to provide the features & functionality that audience needs or wants to use to accomplish particular use cases.

That's how quality UI software is designed, or used to be designed. It's an expensive, labor  intensive  approach. These days it's rare to see UIs designed with such a focus on users and use cases. Most teams cut most of the user polling and validation of assumptions about who their target audience is or how that audience can best be served out of the design process. They rely on marketers that may have a better handle on users but often have no clue how to design software or understand the costs / tradeoffs involved. 

A good quality UI design needs to be much more interactive than it is today from what I've observed. Quality of the end product requires a team effort where marketing AND engineering work together to arrive at the best way to address the needs of the target audience utilizing scarce project resources effectively to do so. 

Defining and understanding the target audience is a crucial 1st step before any tool can be created to help that audience accomplish anything. 

And let's not forget about the subjective and "artful" aspects of UI design either, the emotional appeal of certain colors and arrangement of information on a screen, the use of icons, symbols and animation. There's a lot of room for creativity in UI design beyond the realm of  engineering the software that involve more psychology and understanding of human behavior.
πŸ‘  , , ,
properties (23)
authorfull-steem-ahead
permlinkre-bangking-maximizing-bitshares-wallet-landing-page-20170322t170811355z
categorybitshares
json_metadata{"tags":["bitshares"],"app":"steemit/0.1"}
created2017-03-22 17:06:18
last_update2017-03-22 17:06:18
depth1
children3
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.103 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,982
author_reputation30,177,498,572,933
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,808,116
net_rshares683,900,764,699
author_curate_reward""
vote details (4)
@bangking ·
You are right.  Your message needs to be relayed to the bitshares wallet design team.  I am not sure who they are.  @Fav and @Svk?

Some must haves I think are important to show on the first page are account balances, transactions history, an option to send and receive money,  and an overview of the market.  This is just my take on what the landing page (the first page) should look like (assuming you already have a wallet created). 

I think the future is to have a wallet with multiple templates/themes or multiple wallets with different GUI.  The more options we have the better.
πŸ‘  
properties (23)
authorbangking
permlinkre-full-steem-ahead-re-bangking-maximizing-bitshares-wallet-landing-page-20170322t175556345z
categorybitshares
json_metadata{"tags":["bitshares"],"users":["fav","svk"],"app":"steemit/0.1"}
created2017-03-22 17:55:57
last_update2017-03-22 17:55:57
depth2
children1
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length585
author_reputation6,144,226,303,189
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,808,650
net_rshares115,471,815,124
author_curate_reward""
vote details (1)
@full-steem-ahead ·
> I think the future is to have a wallet with multiple templates/themes or multiple wallets with different GUI. The more options we have the better.

I agree, a modular design or one that offers a flexible and easy to use way to customize their UI to their needs / preferences is probably where the roadmap should head. 

Defining the target audience(s) is still the first step. Once that is done it becomes possible to come up with designs to meet the needs of that demographic, or design common UI elements (modules, plugins, novice/expert modes) for various audience segments. 

The brain-trust for BitShares UI is primarily @svk, with @cass contributing graphics and his UI experience. I think there are others who have contributed as well, don't mean to slight their contributions, but svk & cass are key contributors.
properties (22)
authorfull-steem-ahead
permlinkre-bangking-re-full-steem-ahead-re-bangking-maximizing-bitshares-wallet-landing-page-20170322t181435551z
categorybitshares
json_metadata{"tags":["bitshares"],"users":["svk","cass"],"app":"steemit/0.1"}
created2017-03-22 18:12:42
last_update2017-03-22 18:12:42
depth3
children0
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length823
author_reputation30,177,498,572,933
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,808,841
net_rshares0
@james212 ·
+5 full steams correct  end to identify who your target market is.  This UI looks more for traders than the general public.  If the is the case, I would not call it a wallet.  Thought it may function as such it's visuals are not congruent with what the general public expects a wallet to look like.   You will need to create a far more simple, less visually complex product for use as a general purpose wallet IMO.    Also, some there on the UI pic on bitshares talk I saw an option tab labeled  "Fiat".  I recommend you use "national currency" or something similar.  You want to use terms that are the lest technical and as generally understood as possible.  Also color is very important in setting psychology and mood.  I would recommend changing to black to one (or two) lighter colors.  

Bitshares has been having trouble with this for while.  It's important to get it right as the initial experience of the "wallet" is amount the group of first experiences the any potential user will have with the product.  The software must feel attractive,  relatable or even familiar.   Great effort.  Good luck.
properties (22)
authorjames212
permlinkre-full-steem-ahead-re-bangking-maximizing-bitshares-wallet-landing-page-20170325t205848157z
categorybitshares
json_metadata{"tags":["bitshares"],"app":"steemit/0.1"}
created2017-03-25 20:58:48
last_update2017-03-25 20:58:48
depth2
children0
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,106
author_reputation3,564,426,206,399
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,843,790
net_rshares0
@jabberw0cky ·
yes, i very much like some of these. Looks good with the graph.
good job.
properties (22)
authorjabberw0cky
permlinkre-bangking-maximizing-bitshares-wallet-landing-page-20170322t205017578z
categorybitshares
json_metadata{"tags":["bitshares"],"app":"steemit/0.1"}
created2017-03-22 20:50:06
last_update2017-03-22 20:50:06
depth1
children1
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length73
author_reputation2,488,807,039,602
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,810,361
net_rshares0
@bangking ·
thanks man.
πŸ‘  
properties (23)
authorbangking
permlinkre-jabberw0cky-re-bangking-maximizing-bitshares-wallet-landing-page-20170323t003907850z
categorybitshares
json_metadata{"tags":["bitshares"],"app":"steemit/0.1"}
created2017-03-23 00:39:09
last_update2017-03-23 00:39:09
depth2
children0
last_payout2017-04-22 15:01:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length11
author_reputation6,144,226,303,189
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id2,812,284
net_rshares115,471,815,124
author_curate_reward""
vote details (1)
@sergej.stein ·
Looks good, great! #upvoted #following
properties (22)
authorsergej.stein
permlinkre-bangking-maximizing-bitshares-wallet-landing-page-20170608t085941809z
categorybitshares
json_metadata{"tags":["upvoted","following","bitshares"],"app":"steemit/0.1"}
created2017-06-08 08:59:42
last_update2017-06-08 08:59:42
depth1
children0
last_payout2017-06-15 08:59:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length38
author_reputation175,009,721,955
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id4,392,009
net_rshares0
@tatchcapital ·
Hello ! Great post love it !

I try to make my own customised bitshares-ui but I have a lot of difficulties. Followed a few 'how-to" but it doesn't work properly .
Is there anyway I can contact you on this ? Any help would be greatly appricated ! Possible paid job even ?

With best regards,

Tatch
πŸ‘  
properties (23)
authortatchcapital
permlinkre-bangking-maximizing-bitshares-wallet-landing-page-20171225t053034662z
categorybitshares
json_metadata{"tags":["bitshares"],"app":"steemit/0.1"}
created2017-12-25 05:30:33
last_update2017-12-25 05:30:33
depth1
children0
last_payout2018-01-01 05:30:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length298
author_reputation327,234,531,510
root_title"Adding more contents to Bitshares Wallet landing page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id25,118,691
net_rshares1,396,247,771
author_curate_reward""
vote details (1)