erengy / taiga

A lightweight anime tracker for Windows
https://taiga.moe
GNU General Public License v3.0
2.08k stars 222 forks source link

Now Playing: Differentiate similar titles when current one is unknown #230

Closed Zenithtb closed 8 years ago

Zenithtb commented 8 years ago

I don't know if this is an 'issue' or simple User Error:

Sometimes when I have an Unknown Anime, and I perform the Search there are many results.

On occasion I have misidentified the correct result.

(Eg, I select [Name OVA] instead of [Name; OVA] NameOVA may have 3 episodes Name;OVA may have 4, pointing out I clicked the wrong result).

Is there a way to Undo this click, or somehow make Taiga 'forget'?

So far the only way I've managed to do it is load up the Anime.XML in an XML or text editor, find the relevant entry and delete it.

Is there a more user-friendly method? Is this a Missing Feature?

If I've failed to explain properly, just say so - I found it a bit hard to be clear!

Many thanks

erengy commented 8 years ago

By "this click", do you mean clicking on an anime title on Now Playing page? If so, all it does is to add the current title as an alternative title for that anime, which can be removed via the Anime Information dialog. However, removing an alternative title is currently not possible if the anime is not in your list (see #183).

Zenithtb commented 8 years ago

(Wrong image page before) untitled

(Many thanks for the quick reply) I think we understand each other. (See picture)

So if I have the 'correct' anime in my list, I can find it and delete the alternative title, and that will make the file I'm playing 'unknown' again, and I can select the correct entry from the Now Playing screen?

However if I don't have the correct anime in my list, it's issue #183?

If I understood you, many thanks for the support, and consider this Resolved.

Zenithtb commented 8 years ago

Can I change my mind, please? Would it be in any way possible to have

[Name of anime] [Link]

as the formula in the MAL search results, where [Name] is what is currently displayed, (see screenshot in my previous reply) but [Link] will jump you to the MAL page of that name?

(Especially as the current names are like blue hyper-links, so I sometimes click them to get more information before I've realised I've done it, therefore 'Selecting' them. Quite frustrating!)

So many names (especially OVAs) have names that are so similar you need to read the anime description to know which one is which. Having a page-link next to it to open in a browser would help many times.

Many thanks if you find time to read this.

OsaSoft commented 8 years ago

Adding a Link to MAL there seems like a fairly good idea. I'll try doing it and see how it goes

OsaSoft commented 8 years ago

@Zenithtb before I get to it, would something like this work? After clicking the link, the anime details window would pop up. (pardon the quick mspaint job >.<) taiga4

Zenithtb commented 8 years ago

Yeah, just like that.

I can't be the only one who hasn't memorised each and every anime, can I? :-P

A chance to check the details before adding is needed, and having to go to MAL manually is tricky.

So a simple [Info] link would help immensely...

erengy commented 8 years ago

Instead of adding more links beside anime titles, which would make the page look way too crowded, we may use the existing links for the same purpose. Clicking on a link would display a context menu where the user could either display more information about the anime or add the current title as an alternative title for it.

Preferably, I'd like to keep the current left click behavior and display the context menu on a right click. But I don't know if SysLink controls send a notification when the user clicks on a link with the right mouse button.

OsaSoft commented 8 years ago

a right click behavior would be the best solution, I wouldnt want to replace the current leftclick behavior either. Although I dont see how an extra link would make the page too crowdod, considering todays resolutions and screen sizes. In any case, Ill see what can be done

Zenithtb commented 8 years ago

@OsaSoft

Just noticed that you said "After clicking the link, the anime details window would pop up." - regardless of whether right-click, extra link etc, I noticed a problem;

Is it not true that Taiga knows nothing about an anime until it is added to your list?

So surely popping up the Anime Details window would not be possible until the anime is already added?

Pulling the info from MAL before adding would be needed... If I understand how Taiga works...

OsaSoft commented 8 years ago

@Zenithtb You can open the anime info window for example by clicking an anime in the season browser, or when searching MAL. So that shouldnt be a problem.

OsaSoft commented 8 years ago

Hi everyone! So I finally managed to get around to this! While the edit itself was not too dificult, took me some time to wrap my head around the project and the workings of the application. Ive decided to go with the extra link, because honestly it seems better than the rightclick functionality @erengy suggested. Its more intuitive (since you dont have to know about a right click functionality in order to use it) and doesnt take much space, so the page doesnt feel crowded, even at lower resolutions (tested on 1080p, 720p and 1024x768) with different window sizes.

Anyway, heres some actual screenshots: link

After clicking the link, the anime info window shows: after

ConnorKrammer commented 8 years ago

Not bad; this'll be useful when the user isn't sure which show is which.

Feedback: I think this is a good candidate for using an icon or symbol to indicate more info. A question mark or similar icon sounds like a good candidate; to avoid excessive visual impact or distraction, I'd set it to 50% opacity unless the name is being hovered over. That keeps distraction to a minimum and avoids using excessive screen space, because at the moment there is a significant addition of clutter to the screen.

Edit: Remove unneeded message history included by email client.

OsaSoft commented 8 years ago

@ConnorKrammer oooh, an icon is actually a really nice idea. Ill try and see how it works.

Zenithtb commented 8 years ago

Looking good! I also like the Icon idea. Even a simple '(?)' would be enough for most people to guess the meaning.

Where/how can I check this current version? It looks like it's going to be really helpful!

OsaSoft commented 8 years ago

Ok! So becuase the text here is a syslink, I dont know of a simple solution to get an actual icon in there, since it only supports text and links. BUT! I figured a workaround - emoji! Sadly, the "i" bubble emoji looks bad, but i think this questionmark emoji looks pretty good, what do you guys think? emoji

@Zenithtb Dont think you can check this out for yourself unless you downlaod my code and build it yourself. But hopefully if @erengy likes it enough he'll merge my change and include it in a future update of Taiga.

ConnorKrammer commented 8 years ago

@OsaSoft Definitely better than before.

To get even more polished, have you tried using a proper icon font, such as Font Awesome? Icon fonts tend to have dedicated question mark and info icons. For Font Awesome in particular, you can view these by typing "question" or "info" into the search bar on the previously-linked page.

That still requires you to be able to change the font for the link, however, and I don't know if that's possible.

wopian commented 8 years ago

Right clicking to bring up context menu still seems the better option, both visually and functionally.

ConnorKrammer commented 8 years ago

Going the right-click route is definitely better, in that it reduces visual clutter. However, it poses a problem: How does the user know that they can right click? Adding additional functionality to a hyperlink via context menu isn't a standard UI paradigm, and in the absence of that the only way for a user to discover the functionality is to guess.

That's not great, from a usability perspective.

OsaSoft commented 8 years ago

@wopian I agree with @ConnorKrammer on this one. Right-click functionality is very nonstandard for hyperlinks and users would have to know that its there. Not to mention AFAIK the hyperlink functionality in SysLink only registers left-clicks and keyboard activity (space or enter when link is selected). As for FontAwesome, itd be great to use something like that, but from what ive been able to dig up you cant change the font in the text of a syslink object. I imagine a viable solution would be to rewrite the entire thing using something like MSHTML, but thats more trouble than its worth, specially considering the longterm goal of rewriting Taiga's UI into something non windows-specific, such as QT.

erengy commented 8 years ago

As I mentioned previously, displaying additional text such as (See anime info) beside anime titles is a no go. In that regard, ❔‍ takes up less space, at least. If it was possible, I'd try adding muted icons like this, as @ConnorKrammer suggests:

i-cheated-and-used-html

However, the measly SysLink control we have is not capable of such intricacies. Anything above the current use requires a custom-drawn control, or at least a RichEdit box. And I'm personally not planning to make significant changes on the UI until v2.0, where we'll be able to do much more.

If we're bent on following this through now, I'd probably go with one of the following options:

wopian commented 8 years ago

Adding additional functionality to a hyperlink via context menu isn't a standard UI paradigm

Uh, ok. Right clicking for additional functionality is a pretty basic use case in apps and the web.

Zenithtb commented 8 years ago

I'd agree with r-click if you were planning to have additional options in the future (maybe 'Score', 'Move to...' or something).

For a single 'View Anime Info' though, r-click seems a little overkill. A '?' to the left or right of the name seems to fit in better with the UI, is more discoverable, and needs fewer clicks to use.

IMHO, OC

OsaSoft commented 8 years ago

Thanks for all the feedback! Replacing the bullet point seems like the best idea, since it doesnt take up any new space. Whether to put the icon left or right of the anime title, I prefer on the right, but tell me what you guys think. Muted icons really seem impossible with SysLink. Pulling up a menu on left click seems excessive if we only have two choices (Select this anime & See anime info) if we dont plan more features there in the future and it complicates selecting the proper anime when the choice is clear (which id say is about 90% of the time at least) Anyway, ive tried replacing the bullet point and using different emojis, which do you think would fit the role best? emoji-choice

Zenithtb commented 8 years ago

@OsaSoft I like the solid Question-Mark and the magnifying glass.

The Eye would imply 'Watch' to me, and although I could understand an argument for the 'i' (for Information) it'd be a touch small to click on.

I use Taiga on a TV with a wireless keyboard/track-pad combo, so 'More obvious and easier to click' is better in this usage case.

Although if we're going into this much detail over a single character, an Ini file preference would be the most obvious choice (using the most suitable as the default one). Keep the character within the source as a variable. Even if the character choice was not not exposed in the Preferences, I think most people using Taiga could manage an Ini-file edit if they're that desperate :P

Oh, and left-hand side, as it keeps them all in the same position and looks more aesthetically pleasing :)

