kbss-cvut/termit-ui

Úprava grafiky anotátoru

Closed this issue · 9 comments

Vzhledem k zavedení highlight režimu v anotátoru, navrhujeme tomu přizpůsobit grafiku anotátoru takto:

image

  • to, co není návrh, má barevnou výplň (standardní režim)
  • výskyty pojmů mají rámeček - odlišný pro návrh a nenávrh (aby byly v highlight režimu vidět a rozlišil se návrh a nenávrh)
  • tím by mělo být zajištěno, že jak ve se standardním zobrazení, tak v highlight režimu bude návrh výskytu méně vizuálně výrazný než reálný výskyt

@lindatothova
Trochu problém vidím v tom, že se vizuálně téměř nedá odlišit navrhovaný výskyt existujícího a nového pojmu - liší se pouze barvou tečkované čáry, viz:
image
Ale možná je to jen moje barvoslepost...
Ještě zkouším použití původních barev, ale u návrhů nižší saturaci, aby nebyly tak výrazné:
image

@MichalMed Co si o tom myslíš ty?

Díky za ukázku. Za nás ta první varianta (bez výplně) není špatná. Ta druhá varianta by také šla, jen bychom tam ještě tu saturaci výplně lehce snížili.

Tak ještě jedna varianta. Menší saturace pro návrhy, navíc návrhy existujících pojmů mají čárkované ohraničení:
image

měse nejvíc líbí ta původní varianta v nižší saturaci, ale o tomhle si musí rozhodnout zákazník :) @lindatothova

Díky za další variantu, zas nás to trochu posunulo a na základě toho jsme došli snad už k finálnímu návrhu:

image

Jak jsem o tom přemýšleli: nebylo by vhodné tam mít 3 typy ohraničení, takže ohraničení návrhů buď nechat obojí tečkovaně nebo obojí změnit na čárkované. Pokud by to bylo čárkovaně (tedy celkově výrazněji), tak už by byla potom výplň zbytečná. Čárkované ohraničení by pomohlo lepšímu rozlišení v highlight režimu.

@ledsoft prosím, vytvoříš nám k této poslední variantě ještě ukázku? Ať to raději vidíme v praxi.

@lindatothova Vypadá to takto:
image

Děkujeme za ukázku. Mě tohle přijde jako dobré řešení. Počkejme prosím ještě na názor kolegyně za ÚAP. Zítra to tedy ještě potvrdím.

@lindatothova Nasazeno na development, ať to můžete vyzkoušet v reálu. Pokud budete mít připomínky, dejte vědět.

@ledsoft Potvrzuji, že tato vizualizace nám vyhovuje, děkujeme.