Zanikanie krawędzi tekstu może być użyteczną alternatywą dla elips i uważam, że jest lepsze pod pewnymi względami.

Nie mylić treści

Wielokropki zastępują treść tekstową, aby wykonać swoją pracę, co może powodować nieporozumienia co do tego, jaki jest rzeczywisty tekst. Czy zawiera ” … „? Jeśli wycinam / kopiuję / wklejam, czy to się pojawia? Zanikanie zmienia sposób wyświetlania treści .

W pewnym sensie zanikanie jest zgodne z pojęciem separacji między kodowaniem wizualnym i semantycznym , a elipsy nie.

W iOS 5 Apple zmieniło pasek adresu w mobilnej przeglądarce Safari, aby używała zanikania zamiast wielokropków:

Nie o tylko czy jest bardziej jasne, jaki jest rzeczywisty adres URL, ale (przynajmniej tak się wydaje) można zobaczyć trochę więcej, gdy się urywa.

Tekst obcięty w pionie

Elipsy nie działają w pionie. Oto przykład z JIRA, w którym dolna zawartość jest przewijana, ale nagłówek pozostaje na swoim miejscu (jest również sprytnie zagęszczany tuż przed tym, jak to się stanie – nie jest tak szarpany, jak mogłoby się wydawać). Zanikanie pomaga zakomunikować, że przewijana część gdzieś idzie .

Kiedy tekst przepełnia się, jest to kontener, ale nie można go zawijać

Tutaj, w Gmailu, krawędź, w której przepełnienie jest odcięta, jest trudna. Szerokość jest dynamiczna, więc elipsy musiałyby być wstawiane dynamicznie, co nie jest praktyczne (zakładam, że nie mogły sprawić, by było zgrabne). Twierdziłbym, że zaniknięcie lub „kuzyn ” schowanie pod ” może pomóc w komunikowaniu się, co się dzieje.

Ogólne tło

Ogólnie efekt zanikania wynika ze skeumorfizmu, który wynika z tego, że wyższy kontrast jest łatwiejszy do przeanalizowania i wydaje się, że ” bliżej ” do użytkownika, a niższy kontrast jest trudniejszy i pozornie bardziej odległe – pomyśl o ” blaknięciu o zachodzie słońca „. Bardziej konkretny krewny skeumorpha z iOS podkreśla ten pomysł:

Kolejny, zakreślony przez Gmaps:

Najwyraźniej nie jest to „bardzo powszechna konwencja, ustawiona na zastąpienie zawijania tekstu lub elips. Ja tylko znalazłem jeden przykład dokładnie tego, o czym mówisz. Ale myślę, że w pewnych okolicznościach jest to odpowiednia opcja.

Komentarze

• +1 To ´ to ładny przegląd różnych rodzajów gradientów. Czy ´ był postem na blogu;) Mam nadzieję, że rozszerzysz wniosek na więcej niż ». id = „622ce48a3a”>

Podsumowanie:

punkt z gradientami i zanikami ²⁾ zawsze jest taki sam: nie grają dobrze ze złymi monitorami / LCD.

Problem z kontrastem

_{Po lewej : wygląda dobrze na monitorze projektanta || Po prawej : zanikanie znacznie wcześniej.}

problem z zakresem kolorów

Zły monitor:

Dobry monitor:

Jak widać powyżej, nie każdy użytkownik podzieli się swoimi doświadczeniami na monitorze. Jeśli światło słoneczne padło bezpośrednio na ekran, wynik będzie nawet będzie gorzej.

Moja opinia:

Nie używaj zanikania i gradientów dopóki nie możesz tego uniknąć .

Komentarze

• To nie jest ' t co myślałem ” wyblakły tekst ” oznacza. Odniosłem wrażenie, że ' bardziej przypomina: [~ 400 znaków tekstu ciągłego] [~ 50–100 znaków szybko znikającego tekstu] – w takim przypadku różnica w wrażeniach wizualnych spowodowana fade ” speed ” woudn ' nie będzie naprawdę znaczące. Jednak dopóki OP nie wyjaśni, co miała na myśli, są to spekulacje.
• Oczywiście, późniejsza część zostanie usunięta, ale to nie ' nie ma znaczenia, ponieważ niewielka ilość wyblakłego tekstu sugeruje, że ' nie jest przeznaczony do czytania, a jedynie jako ikoniczna reprezentacja ” dodatkowego tekstu „, który jest dostępny.
• Gradienty nie są zależne od sprzętu ani nie są znacząco uszkadzane przez światło słoneczne lub złe monitory. Mylisz problem projektowy z problemem UX. Zwykle wyświetla się 4–10 linii bez nakładki, a następnie 2–4 linie z zanikaniem od 100% do 0%. Nie ma znaczenia, czy to zanikanie jest dokładnie odwzorowywane na monitorze użytkownika '; tak długo, jak użytkownik widzi jakiś zanik jakiegoś rodzaju, formant spełnia swoje zadanie, wskazując dalszą zawartość.
• Ponownie, nie rozumiesz. Gradient nie obejmuje całego tekstu , tylko dolną część. To, czy zanik jest wysoki czy niski w tej ostatniej części, nie jest szczególnie istotny dla wartości jako wskaźnik, że dostępna jest większa zawartość. Większość treści jest w pełni widoczna. Świadomość faktu, że gradient może być mniej widoczny dla niektórych użytkowników, jest ważna (aby można było projektować w najgorszym przypadku), ale nie przeszkadza mu to spełniać swojego celu niezależnie od jakości użytkownika ' s.
• Kluczową kwestią jest to, czy OP oznaczał, że zanikanie następuje na dystansie 10 mil, czy 10 mm. Nie ' uważam, że ' nie jest jasne, biorąc pod uwagę zwięzły opis i brak przykładu. ' zgadzam się, że duże gradienty nad tekstem są złe – przykłady, które podajesz, wyglądają okropnie w najlepszych warunkach. Ale tylko dlatego, że opis jest niejasny, nie ' nie oznacza, że należy zakładać najgorszy przypadek. Chciałbym ' być ciekawy, co myślisz o mojej odpowiedzi, która dotyczy przypadku, w którym być może założenia są bardziej optymistyczne.

