Petopia Usability Improvements

Message
Author
User avatar
Karathyriel
 Community Resource
 Community Resource
Posts: 2133
Joined: Mon Jan 11, 2010 6:07 pm
Realm: Not playing anymore.
Location: Germany

Re: Petopia Usability Improvements

#41 Unread post by Karathyriel » Sun Jul 25, 2010 5:05 pm

Just as I have announced earlier, here is a first "re-design" of the petopia header.

Image

This is nowhere near perfect and surely nowhere near done.

It is just open for discussion, where Manias voice weighs in a lot more then others do! ;)

No, seriously, I think Petopia need a fancier look and maybe we all can do that together.

Opinions, please!
Attachments
header.jpg
(182.69 KiB) Not downloaded yet

User avatar
Saturo
 
Posts: 18809
Joined: Sun Jan 10, 2010 5:21 pm
Gender: Mortally impaired geekgirl
Location: My secret lair on Skullcrusher Mountain.

Re: Petopia Usability Improvements

#42 Unread post by Saturo » Sun Jul 25, 2010 5:22 pm

I like it, but the red kind of clashes with the rest of it. Also, Petopia gets to keep it's mascot! :P

I also exist on DeviantArt.
"I'll probably be some kind of scientist, building inventions in my space lab in space!"

Moderation note: Saturo is banned from all forums except the RP forum, and only allowed there until the current RP thread ends.


User avatar
Karathyriel
 Community Resource
 Community Resource
Posts: 2133
Joined: Mon Jan 11, 2010 6:07 pm
Realm: Not playing anymore.
Location: Germany

Re: Petopia Usability Improvements

#43 Unread post by Karathyriel » Sun Jul 25, 2010 5:39 pm

There used to be a GIF with no background of Petopias mascot. It is not there anymore.
Otherwise I would have used it. Did my best to create a worthy successor. ;)

I thought the red was good contrast but here you go:

Image

Is that better? I don't think so... Do you?

Edit: I just saw the typo, so don't comment on that! :lol:
Attachments
header2.jpg
(184.13 KiB) Not downloaded yet
Last edited by Karathyriel on Sun Jul 25, 2010 5:41 pm, edited 1 time in total.

User avatar
Saturo
 
Posts: 18809
Joined: Sun Jan 10, 2010 5:21 pm
Gender: Mortally impaired geekgirl
Location: My secret lair on Skullcrusher Mountain.

Re: Petopia Usability Improvements

#44 Unread post by Saturo » Sun Jul 25, 2010 5:41 pm

Well, I think it's slightly better. How about a dark green?

I also exist on DeviantArt.
"I'll probably be some kind of scientist, building inventions in my space lab in space!"

Moderation note: Saturo is banned from all forums except the RP forum, and only allowed there until the current RP thread ends.


User avatar
Teigan
 
Posts: 5153
Joined: Fri Mar 12, 2010 6:05 am

Re: Petopia Usability Improvements

#45 Unread post by Teigan » Sun Jul 25, 2010 5:46 pm

.
Last edited by Teigan on Wed May 23, 2012 3:57 am, edited 1 time in total.

User avatar
Karathyriel
 Community Resource
 Community Resource
Posts: 2133
Joined: Mon Jan 11, 2010 6:07 pm
Realm: Not playing anymore.
Location: Germany

Re: Petopia Usability Improvements

#46 Unread post by Karathyriel » Sun Jul 25, 2010 5:47 pm

OK, I admit i, green is not bad... ;)

All three in comparison:

Image

Image

Image
Teigan wrote:I keep thinking...why STV + ghostsaber?
Because STV comes to my mind when I think of trees and green and nature.
No other reason! :lol:

And now I'm off to bed... :D
School starts again tomorrow for me. :roll:
Attachments
header3.jpg
(178.57 KiB) Not downloaded yet

Mania
Administrator
Administrator
Posts: 2702
Joined: Mon Jan 04, 2010 3:59 pm

Re: Petopia Usability Improvements

#47 Unread post by Mania » Sun Jul 25, 2010 5:51 pm

Kalliope wrote:Edit edit: Are your personal notes going to go back on the pages at all? Or are the links to wowhead, etc. going to be it?
You'll find some short comments in the notes section, but I removed some old ones that were out of date and shortened some of the others. I need to do a pass through the data and add a lot of notes yet.

Moonlost wrote:I'm particuarly fond of the "Non-*pet family*s With Similar Looks" that are on relevent pages. I'd like to see the ghost saber added to the spirit beast page, under "Non-Spirit Beasts With Similar Looks".
Good idea! I also added the other ghostly pets to the Spirit Beast page as similar looks, and things like the slime. Let me know if you see any others that should be added!

