it-swarm-eu.dev

Doporučené postupy pro online pomoc

v současné době vyvíjíme poměrně komplexní webový portál. Chcete-li zlepšit uživatelský dojem, chceme poskytnout kontextově citlivý online systém nápovědy, který může uživateli pomoci pochopit určité aspekty webu.
V našem případě má web řadu widgetů, které zobrazují všechny druhy tabulkových dat, grafů atd. Například jeden takový widget může zobrazit VIX a systém nápovědy by nabídl stručný popis toho, co VIX je.

Nyní jsem se rozhlédl po internetu a našel několik zajímavých článků, jako je Kontrolní seznamy návrhů pro online nápověd , ale většina z toho, co jsem našel, se zdá být docela zastaralá. Konkrétně mě zajímají takové konstrukční problémy, jako jsou tyto:

  • zda (nebo kdy) použít vyskakovací okna, divy nebo odkazy na externí stránky
  • jak komplexní by měl být vstup pro nápovědu? kolik je průměrný uživatel ochoten číst?
  • jaký je dobrý způsob, jak poskytnout přístup k systému nápovědy? přeplňování uživatelského rozhraní ikonami otazníku rozhodně není optimální
  • měla by být položka nápovědy na požádání načtena pomocí AJAX (tak trochu naštve, chcete informaci hned) nebo ji předem nahrajte (což způsobí spoustu zbytečného provozu)
  • další dos a nedělat

Odpovědi na některé z těchto otázek se mohou zdát zřejmé, ale pokud jde o použitelnost, udělal jsem dojem, že intuitivní odpověď není vždy nejlepší. Za druhé, jsem vývojář softwaru a jako takový mám tendenci se na věci dívat z pohledu inženýra. A myslím si, že všichni víme, že se jedná o častěji špatný úhel, z něhož se přistupuje k designu uživatelského rozhraní. Proto bych velmi rád získal zpětnou vazbu od lidí, kteří mají více zkušeností v této oblasti.

34
n3rd

Budu přispívat úzkou odpovědí, takže nebudu odpovídat na všechny vaše otázky.

  • Výzkum, který Andrea Ames před několika lety zveřejnil na mini konferenci v centru UBC, naznačil, že integrovaná pomoc a použitelnost jsou lepší než nápověda. Vyprávěla příběh o tom, jak porovnala tři různé metody poskytování pomoci s finančním softwarem pro domácnost. Uživatelé nevnímají vloženou pomoc jako formu nápovědy a hlásí, že „pouze používají software“, spíše než používají informace, které jim poučují a vedou je prostřednictvím softwaru. Když se uživatelé potýkají s problémem, často poslední věcí, kterou chtějí udělat, je odpojit se a začít něco jiného. Pro mnoho uživatelů je spuštění nápovědy vhodné pro kategorii „něco jiného“ - což může být nelogické. Když jsem naposledy slyšel, Andrea pracovala pro IBM. Od vložená pomoc Mám na mysli nikoli popisky a názvy tlačítek, ale text, který se objevuje přímo v uživatelském rozhraní, jehož funkcí je orientovat, vysvětlovat, instruovat a poskytovat kontext.

  • Lois Hawk informovala o nedobrovolné reakci v mozku, která se nazývala reakce na vzestupnou stimulaci. Když se něco neočekávaně změní ve vašem zorném poli - jako tygr - váš mozek odpoví takto: 1) vyprázdnění krátkodobé paměti, 2) uvolnění adrenalinu pro přípravu na akci a 3) vizuální prozkoumání prostředí. Pravděpodobně si dokážete představit, že pokud vyskakovací okno také vyvolá tuto nedobrovolno odpověď, a proto vyprázdní krátkodobou paměť vašich uživatelů pomocí vyskakovacích oken nápovědy a zvýší jejich stres, nejsou bude si jistý, proč se jim nelíbí zážitek, ale nechtějí. Tato výzkumná práce je v řízeních společné konference STC 7 a 8 v Honolulu v roce 2000 (myslím, že to byl rok). Je těžké najít jeho kopii.

23
JeromeR

Může být obtížné přimět lidi ke čtení. Někdy předpokládají, že vědí, co chcete, a odmítnou přečíst pomoc. Zjevnou odpovědí by bylo, aby byla vaše aplikace tak jednoduchá, že nevyžaduje žádné vysvětlení. Ale to není vždy tak snadné a je to něco, s čím jsem dlouho bojoval.

Ale co se týče kontextové nápovědy, rozhodl jsem se, aby se nápověda objevila vždy, když se zaměříte na textové pole. Například níže uvedené oranžové pole je viditelné pouze v případě, že je textové pole PSČ nastaveno ... alt text

Tímto způsobem uživatel nemusí kliknout na ikonu, aby se nápověda zobrazila. Při vyplňování aplikace to bude vypadat přirozeně.