ConnorKrammer commented 8 years ago

I agree with @Zenithtb about the solid question mark and the magnifying glass, with a preference for the former over the later. The magnifying glass carries the additional implication of "searching" which conflicts somewhat with the call-to-action, "Not in the list? Search for more." below the list.

The other challenge is to clearly differentiate between the emoji as a link and the title as a link; their proximity and colour make it easy for an inattentive user to confuse them for the same link. Padding the emoji out with more than one space character might fix this, but I'd have to actually whip up a test in Photoshop to confirm for sure.

After thinking about it for a bit, the ideal UI element to use for selecting the correct show is probably more along the lines of a set of radio buttons (as only one show can be selected) with a clear "submit choice" button below them. That would also allow clearer differentiation between the action of selecting a show and of opening its information view. Unfortunately, it's also more work and might be better considered after the UI overhaul that will come with v2.0.


@wopian With regards to adding functionality to a hyperlink via right-click, I could have been clearer, so I'll elaborate a bit. When a browser registers a right-click on a hyperlink, it opens a context menu with a variety of actions. These actions fall under two categories: treating the link as text ("Copy link address"), or as a gateway to another page ("Open link in new tab", "Save link as..."). These don't actually add new functionality to the link; rather, they act as shortcuts for common actions that could still be performed were the context menu removed. If the user were for some reason unaware that context menus existed, they could still complete whichever task they desired.

