it-swarm-eu.dev

Navrhování pro iPad

Chtěl bych svůj web zpřístupnit lidem, kteří mají zařízení iPad nebo jiná iOS .

Jaké úvahy musím vzít v úvahu při navrhování uživatelského rozhraní kompatibilního s iPadem nebo iOS obecně?

15
George Stocker

Podívejte se myšlenky Jakona Nielsena k této záležitosti . video propojené dole je dlouhé jen 3 minuty a je zajímavé, ne-li přímo užitečné.

Obecné myšlenky (žádná fakta, která by to podporovala kromě osobní zkušenosti):

  • Pokud se potřebujete vrátit k designu pro jinou platformu, vrátíte se k návrhům počítačů, NE k návrhům iPod. Pokud na iPadu můžete dostat ruce (brzy), zkuste na iPadu procházet výchozí Amazon.com. Vrátí se zpět na výchozí uživatelské rozhraní zařízení iPod Touch/iPhone, které má tlačítka pro vodorovné vyplnění s textem na pravé straně a je v podstatě nepoužitelné.
  • Je snazší vidět malé věci, než na ně kliknout. Podle mých vlastních zkušeností nelze na většinu čitelného textu kliknout a často musím přiblížit odkazy (tj. Na Wikipedii).
  • Otestujte své návrhy na výšku i na šířku!
  • Pohyb rukou vyžaduje trochu více fyzické energie (a je méně přesný) než pohyb myši kolem.
  • Použití více karet je obtížnější než u PC (i když pravděpodobně snadnější než u iPhone). Odkazy, které uživatele odvezou z webu, pravděpodobně provedou jen to; neočekávejte je v dohledné době.
  • Náhodné klepnutí je častější než náhodná kliknutí.
  • Psaní (i pro vyhledávání) je obtížnější než u klávesnice.
  • Vložená videa na YouTube fungují.
  • Nezapomeňte na uživatelskou základnu, která kupuje iPady a navrhuje je.
  • Aktualizace: Existují další webové prohlížeče. 95% uživatelů pravděpodobně používá mobilní Safari, ale může být vhodné testovat v několika dalších. Například jsem právě zjistil, že weby Stack Exchange nefungují (nemohou zveřejňovat dotazy) v Atomic Web Browser .

Hodně štěstí!

14
Robert Fraser

To platí více pro vaši obecnou otázku uživatelského rozhraní:

Přemýšlejte „dotkněte se, neklikejte“. Jak byste vy (nebo vaši potenciální klienti) použili aplikaci s jejich rukama? Je zásadní rozdíl mezi ukazováním myší na něco a ukazováním rukou. Možná provedete nejdůležitější kontroly na straně, aby se k nim lidé snadno dostali? Experimentujte s různými kostry a požádejte lidi, aby posoudili snadnost použití. Uživatelské testování na začátku procesu může značně pomoci vylepšit váš návrh.

8
Scott M.

Napsal jsem blog o věcech, které je třeba sledovat při navrhování stránek, které jsou optimalizovány/připravené pro iPad. Může to být užitečné.

3
Jin

IPad byl navržen pro procházení webu. Velká obrazovka umožňuje zobrazit celou šířku webové stránky. Takže design webové stránky by měl být v iPadu v pořádku.

U zařízení iPhone a iPod Touch byste mohli zvážit vytvoření jiného designu a vytvoření uživatelského rozhraní podobného nativním aplikacím pro iPhone. Existují nástroje, které můžete použít, aby to bylo možné, ale bude to hodně práce. Podívejte se na Sencha Touch , které lze použít i pro iPady.

Pokud nechcete používat něco jako Sencha Touch, musíte vzít v úvahu také to, že interakce uživatelů s těmito zařízeními je zcela jiná. Jsou založené na dotyku a nikoli na myši. Příkladem jsou efekty přechodu, které nefungují s dotykovým zařízením. Kliknutí myší se také liší od nečinnosti klepnutí, kterou prohlížeč v systému iOS zachytí. To znamená, že můžete zlepšit interakci uživatelů přizpůsobením JavaScriptu, který používáte pro iOS, aby byl nativnější a intuitivnější.

Apple také vytvořil Human Interface Guide pro své nativní aplikace na iOS. Bylo by dobré se na to podívat, protože to budou uživatelé očekávat od nativních aplikací. Webové stránky, které jsou v souladu s tímto, jim pomohou pochopit vaše stránky.

3
googletorp

Nezapomeňte na velikost obrazovky a různá možná rozvržení: Rozložení iPad CSS s režimy orientace na šířku/na výšk

2
Kostya

Další dvě vydání, které jsem chtěl přidat, zejména pokud jde o přizpůsobení existujícího webu nebo aplikace, spíše než o návrh nového - tyto se mohou zdát triviální, ale přesto:

  • Ujistěte se, že váš web nebo aplikace neodpovídají na akce myší (například popisky)
  • Nezapomeňte, že na webu není žádné kliknutí pravým tlačítkem (méně běžné na webu, ale někdy se vyskytuje i ve webových aplikacích)
1
Dan Barak

Prvky musí být větší než u stolní aplikace, protože prst je méně přesný než myš.

Když jsem v poslední době používal některé grafické aplikace, viděl jsem, že může být velmi obtížné přesně umístit objekty prsty, protože zakrývají pohybovaný objekt. Jedním ze způsobů, jak to opravit, které vypadá jako Apple udělal, je začít se pohybovat až po přesunutí nějakého prstu, takže již není na vrcholu objektu, který se pohybujete).

Vícenásobný výběr je v tuto chvíli velmi problematický. Nelíbí se mi přístupu Apple klepnutí jedním objektem jedním prstem a klepnutím na více objektů druhým vytvořením vícenásobného výběru. Rozpadne se, jakmile potřebujete více než 4-5 objektů. Přetáhněte výběr může fungovat lépe. Např. Na kartu vyberte nástroj pro výběr a poté přetáhněte výběr více objektů.

1
Erik Engheim