juni 2004

Telias mobil-koder

Boxes and Arrows: Usability Heuristics for Rich Internet Applications - ser ut att vara värda att titta igenom och inspireras av

SJ:s just nu-biljetter. Marknadsförarnas perversion av språket.

* jmfr Arlas "bäst före men fortfarande lika bra"

Känner för att skriva något om det här j-a hoppandet som man får med CSS-spalter - som på blogmärken eller Tablet PC forum när innehållet i en spalt kommer och hinner renderas innan nästa är på plats (eller egentligen vill jag skriva en allmänt gnällig artikel om CSS och hur illa det är tänkt och gjort inte i de stora dragen men i sina detaljer).

Typ att detta är en väg vi måste gå, men låt oss inte lura oss själva eller ljuga - den är j-gt stenig.

Fixar för första problemet:

• Ta spalterna i en annan ordning så att åtminstone huvudinnehållet renderas först - gör hoppet något mindre störande/påtagligt

Amazon.com: Books: How Users Matter: The Co-Construction of Users and Technologies

"Taken together, the essays in How Users Mattershow that any understanding of users must take into consideration the multiplicity of roles they play-and that the conventional distinction between users and producers is largely artificial. "

Möjligen väl allmän för att vara användbar för mig

Laszlo - system för att använda Flash som interface på webb.

Jmfr resonemang i Joel on Software om hur Microsoft tappar API-et till webben, och Normans resonmang om hur webbplikations kommer alltmer.

Skulle kunna användas som underlag för att skriva en offensiv inledning till webbapplikationskapitlet (istället för min vanliga litet gnälliga inställning till att applikationer webbifieras).

Frågan är: hur mycket skall jag ta upp Flash i boken. Riskerar att dra iväg för långt "åt sidan". Tror jag håller det ganska kort, har en inställning till användandet av Flash men går inte in på hur det kan användas.

• Produktsida (fler länkar finns här)

• "use Flash as the rendering engine for rich content" - artikel

Hur man väljer adressfältet i Mozilla:

Alt+D, gmail, Ctrl+Enter

Joel on Software - How Microsoft Lost the API War

"There is all the more reason for startups to write Web-based software now, because writing desktop software has become a lot less fun. If you want to write desktop software now you do it on Microsoft's terms, calling their APIs and working around their buggy OS. And if you manage to write something that takes off, you may find that you were merely doing market research for Microsoft."

...

A lot of the bets Microsoft made are the wrong ones. For example, WinFS, advertised as a way to make searching work by making the file system be a relational database, ignores the fact that the real way to make searching work is by making searching work. Don't make me type metadata for all my files that I can search using a query language. Just do me a favor and search the damned hard drive, quickly, for the string I typed, using full-text indexes and other technologies that were boring in 1973.

...

The real significant productivity advance we've had in programming has been from languages which manage memory for you automatically

...

(By the way, for those of you who follow the arcane but politically-charged world of blog syndication feed formats, you can see the same thing happening over there. RSS became fragmented with several different versions, inaccurate specs and lots of political fighting, and the attempt to clean everything up by creating yet another format called Atom has resulted in several different versions of RSS plus one version of Atom, inaccurate specs and lots of political fighting. When you try to unify two opposing forces by creating a third alternative, you just end up with three opposing forces. You haven't unified anything and you haven't really fixed anything.)

...

Which means, suddenly, Microsoft's API doesn't matter so much. Web applications don't require Windows.
It's not that Microsoft didn't notice this was happening. Of course they did, and when the implications became clear, they slammed on the brakes. Promising new technologies like HTAs and DHTML were stopped in their tracks. The Internet Explorer team seems to have disappeared; they have been completely missing in action for several years. There's no way Microsoft is going to allow DHTML to get any better than it already is: it's just too dangerous to their core business, the rich client.

XML.com: Something Useful This Way Comes

...the Semantic Web requires a lot of work, but there's been a lot work done. This raises an obvious question: when will all that work pay off?

There are only three ways to answer that question - already, never, or somewhere in between. In other words, one might say that the Semantic Web is already here...

Semantic Web Application Integration: Travel Tools

Argumentation för web standards

"Imagine that you wanted me to send out a document on your behalf, and we have a lovely word processor there to use, but I created the document on a manual typewriter instead because I didn't know how to use the typewriter."

Dynamically underlining accesskeys

NewsAloud

NewsAloud personal news agent from NextUp.com finds the stories you want, then reads them aloud in a natural, human sounding voice.