Naprawdę nie widzę, aby technika „wyblakłego tekstu” była często używana, ale myślę, że celem użytkownika jest zaprojektowanie tego, co ułatwia użytkownikowi . Jeśli użytkownik musi spróbować odgadnąć, co się dzieje, myślę, że pokonujesz cel. W większości przypadków wystarczy dodać […] lub [więcej …] i zapewnić przejrzystą, łatwą do prześledzenia ścieżkę aby użytkownik mógł uzyskać więcej informacji … o co w ogóle chodzi, prawda?

Pytasz, czy użycie wyblakłego tekstu zostało w ogóle przetestowane?

Jak widzę, jest to przykład pomysł wykorzystania „zapachu informacji” w interfejsie użytkownika. Innymi słowy, w jaki sposób można wizualnie pokazać użytkownikom, gdzie znajdują się dane w spa informacyjnym ce. W tym przypadku zanikanie wskazuje, że w tym kierunku jest więcej informacji, do których możesz dotrzeć, przewijając lub wchodząc w jakąś interakcję.

Dużo dyskutowaliśmy o koncepcji zapachu informacji w społeczności zajmującej się wizualizacjami pod koniec lat dziewięćdziesiątych. W społeczności CHI było dużo literatury naukowej, pojawiły się teorie Xerox Parc dotyczące poszukiwania informacji … przeprowadzili wiele badań w tej dziedzinie. Przychodzą na myśl artykuły Petera Pirolli i Stu Carda.

Możesz również zastosować zapach informacji do zapytań. Na przykład użyłem zapachu informacji w niektórych wizualizacjach, które zaprojektowałem przy użyciu szarych skal, aby pokazać, w jaki sposób dane spełniały określone kryteria ustawione na suwakach (czarny nie sprawdził jednego, ciemnoszary zawiódł dwa itp.). Innymi słowy, czarne punkty danych to te, które znajdują się tuż poza zapytaniem … więc możesz szybko przesunąć suwak, aby je uwzględnić.

Bob Spence napisał artykuł podsumowujący wiele z nich techniki zapachu informacji / pozostałości .

Więc chociaż nie mogę podać danych na temat tej konkretnej techniki, rzeczywiście istnieje wiele badań dotyczących tego, jak dostarczanie tego rodzaju wskazówek wspiera ludzi w zadaniach opartych na informacjach.

Komentarze

• Jak odnoszą się mini-mapy do zanikania marginesów treści, które nie ' nie mieszczą się na wyświetlaczu?
• zredagowano w celu wyjaśnienia … jest to podstawowa koncepcja, do której nawiązuję.
• Jest to wykres słupkowy z kolorami dla błędów. Nadal nie ' Zobacz, jakie to ma znaczenie. Również dlaczego zaliczone wszystkie czerwone, a najwięcej błędów jest najlżejsze i ma najbardziej tylną kolejność z?

Fajna rzecz w używaniu wyblakłego tekstu (dla tych, którzy nie wiedzą, co to znaczy: gradientowa przezroczysta nakładka, dzięki której tekst „znika” na kolor tła w trakcie kursu, jeśli kilka linii) jest taka, że jest znacznie większa i trudniejsza do przeoczenia niż wielokropek. Ponadto, chociaż wielokropek prawie zawsze działa, aby wskazać, czasami tekst wydaje się po prostu kończyć poprawnie we właściwym miejscu, więc nie ma wiszącej koncepcji, która zachęca użytkowników do szukania dodatkowych słów. Wielokropki są również dość małe i łatwe do przeoczenia, szczególnie dla osób z upośledzeniem wzroku (takich jak osoby starsze).

Sam nie mam doświadczenia w ich używaniu i chociaż pamiętam witrynę, z której korzystam … Nie pamiętam , z której witryny, w której ją korzystam. Przepraszam. Mogę powiedzieć, że podoba mi się i uważam, że działa dobrze w swoim celu. Należy pamiętać, że nie zastępuje przycisku „Więcej”, po prostu zapewnia znacznie większe i wyraźniejsze wskazanie dodatkowej treści. Nadal musisz mieć obszar umożliwiający kliknięcie (roleta okna, przycisk Więcej), do którego będą się kierować użytkownicy, gdy zobaczą efekt zanikania.

Ten rodzaj efektu byłby odpowiedni tylko do przewijania treści (tj. pasków, kanałów wiadomości itp.), gdzie przewijają się z jednej strony (pojawiają się) i znikają na drugą stronę.

Wydaje się, że dobrze działa z pojęcie czytania kształtów, http://www.microsoft.com/typography/ctfonts/WordRecognition.aspx i rozpoznawanie słów. Jednak teoretycznie widzę, że jest to przydatne tylko w przypadku zanikania poziomego (od lewej do prawej), a nie , a także w przypadku Amazon „s pionowe zanikanie. http://softwareas.com/pure-css-solution-to-avoid-cutting-off-text/ Można to zrównać z szeptem, chociaż szept jest słyszalny, ma to podobny wpływ na poziom wizualny. O ile wiem, nie było jeszcze studiów, ale jeśli ktoś je znajdzie, napisz tutaj.

Tutaj „próbka zanikająca w porównaniu ze standardowym wielokropkiem. http://www.theuxunicorn.com/fade_sample.png