To samozřejmě nefunguje pro všechno. Pro přepínače nebo zaškrtávací políčka to nebude fungovat, takže pro ně budete muset vymyslet svůj vlastní mechanismus. Malé informační ikony i fungují dobře vedle otázky.

Pokusím se odpovědět na některé z vašich dalších otázek ...

zda (nebo kdy) použít vyskakovací okna, divy nebo odkazy na externí stránky

Nikdo nemá rád vyskakovací okna. Pokud je to možné, zkuste najít prázdné místo vedle každého pole, kde se může objevit nápověda, jak je znázorněno nahoře. Tímto způsobem nic nezakrývá. Udržujte vše (včetně vaší pomoci) co nejstručnější a přitom se snažte o to informovat.

měla by být položka nápovědy na požádání načtena pomocí AJAX (tak trochu naštve, chcete informaci hned) nebo ji předem nahrajte (což způsobí spoustu zbytečného provozu)

Zde budete muset zvážit své možnosti na základě toho, s jakou pomocí nápovědy se zabýváte. Pokud přesto používáte kompresi gzip, nemusí být velké udržet vše v HTML.

12
Steve Wortham

Částečně se věnuji tipům na nástroje nebo vyvolávám oblasti, které jsou vždy viditelné a které poskytují základní pokyny, a poté odkazuji na pokročilejší kontextovou nápovědu. Tipy pro nástroje bývají otazníky nebo podobné, ale pokud je potřeba hodně, raději použijte pro tento účel jednoduchou oblast vyvolání.

Tip nástroje nebo vyvolání používá ID k umožnění navigace ke správné položce nápovědy. Neotevírám nové okno/kartu/vyskakovací okno/div, ale pokud chtějí podrobnou pomoc, vezmu je na tuto stránku s výrazným odkazem ZPĚT, který používá ID obrazovky a ID popisku/popisku, aby je vrátil do správné místo, udržet všechny formy naplněné.

Protože je to pokročilá nápověda, stále mám tendenci ustupovat od stylu nápovědy „RoboHelp“, kde jsou odkazy na související položky a kompletní navigace nápovědy. Protože většina aplikací, na kterých pracuji, je ověřena různými úrovněmi přístupu/typů uživatelů/rolí atributů, je k dispozici pro navigaci v nápovědě token Uživatelé, který rozhoduje, jaké informace zobrazit.

Doufám, že některé z nich jsou užitečné pro většinu vašich bodů.

4
Susan R

Pokud je vaše aplikace zaměřena na konkrétní téma a je plná zkratek/podivných výrazů, uživatelé budou vědět, že se jedná o cílenou aplikaci (která jim může poskytnout určitou produktivitu, pokud se ji naučí) a budou se chtít zapojit do učení. Problém je v tom, že tato vůle je jen pro první a třetí setkání.

Při prvním použití se můžete zeptat uživatele, zda chce průvodce s průvodcem. Můžete to udělat jako průvodce, v krocích, které představují zvýrazněné věci kolem, nebo si můžete poslechnout, na co uživatel klikne/zaměří se na něj, a poskytnout pomoc aktuálnímu prvku. IMO je to jako herní zážitek z tutoriálu, naučíte se ovládání, dostanete cíl. Uživatel by měl být schopen kdykoli opustit tento tutoriál, vrátit se, pokud se mu bude líbit, a zkontrolovat, že se mu tento pozvánkový program znovu nezobrazí. Tato zkušenost by měla být poskytnuta začátečníkům.

Pro střední/pokročilé uživatele si myslím, že zkratky a prvky nadpisu/popisky jsou dostačující (to znamená, že máte jasný IA a intuitivní/konzistentní prvky). Popisy uživatelů nezůstávají v cestě, ale existuje, že uživatel někdy potřebuje pomoc, aniž by otravoval. Měli by být stylizováni docela diskrétně, ale přesto pozorovatelní.

3
Ecaterina Moraru

Toto je odkaz na použití živého chatu jako nástroje pro online nápovědu, doufám, že to pomůže https://www.experienceux.co.uk/ux-blog/2017/05/30/6-steps -to-delivery-first-class-live-chat-user-experience /

Shrnutí příspěvku:

  1. Zajistěte, aby byla výzva k akci Live Chat snadno viditelná/přístupná (např. Spodní část webu vpravo).

  2. Upozorněte na výzvu k akci tak, že ji načtete po zbytku obsahu stránky (např. O několik sekund později).

  3. Pomozte překonat bariéru „je to skutečný člověk?“ Zobrazením jména a fotografie osoby.

  4. Usnadněte uživatelům paralelní procházení načtením konverzačního okna na místě v okně prohlížeče a umožněním uživatelům jej minimalizovat.

  5. Snižte potřebu uživatelů učit se nové věci sledováním vzorů známých služeb zasílání zpráv, jako jsou Facebook Messenger a WhatsApp.

  6. Nechte okno webového chatu minimalizovat a přitom stále zobrazujte oznámení o nových zprávách.

0
Adedoyin Akande