Tydligen också som MP3:or, att ladda ner i podden.

The explorers guide to the semantic web

The book 'The explorers guide to the semantic web' is now available in eBook form at 20$, or you can wait a couple of weeks for the dead-tree version for about the double of that. The gory details are 'June 2004, Softbound, 304 pages, ISBN 1932394206'. It contains mostly information about the semantic web, but has also got quite a lot of Topic maps in there too, one whole chapter and interspersed bits, and a use case using the excelent TM4Jscript Topic Maps engine.

Creating Liquid Layouts with Negative Margins: A List Apart

Dynamically Conjuring Drop-Down Navigation: A List Apart

Wouldn't it be great to allow our users to reach all the pages of our site via a handy drop-down menu — without expending extra effort adding one to each page?

We can, by harnessing the powers of a seemingly forgotten HTML element and adding a tap of our JavaScript wand (or a drop of a less magical PHP potion).

Dynamic Text Replacement

No more or tags, no more id attributes or wasted time in Photoshop, and no more messy CSS hacks. Using JavaScript and PHP, we can generate accessible image-headings using any font we like. And we don’t have to change the structure of our HTML or CSS at all.

My shopping basket's on steriods - kolla denna och se om den har idéer att bidra med

Tre spalter med uträknad minibredd för IE - inkl header & footer. Påstår sig ha litet mer avancerat script än den lösning som man sett tidigare.

Rolleiflex MiniDigi

Javascript & handikapptillgänglighet

The Web Content Accessibility Guidelines Working Group at W3C is assembling accessible techniques for various languages, including JavaScript.

eSäkerhet = e-leg + kortläsare

eSäkerhetspaket 1 - E-legitimation på ID-kort
Detta paket innehåller allt du behöver för att identifiera dig fysiskt
och elektroniskt. Du kan också göra elektroniska underskrifter, skydda dina meddelanden/dokument (kryptera) och skicka säker e-post om du har ett e-postsystem som har stöd för detta.
När du beställer eSäkerhetspaket 1, skickar vi dig beställningsmaterial och betalningsbevis (värdekupong) för eID-kort SIS, kortläsaren Reflex USB V2 och programvaran SmartTrust Personal.

Hej Tommy!
Hoppas allt är väl med dig.
Jag har nu tjänst som lektor o studierektor på GI.
Vi har en kurs på hösten för årskurs 2, webbdesign och webbproduktion.

Studenternas utbildning är inriktad på projektledning och produktionsledning, och i denna kurs ska de lära sig vad som behövs för att leda ett webbprojekt respektive beställa webbtjänster

Här ska vi bl.a. ha föreläsning om informationstjänster, offentlig sektor och 24-timmarsmyndighet, arkitektur och användavänlighet i dessa webbtjänster, vad som utmärker dem till skillnad från marktnadsföringswebbar, etc, samt info om regler för handikappanpassning, och info om den lite speciella usability-traditionen och dess perspektiv.

Tror du att detta kan vara något för dig att föreläsa om? Och visa bilder.
Tidpunkten kan bli i oktober, kanske senare delen av oktober.
Vi brukar ha föreläsning på fm 9-12, men det kan också ske på em

Jag skickar utförligare info och kursbeskrivning sen vi talats vid. Detta kursmoment är nytt och det blir vi tillsammans som lägger upp det.

Hoppas höra av dig snart och att vi ses här i höst.

mvh
Stefan

________________________
Stefan Lundhem
Lektor och studierektor
Institutionen för tillämpad kommunikationsvetenskap -
GI och IHR
Stockholms universitet, D4
106 91 Stockholm

Tel: 08-674 79 42
Mobil: 0709-94 69 93
Fax: 08-674 79 31
Email: stefan.lundhem@gi-ihr.su.se
Hemsida: www.gi-ihr.su.se

File Structure Description Markup

FSDM, or File Structure Description Markup. This could also form the basis of (for example) an incremental archive, a version control system etc In fact anything where changes to a file system need to be monitored or described and changes stored.

Användbart i ExpressElevator?

• HTML har klara inslag av semantik (eftersom elementens användning är bestämd)
• XML är syntax - fri från semantik
• RDF är semantik

Ask Joel - Pricing Products

With software sold in corporations, as soon as your price gets up in the $3000 level, the amount of approval it needs is so absurd that you are not going to sell products without a salesperson making a few visits. Hiring the salesperson, sending them out to make presentations, hotels, airfare - now it costs $50,000 to get the sale done just in sales closing costs. That's why you see a lot of software products at $100,000 and a lot under $3000, but anywhere in-between and it's impossible to make sales.