FuzzyDolly wrote: As I said before it looks awesome, however... when you're looking at an animals page, there is no longer the thottbot link to get to a map of the pet's location. I used that feature almost every time I checked Petopia. Any chance on putting it back or even just linking to a map directly?
I wanted to shorten the text links ("Thottbot - Allakhazam - Wowhead") down into something shorter. I've used just initials before ("T-A-W") but I have trouble clicking on the tiny little links. I figured the icons for each site were a good compromise, but if they don't stand out enough then that doesn't quite work. Do you think it would help if they were in their own column in the table?

Sarayana wrote:A slight bug: When I was browsing warp stalkers (don't know about any other families) the pop-up didn't work properly. It didn't pop up for the three at the bottom until I had hovered over the top left one, and once it did, it just was the same pop-up as that top left one. The text I mean.
No repro. *grin*

Okay, I actually just fixed this up real quick.

Safrienaer wrote:Also it seems that the Nether Rays have no npcs shown at all. :) No idea if you just haven't gotten to making them yet, though.
Damn you, "Count" Ungula!

But that bug should also be fixed now.

Explanation for these bugs, if you care: I was originally setting the text for the pretty tooltips in the HTML itself via the title attribute (and JavaScript that turns that into a tooltip). But that means that if you have JavaScript turned off, you still see the normal 'title' hover text -- which is now a huge block of HTML code.

