UI/Theme Progress
13 years ago
[img]http://www.frostdragon.net/fa/fa_ui.jpg[/img]Currently working on converting pages over and finishing up a lot of templates. Been getting some good assistance from some amazing people. Anyway, figured I'd share. =3 I'll be working on many pages, and posting a changelog when things are posted. No ETA, but I'm working on it near fulltime.
And yes, you can totally play with it.
http://preyfar2.dev.furaffinity.net.....ser/dragoneer/
NOTICE: The dev box is currently down temporarily while we're reshuffling things behind the scenes.
Oh, and the banners are 2200x200. We will NOT be going forward with monthly banner updates, but giving the banner template to the general public. Once a month, we'll pick our favorite banner(s), and add them to the list. Then you can pick-and-choose which banners you like. =3 More info on that the closer this is done.
NOTE: It's NOT finished, many colors are inconsistent, and it's broken in many areas and 90% of it's not been touched -- yet.
NOTE 2: Commenting is really horrible on it. I'll try to get that fixed and revised tomorrow. =3
NOTE 3: The current banner is by
redic-nomad You can see the entire banner here:http://preyfar2.dev.furaffinity.net.....nner_frost.jpg
FA+

this
i so hope it will Dx we artists need it
So glad I'm not you!
But seriously, it really looks nice. It looks a slight bit "busy" and it could be confusing for some, especially newcomers, but on the whole, those who have been here a while will probably like the facelift.
That's a concern of mine, and I'll be working on fixing that as I go. =3 Was shuffling quite a few things around.
I'm not a web designer by any stretch of the imagination, but this took a lot of coding that would drive me mad, killing someone.
This is so totally modern and sleek.
Good job so far :D
Hopefully there will folders as well.
Anyways looks great. I'll be testing it out.
First, the profile area is really cut off. I have a small-ish profile and some of it was gone. That could be that it was just formatted for the size of yours, but if not that might be something to look into.
Second, it looks freakin' amazing. No more little boxes around everything, and the rounded corners are a sight to behold. ^_º
Third, and lastly, the font is a bit... think. honestly if a theme or two based on a different font option (or even just a 'light' option) would be very, very nice. Something thin and light like http://fontfabric.com/hero-free-font/ might do the trick. I don't know if that's free but there are tons of alternatives... I know that it might be more complex to call a different font to render than it would be to just call a different color background, but I figure it's similar to a feature that already exists and shouldn't be terribly hard to wedge in there, would it? I'm no professional at that but I've done some non-web coding and I understand how those kinds of things work. Sorta. Lol sorry if I'm rambling.
TLDR, site looks great, size formatting might be messed up, a light font would be appreciated to match the rounded corners and general 'easy on the eyes' look.
Third - I updated the screenshot. There was a <h3> link that wasn't closed which was causing all fonts to be bulkier than should be. I updated the test site, and the screenshots as well. =3
Third - IT LOOKS SO MUCH BETTER ALREADY HHNNNNGH @_@
I want to stare at it now. JK but seriously, sir, it looks great.
why was that removed anyway? lol
but looks fairly decent :D
Because it'd be nice If I can organize my notes and my submissions. Heck maybe my favorites too!
I love you so much right now. XD Definitely going to be playing around in the new theme for a bit. 83 <3333
I can tell it needs a lot of work, but otherwise, it looks pretty decent so far! Keep it up!
Also, dafuq is the 228TT? I have no idea what that means, and I've been on FA for 5 years. Is this something new?
6.=.9 I must be having the dinoderps
I look forward to seeing how this site progresses in the future. Just take one tip from the enemy....Tish brown does not a good site make ;)
So do not say that you do not deserve praise. Even if a goal is overdue, it's completion or progression is still a cause for celebration. Even if a little diminished in its latency.
But you do deserve an applause for a job well done. Well, done, at least. :D *clap clap*
:3 Also, for those of us with bad hands, can we have the pop up menus be static instead of disappearing when we move our mouse away? My hand precision is not too good after starting my new job.
Ah, so it still retains the charm of the old website. DOHOHO.
But I kid, it's nice to see some more progress being done on the site. I follow Fender and you and whatnot, but it's still not really visible on the site that you're making an overhaul like this, y'know?
I might not have too much HTML experience, but if you need any help, feel free to gimme a ring.
Also, Many Thanks to you and everyone who's been working on this. You guys keep up the good work ; )
Also, there needs to be a little more definition between the sections of gallery, favorites and featured submissions. Even just a bar breaking it apart like with the show full profile and hide full profile will help it seem more organized.
Also, need some definition around the watched, watched by, and the like down at the bottom.
Characters should probably have their own tab. I know it makes sense for it to be next to user info, but unless you are going to allow for a list of clickable names that leads to separate page, it's going to get lost in that little corner there. It would be best to have it open to everyone and very obvious by having its own tag.
I do see the positive of having the profile info on the front, as it seems MANY FA users can skip important information listed on the profile by just not looking. Now there isn't as much of an excuse.
The buttons on the submissions inbox page are awkwardly placed and could use some re-arranging as well as proper formatting for all buttons.
Of course consistency of changing pages from your profile to reading journals, submissions etc would be nice as well- though I am sure you are working on that.
Also, you're going to hear this a lot but it might as well be stated: People want folders and a commission info page.
It's a start. ^^
the only problem with this is that people can spam it relentlessly.
However, if it were coded so that the artist can lock that tab whenever he or she wants to, and only allow people to fill out a certain number of forms (probably one, maybe 2 or 3) to avoid spamming. Also, the artist could build a form so that there are options under the commissions tab...
Sorry, I just ramble when I get ideas.
Gah! More rambling!
The only thing is that it'll lack any commenting code or whatever.
I'd imagine it'd be a simple copy/paste job, and perhaps a bit of extra php or javascript or something to let you edit the info directly from your edit journal page. (check a box to upload the "journal" as your commission info or not).
No issue at all - though perhaps try to alter your settings to work with the dark theme - 'cause I have the dark theme set, and it's also showing a dark color theme for me on the test site. Perhaps whatever changes are made are being broken due to the color choice?
Not really sure about the underlining of all the shouts but that's the only thing I can see so far
Also with my resolution there's quite a large gap between the submissions and the sides
It looks very sleek and I really like the idea of changeable banners.
Will there be any changes to fave/submissions management, I understand folders are on their way but anything such as large scale moving like moving/deleting whole pages
One more thing though right now I'm on a desktop, I mostly view the site from a mobile so I will have to check it on there too.
Overall so far its looking good
All in all, I'm loving how much of you've managed to improve the UI. Hopefully, the site can be up to Beta testing soon. Looking forward to it, 'Neer!
for example, look at how the featured submissions have a bunch of empty space surrounding them and how the "reply to this post" button is on the complete opposite side of the screen from the actual comments. i know the design has been like this for a while but now is definitely a good time to consider changing it
also on the userpages there aren't any divisions between the featured submission, latest submissions, favorites, and watched by sections. they could really use their own content boxes
and finally i'd suggest devoting more space to the journals and profile info. i personally preferred how it was half-and-half in the old design
Also, I've posted quite a few comments, and (*knock on wood*) I've had no trouble with it. All that I've noticed is that the comment text begins after and one line below the user's screen name (I assume that that is part of the many problems you're having), which kind of throws me off.
I don't know, maybe its just me, but if it helps I've got FF 15 running.
Here's a screenshot of what i can see and what i should see. http://pic.twitter.com/UELuDO28
Perhaps 'Neer could update the journal to reflect this?
Strangely, it works under Internet Explorer, and looks very similar to your sample image. Even though it appears to work best under IE at the moment, Many page elements are overlapping text, including the ads. The avatar images on the comments are overlapping the first letters of each user's name. I use a slightly larger than normal font, due to less-than-perfect eyes. Some, but not all, of the overlapping problems go away, if I reduce my font to near microscopic size (much smaller than the browser default). Of course, that makes the text completely unreadable, even on my large 32-inch screen. Since the styles do not work at all under Firefox or Chrome, the potential for overlapping page elements is unknown. The nav bar in those three browsers is a four-screen-high column of unstyled options. See feralfrenzy's screenshot above this message. You'll notice the style for the new colors is missing too. That all works in IE though.
Your sample preview image looks pretty good, so hopefully, it can actually work like that appears. I know, it's pretty much in the alpha-testing stage, but the style will need to be checked in all of the major browsers, and everything needs to work from the small 800x600 4x3 screens, that quite a few people are still using, up to widescreen at 1920x1080, or even 2560x1440. I personally use 1536x864. It should work with at least a range of font sizes, perhaps plus or minus about 50 percent. The current site is extremely flexible in these areas and has almost no problems accommodating the needs of people both with low vision and with perfect vision. FA's current extreme flexibility is just one of the reasons it is my favorite site. No other furry site works so well. Ink Bunny is probably a close second, as they've fixed all of the font size and overlapping issues that I was able to find. FA still looks better, because it is far less cluttered. The current simple and clean UI makes FA look a lot more professional than other furry sites, to me.
Thanks for all the great work you've done so far.
The drop-downs get overlapped by the ads.
(Please don't tell me to get adblock. People pay good money for those and they can be useful. I like them.)
plz plz kthnx
Still we need folders <3
That said, the final "cut off" point won't be near so limited when all is said and done. =3
What about tag blocking?
also will we be able to change usernames soon
I tested it and got approximately
946 on the userpage
570 in journals
546 in submissions (IF the submission is in small view, if not, scales to large view width)
One thing I've noticed: in some wide submissions, there's a scroll bar at the bottom, even though there's no reason for one. Such is the case with my submissions from Edmol and Shiro (the eagle)
Also, journalception.
another thing i would fix is making the text in the comments a little bigger. they certainly are very small on my screen :(
what happened to that UI that was proposed a few years ago? it was really nice, is this based on that? also i like the FA logo!
Profile link aside though, good job. :3
Also, once again, please do not hide the profile link in "My FA" drop down, please just don't do it.
what you should be focused on is the damn programming and giving us features we are asking for....not new stupid UI
Also, afaik, Dragoneer's not the 'programmer' of the team, but hey, he's still doing what he can, so I think he should get credit for that.
Oh, also, you probably haven't seen the concept art he's basing this on. http://www.furaffinity.net/journal/1580019/ It will look better when it's finished.
ya i know he isntthe programmer but still the programmers could still get their heads out of their asses and think of something good, like folders or make FA work faster/better so it doesnt break whenever 50 people are uploading to the site.
lastly that layout doesn't look to bad but it still looks lame. I like how the notes and things are separated which is good for easier access unlike it is now but the way the color is set is what looks bacd. It looks good now how the color is all one piece unlike that one where it has a light background and a dark middle.
Does this mean the new UI will be up near the end of the year?
Do you plan to make this layout live in beta.furaffinity.net eventually? I die for trying it. The website seems much more modern and good than before.
Also, am I allowed to suppose that this UI won't be slow? Sofurry (for giving an example) is slow as an ill snail, and considering that my bandwitch is worse than crap (100KB/s most of the time), speed is pretty important for me, and this makes SF sightly unusable for me.
I'm not saying I wouldn't use the new format, but just remember, "Less is more."
The only real suggestion I'd like to offer is a control of the type font. I'm no young fur (more a gray muzzle) and my peeper's aren't what they used to be. Having a chance to up the font when I need to would be a great help.
I like how it looks.