Mail/meddelandebranchen är som shoestring-turism ("...off the beaten track"). Det kommer ett rykte om ett obefolkat paradis, och vips åker alla dit.

Exempel:

• News - blev snabbt så överlastat att mailen och dess listor tog över
• Mail - spammas och cc:as sönder
• SMS - inte riktigt förstört ännu, men många har visionen
• Instant Messaging - kommer inte att dröja många månader innan den beskylls för att slå sönder folks uppmärksamhet på ett sätt likvärdigt med telefonen
• RSS - det nya hoppet

Auto-save on a website | Widgetopia - fundera över om det är en bra idé eller inte och ta ev med.

Vid närmare eftertanke: alldeles för javascriptberoende för att jag skall vilja rekommendera det. Luktar WAI-problem lång väg.

Nu har en tredjedel av svenskarna bredband i hemmet

Undrar om det här med RSS verkligen kommer att slå.

För:

• Mail är överlastat, likt svedjebrukare behöver vi röra oss till nya skogar att bränna
• Effektivt
• Görs lätt till ett format även för annan viktig (men inte omedelbar) info man behöver ta del av.
  • Typ systemmeddelanden. Sådant som idag skickas ut som alerter med mail (men som man inte vill ha över till SMS)

Mot:

• Ytterligare en klient att hålla reda på
  • Eller kanske, så småningom, en knapp i Outlook att tänka på att klicka
• Svårt hitta affärsmodeller för leverantörerna
  • Blir av med de futtiga korvören annonserna gav
• Olika strömmar kommer i olika format. Väldigt varierande vad man får
  • Därmed kognitivt ansträngande att veta vad man skall göra
• Att det finns en god acceptans och adoption bland entusiastiska webbare, är igen garanti för att det tar språnget över till en bredare grupp
  • Det svåra är nog inte att sprida klienterna - utan att få dem använda!

Neutralt:

• Formatförvirringen
  • Verkar inte alls ha någon begränsande effekt
    • Förmodligen för att det är lätt att göra klienter som tar hand om alla former

Grafigo 2 - skärmgrabbare och anteckningsprogram för TabletPC

Tablet PC Post :: TabletPC-verktyg för webben (på sajten finns även översikter över andra program)

Exempel på 3-spaltslayout

Running Multiple IE's in Windows

Klipp

"Klipp" - en personlig klippbok från webben (och för lösa idéer)

 

Bra saker:

• Kategorisering
  • Kan växa fram spontant, men blir nog med tiden ganska rörig
  • Bättre kanske att göra upp en grundtaxonomi i förväg, speciellt för t.ex. ExpressionEngine
  • I MT: synd att det är så svårt att ge en notis flera kategorier
• Favlet gör det lätt att plocka direkt (åtminstone med MT)
• Har man en bra sökmotor går det bra att fritextsöka
• Kronologisk ordning
  • + kategorier
• Om rättighetssystemet - eller tilliten - är rätt kan man blanda in vänner i enstaka klipp, låta dem läsa och kommentera
• Del av en "på nätet"-livsstil
• Passar bra om man som jag får mycket idéer och saker man vill spara när man sitter och surfar
• Inte så krävande som att hålla en blogg, som kräver att man skriver något vettigt om allt, eller minst att man citerar vettigt

Dåliga saker

• Kan nästan lika gärna göras i Word... Eller ännu hellre OneNote (ev i kombination med MindMap)
  • ...som dessutom låter en lägga in ljud, bilder, penanteckningar
  • Men finns det vettiga favlets till dem?
    • eller kan jag göra?
  • OneNote kan också publiceras på webben
    • Frågan är dock om det finns något vettigt sätt att göra det, typ sida för sida istället för hela boken varje gång man ändrat något
• Ytterligare ett verktyg för att lösa ett problem som inte är tekniskt (säkert kännetecken på att problemet inte är tekniskt: det kommer verktyg på verktyg/teknologi på teknologi som gör anspråk på att lösa det)
• Åtminstone MT är litet långsamt när inlägg skall byggas
• Inget system är riktigt bra för att associera mellan notiserna (xSiteable skulle kunna vara, men där tror jag det är litet krångligt att skapa notiserna, eller..)
  • Detta är ett idéaliskt område för Topic Maps. Kanske.
  • Visuell överblick saknas
  • Å andra sidan: med hyperlänkar och vissa semantiska tekniker så finns infrastrukturen för asociationer där, så om någon bara utvecklar rätt verktyg...
