An interaction model is a design model that binds an application together in a way that supports the conceptual models of its target users. It is the glue that holds an application together. It defines how all of the objects and actions that are part of an application interrelate, in ways that mirror and support real-life user interactions. It ensures that users always stay oriented and understand how to move from place to place to find information or perform tasks. It provides a common vision for an application. It enables designers, developers, and stakeholders to understand and explain how users move from objects to actions within a system. It is like a cypher or secret decoder ring: Once you understand the interaction model, once you see the pattern, everything makes sense. Defining the right interaction model is a foundational requirement for any digital system and contributes to a cohesive, overall UX architecture.
– Defining an Interaction Model: The Cornerstone of Application Design, UXmatters
Dobré shrnutí teoretického přístupu a zajímavé nahlédnutí do procesu budování interakčního modelu pro rozsáhlou aplikaci ve velké firmě (HP).
Popisovaná aplikace — jakýsi cestovní portál, který má „transform the future of travel”, ehm — byla komplikovaná v tom, že potřebovali pokrýt více uživatelů s naprosto jinými cíli a tedy jinými interakčními modely. Vlastně je to jako navrhovat několik aplikací a ještě střechu nad nimi.
Pokud máte malý projekt, může vám dobře k zachycení interakcí posloužit třeba i jednoduchá technika, protože ten vysoko-úrovňový pohled se dá shrnout třeba do toho, že „zákazník potřebuje vystavit fakturu”. Každopádně i tak potřebujete tuhle oblast promyslet.
Autor je malinko jetej v „corporate speaku”, takže to si musíte přefiltrovat, ale za přečtení rozhodně stojí.
Za odkaz díky @janrezac
Beta test školení splnil svůj účel. Ověřil jsem si, že časově to vychází a našel jsem pár slabších míst, které budou chtít vylepšit.
Další termín školení bych viděl někdy na polovinu dubna, ale to ještě upřesním tady na blogu.
Dobré shrnutí od Six Revisions řadí mezi základní složky:
- Promyšlený layout (čti „grid”)
- Dobrá typografie
- Omezená barevná paleta
- Konzistentní styl obrázků
- Zjednodušte to složité
- Ladit, ladit, ladit
- Nezapomeňte pro stromy na les
Myslím, že emailoví klienti — weboví i desktopoví — jsou jedna ze zanedbávaných oblastí a je tu spousta prostoru pro zlepšení.
Via Jiří Sekera
Zdroj Fluent
HP today announced it will contribute the webOS software to the open source community.
…
HP will engage the open source community to help define the charter of the open source project under a set of operating principles:
- The goal of the project is to accelerate the open development of the webOS platform
- HP will be an active participant and investor in the project
- Good, transparent and inclusive governance to avoid fragmentation
- Software will be provided as a pure open source project
Ha, kdo by to byl řekl! Osobně jsme tipoval, že ho koupí Amazon, nebo nějaký výrobce hardwaru, třeba HTC. To, že HP uvolní webOS jako Open Source si těžko dovedu vysvětlit jinak, než že ho nikdo nechtěl koupit, což je celkem zarážející.
Rád bych věřil, že to povede k rozkvětu webOS, ale spíš se obávám, že umře pro nezájem výrobců zařízení i vývojářů.
Via Daring Fireball
„I love free software and could not have built my site without it. But free web services are not like free software. If your free software project suddenly gets popular, you gain resources: testers, developers and people willing to pitch in. If your free website takes off, you lose resources. Your time is spent firefighting and your money all goes to the nice people at Linode.”
— maciej, tvůrce Pinboard
Tradiční adventní kalendář plný většinou neokoukaných tutoriálů začíná.
Za připomenutí díky @martintomcik
Když jsem napsal „Proč je vítězství HTML5 nad flashem dobré pro všechny”, zdálo se mi, že z něj vyplývají kromě jiných i tyhle dva úhly mého pohledu:
-
Jde mi o vítězství nad flash playerem, tím pluginem, který je nutný pro chod aplikací vytvořených v programu Flash.
-
Na celou záležitost se dívám z pohledu vývojáře web aplikací.
Z komentářů jsem pochopil, že jsem selhal v obou bodech a tímto předkládám ctěnému čtenáři reparát.
Ještě v roli šéfa NextStepu, Steve Jobs prezentuje jejich framework pro vytváření dynamických webových stránek. Dobré vidět minimálně z pohledu toho, co bylo v roce 1996 high-end.
Via Daring Fireball
Weby už se u nás dělají nějaký ten rok a ačkoli všichni vědí, že „content is the king,” jsme stále mile překvapení, když narazíme na stránku, kde si úsilí autora(-ů) textů všimneme s tím, že někdo odvedl dobrou práci.
Texty — microcopy, mikro-texty chcete-li — jsou ve web aplikacích asi ještě důležitější než u webů. Náš uživatel často začíná v „prázdné aplikaci”, protože většinu obsahu musí sám vytvořit. Chceme ho provést řadou kroků, ve kterých mu vysvětlíme nejdříve základy fungování naší aplikace a postupně z něj vychováme profíka, který s pomocí naší aplikace válí, a proto ji miluje.
Hledal jsem něco k jedné části školení o navrhování UI, které chystám a našel jsem tyhle dva články, které poskytují slušný přehled do začátku:
– Six Revisions: Ultimate Guide to Website Wireframing
– Smashing Magazine: 35 Excellent Wireframing Resources
„Every so often a few technology trends converge that yield results much greater than their individual parts. I think we have reached one of those moments with mobile devices (like the iPad) and HTML5.”
— SproutCore Blog, Via Michal Valášek
Apple netradičně uvolnil videa ze své vývojářské konference. Musíte si vytvořit developerský účet (zdarma), pokud ho ještě nemáte. Jako první jsem se vrhnul na sekci Internet and Web, kde je 13 hodinových přednášek s takovými tituly jako CSS Effects, Part 1: UI Elements and Navigation.
Paul Boag z podcastu Boagworld publikoval svou přípravu na přednášku na SXSW. Shrnuje problémy, kterými jsme si všichni při práci na klientských webech prošli a dochází k velmi podobné cestě jaká se osvědčila mně.
