Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.
— F. A. Porsche
Z článku v The New York Times vychytal Daring Fireball.
Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.
— F. A. Porsche
Z článku v The New York Times vychytal Daring Fireball.
Beta test školení (slidy) splnil účel, vím, kde byly hrany a jak je zahladit.
Celkově se dá říct, že školení je ideální pro lidi, kteří mají zkušenost s tvorbou webů a chtěli by se nasměrovat na tvorbu web aplikací.
Byznys část hodnotili přínosně i zkušení tvůrci web aplikací, kteří na školení byli.
Wireframovací část odhalila slabinu mého záměru vymyslet příkladovou aplikaci přímo na školení. Jeden z účastníků přišel s reálným příkladem aplikace, kterou se chystá dělat. Znělo to zajímavě a všichni jsme souhlasili, že to bude dobrý výchozí bod pro wireframování.
Problém se ukázal být v tom, že ještě neměl dostatek informací pro to, aby řekl, co je správně a co ne, takže ve výsledku se nedalo ponaučit z chyb a ukázat dobré postupy, protože nebyla kritéria, jak je posoudit.
Proto upravím wireframovací část ve směru návrhu aplikace, kterou jsem dělal (nebude to Fakturoid) a jsem tedy schopen ji popsat z pozice klienta a zároveň budu schopen zodpovědět vaše otázky při cvičení a lépe zhodnotit, co dává smysl a co ne.
Kdy: 25. dubna (středa) od 9.30 do 17.00 hod
Kde: Hub Praha, oranžová místnost
Počet účastníků: 10 (už jen 2 místa volná)
Cena: 5000 Kč Release Candidate cena 4000 Kč (nejsem plátce DPH)
Vidíte v tvorbě web aplikací otevírající se příležitost? Uvažujete o tom, že byste vytvořili nějakou vlastní? Máte už firmu, která dělá webové prezentace a chcete rozšířit záběr a/nebo získat stabilní příjem z vlastní aplikace? Chcete získat slušný základ v obchodní strategii a v organizaci procesu tvorby web aplikace?
Pokud jste na něco odpověděli „Ano“, nemělo by vás školení zklamat.
Nabízí se možnost kombinace školení a konzultace nad vaším produktem. Ozvěte se.
Plugin pro „kinetic drag”, tj. čapnete objekt (myší nebou dotykem) a pokud s ním mrsknete bude se chovat přirozeně, tedy bude chvilku setrvačností pokračovat v daném směru. Pro desktop i mobilní zařízení s podporou HTML5.
Když už jsme u toho designu, vzpomněl jsem si na srovnání umění a designu od Webdesigner Depot.
Dobré umění… |
Dobrý design… |
Inspiruje | Motivuje |
Je interpretováno | Je pochopen |
Je záležitostí vkusu | Je záležitostí názoru |
Vyžaduje talent | Vyžaduje zručnost |
Má pro každého různý význam | Má pro každého stejný význam |
Myslím, že hezky vystihuje problém, který mají často umělecky založení grafici při návrhu designu webů a aplikací. Samozřejmě se obě oblasti místy prolínají, ale rozhodně ne tolik, jak by se mohlo zdát.
Startups, This Is How Design Works je velmi dobře realizované vysvětlení toho, co je design a proč je důležitý pro váš startup.
Hezky to rezonuje s myšlenkou, kterou jsem zaslechl v jedné epizodě Critical Path, bylo to nějak takhle: Hodně lidí se dívá na Apple jako na výjimku. Jejich úspěch, ale hlavně fungování firmy, její přístup k byznysu od strategie, až po marketing, je jejich unikátní kombinace. Opak je pravdou. Apple je nový normál. Ukazuje, jak budou muset nastavit své podnikání všichni, pokud budou chtít přežít.
Foresight.js gives webpages the ability to tell if the user’s device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image is requested from the server. Additionally, it judges if the user’s device currently has a fast enough network connection for high-resolution images. Depending on device display and network connectivity, foresight.js will request tjahe appropriate image for the webpage.
K nerespektování českých právních předpisů dochází v řadě ustanovení. Nejvíce do očí bijící jsou pasáže smluvních podmínek Apple týkající se záruky. Společnost informuje pouze o zkrácené, nikoliv zákonné dvouleté záruce, a navíc v rozporu se zákonem neinformuje o postupu pro uplatnění reklamace.
Zdroj dTest
Pod článkem si můžete nechat na email poslat PDF s přehledem a s radami, jak se zachovat v případě rozporu podmínek a zákona.
Nemůžu se rozhodnou mezi tím, jestli je to hipísácká naivní blbost, nebo samořejmá věc, která naprosto zapadá do toho, co si o světě myslím. Asi to bude tím, že mám naivní hipísáckou část. Chm, možná takovou máme všichni a v budoucnosti převládne a my jsem ještě taková přechodná fáze k homo empathicus.
Via Josef Štěpánek
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.
Pokud vám snad ještě nedošlo, že už teď jsme v post-PC éře, snad vás přesvědčí prezentace The Future of Mobile.
Mimochodem, to je taky jeden z důvodů, proč jsou web aplikace stále v zárodku boomu: HTML5 je jediná jednotná platforma pro velkou většinu mobilního trhu.
Via @venca
Patterns entrench themselves in our mental library through this process of encountering a situation, designing a solution, recognizing the same situation again, and recalling and applying the earlier solution.The forces don’t have to be explicit. I never wrote them down before this post. But being aware of the forces makes it possible to critically analyze why you are making a specific design choice and how well that choice fits with the situation.
Understanding design patterns in your everyday work, Ryan Singer
Dobrý tutoriál, který může sloužit i jako inspirace pro to, co je důležité pro čistě Metro aplikaci.
Záznam prezentace Stephena Woodse z Flickru, ve které mluví o tom, jak tvořit dotyková rozhraní ve web aplikacích.