• Textorienterat. Litet bökigt med bilder
  • om de redan finns på webben relativt ok, om man kan bara peka till dem
  • men annars är det inte bara att klippa och klistra, utan saker skall läggas upp

Teknik:

• MT
  • Lägg till redigeringslänk i notiser!
• ExpressionEngine
• Wiki
  • Någon av de kombiformer av blog och wiki som man ser nu kanske skulle vara det bästa. De gör det i alla fall lätt att göra tvärlänkar...

• Skriva
  • Bra att ha en editor,
  • eller ett litet rikare editeringsspråk, som Textile
  • men det är en smakfråga

Utvecklingsidéer:

• Borde kombineras med automatik för att spara vädret och viktigaste nyhetsrubrikerna den dagen. Dessa borde kunna presenteras som en "illustrerande del" av kronologin
  • Kanske även webbkamerabilder för att minnas klädseln när man skrev
  • (och om man har en extra cam: en bild ut genom fönstret så man minns lokala vädret)
  • Vilken musik man spelade när man skrev
    • Finns tydligen redan stöd för i Windows media player 9

Textstorlekssymbol

They could have used CSS to make those buttons, then the text of the "A" would show you exactly what the new text size would look like.

Undrar om jag inte skall döpa om denna blogg till "Klipp"

Symboler för samma resp nytt fönster

I experimented with the following icons:

If you click the first icon, the figure appears directly on the page. If you click the second icon, the figure appears in a popup window. If JavaScript is not enabled, then either icon just links to the image.

ZopeZen - fin logotyp & luftig fungerande layout. Kanske något att sno till HeltEnkelt...

Microsoft Inductive User Interface Guidelines

Summary: This article describes a new user interface model called inductive user interface (IUI). Also called inductive navigation, the IUI model suggests how to make software applications simpler by breaking features into screens or pages that are easy to explain and understand. This IUI model is emerging in various Microsoft projects, most notably Money 2000. This article provides an introduction to IUI, rather than a firm, comprehensive set of guidelines.

The IUI is a new user interface model that suggests how to make software applications simpler by breaking features into screens or pages that are easy to explain and understand. Microsoft has implemented this model in Microsoft Money 2000, a large commercial software application, with positive results. Informal tests suggest that users can perform tasks as quickly in this model as in traditional interfaces, and may find things more easily.

IBM: Web design guidelines

Om att göra guidelines som verkligen blir använda

For a guideline to be a useful participant in the conversation, it needs to reveal its etiology. Pithy top ten lists and similar pronouncements don’t serve us well. A poorly constructed guideline does not add to the design conversation, but is instead a parent proclaiming, “because I said so.” Instead, evidence-based guidelines are the most useful so that when we consider the applicability of a particular guideline to a situation, we can look at the research that went into its formulation.

InfoWorld: Capturing user experience closes the feedback loop

VisualMark relays both streams -- screen activity and video of the user -- to the portable lab for live observation. According to Pete Gordon, the developer of VisualMark, this method most closely approximates the fixed-lab environment in which observers may be watching subjects through a one-way mirror.

Billigare och enklare metoder för att sätta upp ett "en-vägs-spegel-labb"

video screen-capture

Windows Media Encoder 9, for example, which is available free from Microsoft, offers a capable but little-known video screen-capture capability. You can use it to record screen activity -- plus voice-over -- to a compact WMV (Windows Media Video) file that can be easily exchanged or viewed on the Web. This is a great way to produce simple training videos.

Krav på publiceringssystem - säljs för en himla massa pengar, utan att åtminstone detta utdrag tycks vara särskilt märkvärdigt (fast det är ju inte säkert de får något sålt...)

Snygg 2-spaltslayout i Expression Engine - liknar ungefär den jag vill ha (Press Action)

AIFIA | Information Architecture Library

ExpressionEngine

Ur Padawans jämförande recension:

• "The URLs can be made search-engine friendly but since they must carry information about the template along with the data that needs to be assembled, the URL scheme is not as flexible as with MT"

• Templates
  • An out of the box installation of EE comes with three groups and a basic set of templates for: weblog pages and RSS/Atom feeds, one member page and one search page. When a new weblog is created, no templates are created for it, a new group and set of templates must be created and filled manually. With the default installation and without tweaking or creating templates, I was unable to create multiple weblogs with EE by simply adding and configuring a new weblog like with MT.
  • Tags are fairly comprehensive, correctly documented (though the documentation can be improved) and extensible by plugins.
  • If you are going to have a number of templates that are common to many weblogs, EE’s approach will prove useful.

