The Beta UI is weird... (Rants and complaints)
9 years ago
Coming from a school that attempts to pride itself in teaching UI that's made for people who want to use something as opposed to something that looks really pretty, the FA Beta UI is bothering me. It doesn't look too bad overall, but many of the interactions or affordances I expect are not there
1) Search requires more effort on my part. Personally, I always use search with the following options:
* Ordered by Date
* Mature ON
* Adult ON
Using the search at the top requires me to enter in something (or at least click the text box), then press Enter, then click Mature ON, Adult ON, and use the dropdown select to choose Date. Granted, before I would still have to change "order by" to "Date" with classic. This is still not too useful for me as it's a functionality I use as a commissioner/adopter/etc. all the time.
2) Buttons don't look like buttons. They're not easily distinguished from regular text until you hover over them. I want to find buttons fast instead of going on a Where's Waldo hunt for them.
* Go to any Submission page and you'll see "Fav", "Note", and "Download"
* Go to your new submissions/comments/journals and look for the "Select All" and "Remove"
I completely understand that if I spend enough time and effort I can magically find these due to knowing how these hoops work... but I really shouldn't need to. It can still look very pretty just by changing the shade of the buttons all of 10% darker or lighter. Or give it a very light border. Nothing too difficult, but it would make all the difference.
3) I can't get to the Artist's gallery from a submission page! I know that Classic has this along with a bunch of other quick navigation things, but it's just so... difficult to work with!
4) Submission Feed page has all of its macro selectors ("Select All", "Delete all", etc.) at the bottom, waaaayy past all of the submissions which I would like to macro delete. It's very sad...
5) Honestly, I would love to be able to access my Notes immediately without having to click my username at the top of the page. Why make Notes only appear when you have new ones? There are many to manage!
6) Mobile Beta is terrible in so many ways
* If held vertical, I can only see one submission at a time.
* Viewing user profile pages has overlapping text and images.
* Okay, it's not that bad in so many ways, mostly the same ways as before.
Anyways, I've just a few hassles. I'm making a few personal JavaScript functions to use to fix some of these things. By working with CustomJS for Chrome and JS Injector for FireFox, I've made my life a bit easier.
I don't believe it's against rules to post code here, but I figure it might help some of those who have similar problems. If you want any scripts made to improve your experience a little bit, I may be able to help.
// Make top search bar less annoying by also adding other defaults
form = document.getElementById('searchbox');
keyvals = {
'do_search': 'Search',
'order-by': 'date',
'order-direction': 'desc',
'perpage': 72,
'range': 'all',
'rating-general': 'on',
'rating-mature': 'on',
'rating-adult': 'on',
'mode': 'extended',
'page': 1
};
Object.keys(keyvals).forEach(function(key){
el = document.createElement('input');
el.name = key;
el.value = keyvals[key];
el.setAttribute('type', 'hidden');
form.appendChild(el);
});
// Make submission sidebar prettier
var sidebars = document.getElementsByClassName('submission-sidebar')
if(sidebars.length > 0) {
var sidebar = sidebars[0]
var els = sidebar.childElements()
for(var i = 1, el; i <= 6; i++) {
var hr = document.createElement('hr');
sidebar.insertBefore(hr, els[i]);
}
}
// Change the "More from <USERNAME>" in the right sidebar to also link to the user's gallery
var el = document.evaluate('//h1[contains(text(), "More from")]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
if(el){
var username = el.textContent.substring(10);
var gallery_el = document.createElement('a');
gallery_el.href = '/gallery/' + username + '/';
gallery_el.textContent = el.textContent;
el.textContent = '';
el.appendChild(gallery_el);
}
1) Search requires more effort on my part. Personally, I always use search with the following options:
* Ordered by Date
* Mature ON
* Adult ON
Using the search at the top requires me to enter in something (or at least click the text box), then press Enter, then click Mature ON, Adult ON, and use the dropdown select to choose Date. Granted, before I would still have to change "order by" to "Date" with classic. This is still not too useful for me as it's a functionality I use as a commissioner/adopter/etc. all the time.
2) Buttons don't look like buttons. They're not easily distinguished from regular text until you hover over them. I want to find buttons fast instead of going on a Where's Waldo hunt for them.
* Go to any Submission page and you'll see "Fav", "Note", and "Download"
* Go to your new submissions/comments/journals and look for the "Select All" and "Remove"
I completely understand that if I spend enough time and effort I can magically find these due to knowing how these hoops work... but I really shouldn't need to. It can still look very pretty just by changing the shade of the buttons all of 10% darker or lighter. Or give it a very light border. Nothing too difficult, but it would make all the difference.
3) I can't get to the Artist's gallery from a submission page! I know that Classic has this along with a bunch of other quick navigation things, but it's just so... difficult to work with!
4) Submission Feed page has all of its macro selectors ("Select All", "Delete all", etc.) at the bottom, waaaayy past all of the submissions which I would like to macro delete. It's very sad...
5) Honestly, I would love to be able to access my Notes immediately without having to click my username at the top of the page. Why make Notes only appear when you have new ones? There are many to manage!
6) Mobile Beta is terrible in so many ways
* If held vertical, I can only see one submission at a time.
* Viewing user profile pages has overlapping text and images.
* Okay, it's not that bad in so many ways, mostly the same ways as before.
Anyways, I've just a few hassles. I'm making a few personal JavaScript functions to use to fix some of these things. By working with CustomJS for Chrome and JS Injector for FireFox, I've made my life a bit easier.
I don't believe it's against rules to post code here, but I figure it might help some of those who have similar problems. If you want any scripts made to improve your experience a little bit, I may be able to help.
// Make top search bar less annoying by also adding other defaults
form = document.getElementById('searchbox');
keyvals = {
'do_search': 'Search',
'order-by': 'date',
'order-direction': 'desc',
'perpage': 72,
'range': 'all',
'rating-general': 'on',
'rating-mature': 'on',
'rating-adult': 'on',
'mode': 'extended',
'page': 1
};
Object.keys(keyvals).forEach(function(key){
el = document.createElement('input');
el.name = key;
el.value = keyvals[key];
el.setAttribute('type', 'hidden');
form.appendChild(el);
});
// Make submission sidebar prettier
var sidebars = document.getElementsByClassName('submission-sidebar')
if(sidebars.length > 0) {
var sidebar = sidebars[0]
var els = sidebar.childElements()
for(var i = 1, el; i <= 6; i++) {
var hr = document.createElement('hr');
sidebar.insertBefore(hr, els[i]);
}
}
// Change the "More from <USERNAME>" in the right sidebar to also link to the user's gallery
var el = document.evaluate('//h1[contains(text(), "More from")]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
if(el){
var username = el.textContent.substring(10);
var gallery_el = document.createElement('a');
gallery_el.href = '/gallery/' + username + '/';
gallery_el.textContent = el.textContent;
el.textContent = '';
el.appendChild(gallery_el);
}
For Chrome: https://chrome.google.com/webstore/.....gnaaelnpjljija
After installing the extension, go to furaffinity.net with Beta on. Copy the code below the dotted line in this journal. Click on the "cjs" extension button in the top bar, and paste the code in.
For FireFox: https://addons.mozilla.org/en-US/fi.....n/js-injector/
After installing the extension, Copy the code below the dotted line in this journal. Click the "js" button on the header. Put "furaffinity.net/*" into the url filter, and paste the code into the block.