So yesterday I switched to setting the pretty tooltip text programmatically in the JavaScript itself. That works fine, except for two things:
  1. If there is no tooltip (as for untameable beasts), I wasn't setting the tooltip to an empty string ... and so it just used the last tooltip you saw. (This didn't matter before because the title attribute would have been "".) I fixed this by removing any references to empty tooltips, which I shoudl have done in the first place.
  2. When the tooltips were set in the HTML, they needed to have any internal HTML turned into non-HTML first. So < became < for example. The code was turned back into real HTML before being shown as a tooltip. When you set the tooltip text programmatically, though, you don't need to do that. So I didn't. But that still leaves one unsafe character - a double quote (") - and as it happens there is a beast with a double quote in his name: "Count" Ungula. So he broke the Nether Ray page. Now I explicitly escape double quotes in the tooltip text.

User avatar
Teigan
 
Posts: 5153
Joined: Fri Mar 12, 2010 6:05 am

Re: Petopia Usability Improvements

#48 Unread post by Teigan » Sun Jul 25, 2010 6:02 pm

.
Last edited by Teigan on Wed May 23, 2012 3:57 am, edited 1 time in total.

User avatar
Kalliope
Illustrious Master Hunter
Illustrious Master Hunter
Posts: 14062
Joined: Wed Jan 06, 2010 4:40 am
Realm: Dethecus
Location: Thedas
Contact:

Re: Petopia Usability Improvements

#49 Unread post by Kalliope » Sun Jul 25, 2010 6:09 pm

Good deal, Mania! :D I like your notes moreso than the Wowhead ones generally, since I don't have to sift through pages and pages of irrelevant info. ;)

LOVE the overall design of the header, Kara!!! The ghost saber pose is perfect. I think the blue and green blend in too much, but the pinkish red does clash a bit. How about orange, since it's close to yellow, but not so close that it's been used already? Something closer to the brown in your sig than bright red or pink.

Image
Kalliope's Pantheon of Pets
YouTube Edition
Thanks to Serenith for the avatar and signature!


Mania
Administrator
Administrator
Posts: 2702
Joined: Mon Jan 04, 2010 3:59 pm

Re: Petopia Usability Improvements

#50 Unread post by Mania » Sun Jul 25, 2010 6:13 pm

Ooh, gorgeous! I do like the contrast with the blue border, but the green border is my favorite. Somehow it blends in and stands out at the same time.
Karathyriel wrote:There used to be a GIF with no background of Petopias mascot. It is not there anymore.
Otherwise I would have used it. Did my best to create a worthy successor. ;)
I pulled a copy of the backup and attached it here, if you want it. (Somewhere I have the *huge* original in PSD format but I'm not sure where I put the disc.) The model you're using looks pretty good to me, though.
Attachments
saber_home.png
(41.29 KiB) Not downloaded yet

User avatar
Karathyriel
 Community Resource
 Community Resource
Posts: 2133
Joined: Mon Jan 11, 2010 6:07 pm
Realm: Not playing anymore.
Location: Germany

Re: Petopia Usability Improvements

#51 Unread post by Karathyriel » Sun Jul 25, 2010 6:24 pm

So, I really need to go to bed now! It almost 1 am! :o

Here it is again, with the original ghost saber and some brownish contour.

Image
Attachments
header4.jpg
(178.48 KiB) Not downloaded yet

Mania
Administrator
Administrator
Posts: 2702
Joined: Mon Jan 04, 2010 3:59 pm

Re: Petopia Usability Improvements

#52 Unread post by Mania » Sun Jul 25, 2010 6:26 pm

Go to bed! Go to bed!

I'm actually going to go nap myself. ;)

User avatar
Teigan
 
Posts: 5153
Joined: Fri Mar 12, 2010 6:05 am

Re: Petopia Usability Improvements

#53 Unread post by Teigan » Sun Jul 25, 2010 6:29 pm

.
Last edited by Teigan on Wed May 23, 2012 3:57 am, edited 1 time in total.

User avatar
Kalliope
Illustrious Master Hunter
Illustrious Master Hunter
Posts: 14062
Joined: Wed Jan 06, 2010 4:40 am
Realm: Dethecus
Location: Thedas
Contact:

Re: Petopia Usability Improvements

#54 Unread post by Kalliope » Sun Jul 25, 2010 6:32 pm

Agreed with Teig; the brown didn't turn out as well as I'd hoped. D:
Teigan wrote:And...if you are going for a screenshot looking background, go with the from-the-game ghostie. If you are going with the original ghostie drawing, I'd use a more stylistically similar background.
^^
This is worded perfectly.

P.S. Go to bed! :lol:

Image
Kalliope's Pantheon of Pets
YouTube Edition
Thanks to Serenith for the avatar and signature!


User avatar
Razzy
 Community Resource
 Community Resource
Posts: 370
Joined: Tue Jan 05, 2010 1:13 am

Re: Petopia Usability Improvements

#55 Unread post by Razzy » Sun Jul 25, 2010 6:36 pm

Green, green, a million times green!

And I much prefer the screenshot ghost saber as opposed to the drawn one. I agree with Teigan as well.

User avatar
Zangor
 Community Resource
 Community Resource
Posts: 1602
Joined: Tue Jan 05, 2010 7:56 pm
Realm: Lightbringer-US Nessingwary-US
Gender: The Manliest Man ever
Location: Aincrad
Contact:

Re: Petopia Usability Improvements

#56 Unread post by Zangor » Sun Jul 25, 2010 6:36 pm

hopefully if i can get these videos done in time mania will be able to include youtube links in the box next to WoWhead links

User avatar
Sarayana
Illustrious Master Hunter
Illustrious Master Hunter
Posts: 4685
Joined: Sun Jan 10, 2010 8:34 am
Realm: Ysera-US, Nesingwary-US

Re: Petopia Usability Improvements

#57 Unread post by Sarayana » Sun Jul 25, 2010 7:37 pm

I vote green, through and through. The in-game ghostsaber fits the screen cap background better than the drawn one (though I do love that one) and the green is gorgeous! (I also thought a brown-orange shade would work but yeah, it really doesn't... :|)

Really nice work, Kara. What would you suggest in terms of colours for the rest of the site? The same green? Particular shades from that banner?

Image
Much gratitude to Spiritbinder for the signature and Vephriel for the avatar! <3


User avatar
Kalliope
Illustrious Master Hunter
Illustrious Master Hunter
Posts: 14062
Joined: Wed Jan 06, 2010 4:40 am
Realm: Dethecus
Location: Thedas
Contact:

Re: Petopia Usability Improvements

#58 Unread post by Kalliope » Sun Jul 25, 2010 7:43 pm

I'd love the shades from the banner going throughout the site; the light green and the dark green from the lettering, and the blue of the sky jump out as potential candidates.

Image
Kalliope's Pantheon of Pets
YouTube Edition
Thanks to Serenith for the avatar and signature!


User avatar
Rhyela
Illustrious Master Hunter
Illustrious Master Hunter
Posts: 6856
Joined: Wed Feb 10, 2010 12:13 pm
Realm: US - Ysera
Gender: Female playing males and females
Location: My chair

Re: Petopia Usability Improvements

#59 Unread post by Rhyela » Mon Jul 26, 2010 3:48 pm

Mania wrote:Sure!

And re "fixes": *sigh* I fixed that before but only remotely and I copied over it today when I uploaded. Thanks for pointing it out; I'll go fix it now.
I was talking to my brother in chat and said "funxes". He had just typed something about a skunk in the line before as I was trying to talk about foxes, and my brain/fingers melded the two in an unholy matrimony of english drivel.

Image

Signature and avatar created by Serenith!

Year of the Unicorn RPG Dice on Kickstarter!

Slickrock wrote:Given their current trend, we'll probably get a spirit toucan that farts loops.

Mania
Administrator
Administrator
Posts: 2702
Joined: Mon Jan 04, 2010 3:59 pm

Re: Petopia Usability Improvements

#60 Unread post by Mania » Mon Jul 26, 2010 3:53 pm

Well I'm pretty sure that if you managed to cross-breed a skunk and a fox you would definitely get some sort of funk (pl. funxes).

Post Reply