R-click command Alternate method
Open link in new tab Click link, copy URL from address bar, open new tab, paste in new tab, return to original page in previous tab
Open link in new window Same as above, but with a new window instead of a tab
Open link in Incognito window Same as above, but with an incognito window
Save link as... Open link, then save the page as an .htm file
Copy link address Click link, copy URL from address bar, return to previous page

However, Taiga's case is a bit different: the proposed context menu option adds additional functionality that's unreachable from anywhere else in the application. I say that doing so isn't a "standard UI paradigm", because if it were then the expected user behaviour would be to right-click on anything that looked even remotely actionable, and that's not particularly kind to the user.

erengy commented 8 years ago

I was able to somewhat differentiate the two links by changing the new one's color to the default one (cannot change it to something else or remove the underline). Here's how it looks:

fake-anime

PS: Designing a better UI is important, but let's not lose ourselves to bikeshedding here.

OsaSoft commented 8 years ago

oh that actually looks much better, as for the position, i personally prefer the right hand side

Zenithtb commented 8 years ago

Left, right, or inserted into the dead-centre of the anime's name, I just hope it makes it into an update.

Anime Anime (2006) Anime (2008) Anime (TV) Anime (OVA) Anime (Special) Anime (OVA) Anime (OVA) Anime (Special)

Are surprisingly hard to tell apart with no other context. Even a year or season added to the end would make a huge difference.

Also I learned something today: https://en.wikipedia.org/wiki/Law_of_triviality

(Don't want to make a Bug Report for a simple question: Is your Update History exposed through the MAL API?

(OK, thanks. As I use Taiga over more than one PC I was hoping for my Recently Watched screen to be able to synchronise, but I guess that's not possible - at least yet).)

OsaSoft commented 8 years ago

Ill add onto @Zenithtb's post and ask when can we expect this in a release? At first I just thought its a nice feature, but actually working on it and discussing it with all of you has made me strangely fond of the lone question mark :smile_cat: EDIT: also just read about the law of triviality. Made me laugh and slightly sad about how true it is

erengy commented 8 years ago

Is your Update History exposed through the MAL API?

Nope. Taiga keeps its own history. MAL's API is limited and wacky in general, not just in this case.

when can we expect this in a release?

I'm not planning another v1.2.x release at the moment, and v1.3 needs a lot of work. But I'll update the latest build after committing this change.

OsaSoft commented 8 years ago

Thats awesome. Thanks! Also never noticed the option of downloading the latest build! I love testing possibly unstable early builds :grin: Although I must say Nightly probably runs better than stable release Firefox :joy_cat:

OsaSoft commented 8 years ago

@Zenithtb I just realized you can probably use my build. So until the change gets merged into the main project and released as latest build as @erengy said, heres the link to my exe in zip (pass: ilovetaiga). Just drop it into your Taiga install folder (Just to be safe, backup your original Taiga.exe) https://dl.dropboxusercontent.com/u/56623141/Taiga.zip

Zenithtb commented 8 years ago

Many thanks - it works :)

taiga