• MT has an API which allow the use of an external editor, such as the desktop applications NetNewsWire and Ecto, which offer an infinitely better user experience to authors than the web form of MT.

• I haven’t seen any mention of a standard API for EE that would allow the use of an external editor, but pMachine provides a desktop editor named pMpost (currently Mac OS X only and limited to pMachine Pro.) The lack of a standard API in EE may be a serious lack for certain applications (Atom may be an option to look at here.)

• EE has a bunch of built-in protections against comment spam and attacks: such as forcing email verification through registration, robots detection, CAPTCHA (a Turing test that’s not friendly to blind people), denying duplicate data, comments and TrackBacks time throttling. I think that its comment moderation capabilities can also help in that matter for community sites.

• It might be a bit oversized for simple weblogs, with its quite complex configuration and administration but for community sites that are build around a common set of pages and features, it seems to be an excellent choice with an already impressive set of features, high modularity and lots of room for expansion (pMachine promises that more modules will be added to extend EE, such image gallery, discussion forum, user weblogs, etc.) I can definitely see its use as a content management system for different types of websites, not just weblogs, and Rick Ellis (CEO and Lead Developer of pMachine) has clearly expressed his desire to blur the line between weblogging tools and content management systems.

• The other big feature is categories. Not only does EE allow you to set up parent and child categories, it also allows you to define a set of categories and display them across multiple weblogs.

Ur Padawans uppföljning

• The main point is that I don’t think EE is ready to work for a weblog farm
  • the claim that EE can manage multiple weblogs holds true. Simply it must be clear that templates have to be created manually for each weblog and managed centrally by the administrators, without an easy way to delegate this task

Robin Good

ExpressionEngine ser ut att vara ett hett publiceringssystem. Ganska blogginriktat dock. Frågan är vilka hakar det finns för navigationen...

PHP & MySQL

Wiki

• PmWiki - PHP & MySQL (?). Verkar ha en någotsånär vettig struktur med CSS, Skins och ett hyffsat uppmärkningsspråk.
• MediaSavvy klagar över wiki-förvirringen och får en del tips

Wired News: Windows XP Bedevils Wi-Fi Users - fix för när PC:n tappar trådlösa förbindelsen

Frontend Editing for MovableType Edit-länk

Även administrations-tagg som tycks kunna dölja saker för icke-administratörer. Samt en länk till en annan sajt som har en idé om hur MT:s cookie kan användas för att se vem som är administratör.

Borde kunna användas även för att dölja statistik-länken!

Listutorial: Step by step CSS list tutorial

Selectutorial: CSS selectors

Floatutorial: Step by step CSS float tutorial

Listamatic: one list, many options

CSS how to's - ännu en samling av instruktioner och mallar

The article Personas: Practice and Theory (PDF)

mod_rewrite rewriterule generator - torde vara användbar för att bli av med .php-ändelsen.

Annars kanske något finns i Google

Favlet för att se sidans alt-texter, och korrekturläsa dem Dels till alt-avsnittet i boken, dels till "verifieringsremsan" längst ner på sidan.

WebDevTips - Beyond Web usability: Web credibility - ev finns här litet tips för trovärdighetskapitlet

Formulär

• Form Errors. Simplified - hur fel i formulär markeras och förklaras
• More Form usability

300 Images From 1800 Sites

Sökning i CSS-listan - site:archivist.incutio.com sökorden här

Plinks - automatiska ankare på alla paragrafer

MTExtendedAttribute plugin for Movable Type - tror denna gör det möjligt att lägga till egendefinierade fält till en blog-post

Jag tror vi mycket snart kommer att få en allmän insikt bland webbmakare att det inte är någon idé att öppna nya fönster.

Brad Choate: Textile

You may also consider installing two additional plugins that MT-Textile is compatible with:

* SmartyPants: http://www.daringfireball.net/projects/smartypants/
Version 1.1 or later. This plugin will cause MT-Textile to apply
"smart" quotes (typographic quotes or 'curly' quotes) to your
text.

* CodeBeautifier: http://voisen.org/projects/
Version 0.4 or later. This plugin will allow language specific
and/or tags. Use the "language" attribute for these tags to invoke one of the following formatters: "perl" for
Perl, "php" for PHP, "java" for Java, "as" or "actionscript" for
ActionScript, "scheme" for Scheme.