| Vad använder du för verktyg för att designa gränssnitt? |
| Av: Max | 10/01/2008 klockan 14:47 |
Själv kör jag Microsoft Visio Professional 2003. Funkar OK om man hittar extra GUI-komponenter att komplettera standardbiblioteket med. Däremot känns Visio stundtals buggigt och svårarbetat, det är definitivt inget klockrent verktyg för GUI:s, förmodligen eftersom detta inte är dess huvudsyfte. Eftersom jag inte i nuläget har något bättre alternativ så har jag fastnat vid Visio och accepterat vissa av dess krångligheter.
Har även gjort ett gränssnitt i Adobe Photoshop en gång i tiden. Blev mycket snyggt, men tog förbannat lång tid att pilla med alla detaljer.
Finns det några bättre alternativ? |
Sandra svarade 10/01/2008 klockan 16:01 |
| Jag använder också Visio 2003. Jag tycker det är rätt bra. Fast visst önskade man att det fanns något bättre... |
Johan Toresson svarade 10/01/2008 klockan 22:17 |
Max, ett bra alternativ är Adobe Fireworks. Det använder jag och det har precis det som jag behöver och det jag tror att många behöver.
Testa själv, finns en 30-dagars trail.
J |
eric idebro svarade 11/01/2008 klockan 09:37 |
Axure är bra grejer.
/Eric |
Max svarade 11/01/2008 klockan 10:04 |
Tack för tipsen, ska testa lite trials omedelbums :)
/Max |
Johannes Bäckström svarade 11/01/2008 klockan 13:39 |
Jag jobbar också huvudsakligen med Axure som fungerar väldigt bra så länge det är tjänster som är tänkta att användas i en webbläsare som man designar - skrivbordsapplikationer är lite bökigare att designa med programmet men det funkar också.
Av de prototypverktyg som jag har testat är Axure utan tvekan det bästa, även om det har en bit kvar till att vara ett fulländat verktyg.
|
Peter svarade 15/01/2008 klockan 15:34 |
Jag använder helst illustrator men det blir mest fireworks för att hålla ordning på alla sidor.
Visio makes baby jesus cry :) |
Bengt Göransson svarade 17/01/2008 klockan 10:19 |
| Någon som provat på "GUI Design Studio" från Caretta Software? Verkar var ämnat för utveckling av Windows-applikationer. |
Johan Bergsten svarade 24/01/2008 klockan 18:48 |
| Jag använder sedan drygt ett år tillbaka Microsoft Expression Design och Expression Blend och måste säga att jag är helt lyrisk!! Jag är förvånad att ingen har nämnt de verktygen här tidigare. Jag skulle vilja kalla Expression Blend för en fullständig revolution för interaktionsdesigners och GUI-designers! Som interaktionsdesigner känner jag verkligen att Expression Blend är gjort för just mig och min yrkesgrupp! Det jag tidigare ritade i PowerPoint, ritar jag nu i Expression, skriver enkel logik på och checkar in resultatet i form av XAML-kod på programmerarnas server. Det är väldigt enkelt att blanda sedvanliga GUI-komponenter med dynamisk text, video, 3D-komponenter och animationer. Det bästa av allt att allt(!) blir vektorgrafik definierad i XAML. -Ett markup språk som inte är svårare att läsa än HTML. Här har Microsoft verkligen snott de bästa ideerna från konkurrenterna och byggt ett verkyg för oss! Jag låter väl som en säljare från MS, men hoppas vekligen att Expression ska bli stort och spridas i våra kretsar för det funkar verkligen bra och gör det möjligt för designers och användare att jobba mycket tightare i utvecklingsprojekt. Med möjligheten att animera blir Expression ett utmärkt verktyg för att fejka logik ocg prototypa. Ett prototypingverktyg där du inte behöver slänga bort prototypen då det är dags att produktifiera! Med Expression får designern totalkontroll på GUI't hela vägen från prototyp till färdig produkt. Testa Expression: Trials finns på www.microsoft.com/expression |
Anders Hall svarade 24/01/2008 klockan 19:40 |
Jag är lite nyfiken på hur pass bra du tycker Expression Design och Expression Blend passar för generella uppgifter i heterogena miljöer?
Enligt Microsoft: "Expression Blend är ett professionellt designverktyg för att skapa webbapplikationer för Windows."
Är det ett verktyg som har nackdelar vid utveckling till olika plattformar?
Enligt Microsoft: "Expression Web är ett professionellt designverktyg för att skapa moderna standardbaserade webbplatser av hög kvalitet"
Hur pass inriktad är verktygen på Internet Explorer? Är det verkligen standardbaserat? Är Silverlight och .NET i fokus?
Lite kritik mot XAML finns här:
http://en.wikipedia.org/wiki/XAML
För mig verkar det hela vara i direkt konkurrens med HTML 5 och WC3 standardutveckling (dvs. i längden). Jag har inte tittat på silverlight än - men det verkar ju finnas samma problem som vid användning av flash i prototyputveckling. .. ? |
Max svarade 24/01/2008 klockan 20:36 |
Jag är också nyfiken på hur bra Expression Blend/Design passar sig för applikationsområden utanför webben. Är det helt och hållet webbanpassat?
Blev i övrigt väldigt sugen på att testa :o) |
Johan Bergsten svarade 24/01/2008 klockan 21:41 |
Att Expression Blend är ett verktyg för webbapplikationer är en missuppfattning. Jag använder Blend för att utveckla Windowsapplikationer. Du kan kompilera de användargränssnitt du ritar, animerar och databinder direkt i Blend. Resultatet är en windowsexekutiv. Enklare applikationer kan skapas helt och hållet i blend medans det i större projekt funkar bra att köra Blend parallellt med Visual Studio. Blend är alltså i högsta grad knutet till windowsplattformen eftersom det kväver .Net framework eller Vista på målmiljön.
Som kuriosa kan jag nämna att Microsofts arbetsnamn för Blend var "Expression Interactive Designer". Det tycker jag säger en hel del om vilka deras målgrupp är för det här verktyget.
Är ni intresserade av att utveckla webbapplikationer så ska ni nog kolla på Expression Web (som Anders Hall nämner ovan) tillsammans med Silverlight. |
Anders Hall svarade 24/01/2008 klockan 22:33 |
Jag antar att kompileringarna angående vektor grafik och animeringar är direkt knutna till Silverlight? Alltså även angående applikationsutvecklingen du nämner (för webb och desktop).
http://en.wikipedia.org/wiki/Silverlight
http://en.wikipedia.org/wiki/Microsoft_Expression_Blend
DRM support verkar vara en stor grej i Silverlight. Inget stöd för Linux (nu när flash går bättre). Dåligt webbläsarstöd etc. EU är inte så positiva.
Kanske något att använda för windowsplattformen - men inget som är direkt positivt för Internet i min mening. Snabba prototyptester kanske kan vara svitens styrka.. |
Johan Bergsten svarade 24/01/2008 klockan 23:13 |
Kompileringen för desktop är inte knutna till Silverlight utan till WPF. WPF (Windows Presentation Foundation) är grafikmaskineriet i Windows Vista och tar över efter Windows Forms.
Silverlight är så att säga "light-versionen" av WPF i form av ett browser-plugin som tillåter dig att köra WPF-applikationer i web browsern. Alltså samma XAML-kod. Silverlight och WPF renderar samma vektorgrafik på skärmen, men skillnader finns under ytan. Silverlight stödjer inte äkta hårdvaruaccelererad 3D tex. |
Bengt Göransson svarade 25/01/2008 klockan 09:39 |
| Jag har också provat Expression Blend, men ser det mer som ett GUI-programmerarverktyg än ett prototypverktyg för interaktionsdesignern. Rätt eller fel? |
Anna Carlsson svarade 25/01/2008 klockan 15:20 |
| Bengt, jo jag har provat Carettaverktyget. Är rätt nöjd med det, det går att göra interaktiva prototyper rätt enkelt. |
Johan Bergsten svarade 25/01/2008 klockan 18:28 |
Bengt G: Det beror på vilka krav du ställer på ett prototypingverktyg. Med Blend kan du enkelt rita upp ett GUI och fejka logiklagret med animeringar. Det är väldigt enkelt att koppla en knapp eller slider så att den påverkar utseendet eller innehållet i en annan GUI-komponent, -utan att skriva en rad kod.
Det stora styrkan med Blend tycker jag som sagt är att det funkar både som prototyping och GUI-implementationsverktyg. Programmerarna slipper göra om designerns jobb. Det går ju dessutom att åstadkomma otroligt läckra användargränssnitt (vektorgrafik, animationer, video, 3D, gradienter och tranparens) med enkla medel. |
Christian Johansson svarade 28/01/2008 klockan 17:45 |
Jag kör photoshop för att snabbt kunna ändra runt, då klipp och klistrar jag runt grafik. Sedan programmerar jag det i flash.
Är intresserad av att köra flex eller blend istället för flash dock eftersom det är bättre integration mellan kod och grafik.
Mer komplexa gränssnitt skulle jag nog strukturera med visio eller vanliga papperslappar |
Jenny Johansson svarade 07/02/2008 klockan 13:05 |
| Johan B: Har du möjlighet att lägga ut några exempelskärmdumpar med något arbete/GUI du skapat m h a Microsoft Expression Design/Blend? |
Max svarade 08/02/2008 klockan 22:32 |
| Förresten, någon som vet ett bra verktyg för Mac? |
Axure svarade 10/02/2008 klockan 20:15 |
Måste säga att Axure var riktigt bra när det kommer till att slänga ihop webbsidor. Coolt att man kan dra igång sin design som en interaktiv prototyp (HTML) så enkelt!
Och busenkelt att jobba i. |
eric idebro svarade 11/02/2008 klockan 08:44 |
| Max: jag har hört att många macanvändare kör med Omnigraffle. |
Tomas svarade 18/02/2008 klockan 14:22 |
För wireframing använder jag Omnigraffle (export till PDF) eller Powerpoint (ej optimalt men ibland trilskas kunden).
För prototyping använder jag sedan årsskiftet Axure.
Jag har provat Expression Blend men efter två veckor i programmet satt jag mest i kodvyn (vilket det inte var optimerat för då det ex saknas Intellisense). Det bästa med Blend (om man jämför med Visio) var panoreringsverktyget (mellanslagstangenten togglar handverktyget) och en hyffsad version av smart guides (som i Omnigraffle). Men det känns mer som ett gränssnittsprogrammeringsverktyg än ett prototyping-verktyg. Jag kan ha fel, men jag kunde inte öppna dialogfönster prototypen utan att hacka Visual Basic.
Så jag rekommenderar Axure, som iofs har en del övrigt att önska, men det ser ut som den kommande v5.0 innehåller en del förbättringar. |
Eva svarade 18/02/2008 klockan 17:15 |
Vet inte riktigt om det var det här Tomas menade, men någon annan kanske är intresserad (var själv irriterad innan jag upptäckte det) - men följande funkar i mitt Visio (2003):
shift + rullhjul = scrolla i sidled
ctrl + rullhjul = zooma ut och in |
Maggan svarade 19/02/2008 klockan 07:53 |
Åh TACK Eva!
/En som inte alltid är vän med Visio... |
Mattias Arvola svarade 04/03/2008 klockan 14:13 |
Nämen, är det ingen som nämnt Runtime Revolution? Finns för Linux, Win och Mac, och exporterar till alla plattformarna. Dessutom kan man toggla mellan de olika plattformarnas look & feel. Det bygger på gamla goda hypercard/metacard med ett scriptingspråk som också påminner om hypertalk/metatalk. Tidigare har jag mest använt Director. Ritar komponenter gör jag i Photoshop och OmniGraffle. Det jag gillar med verktyget är att man har tillgång till färdiga komponenter men lika enkelt kan jobba med egna komponenter.
http://www.runrev.com/
|
Kalle svarade 15/04/2008 klockan 12:26 |
| Finns det något tips på en livsnödvändig bok om Expression Blend som riktar sig till oss som inte är så hårdföra kodare? |
Rickard svarade 15/04/2008 klockan 13:07 |
Jag har en bok som heter Microsoft Expression Blend Bibel.
isbn: 9780470055038
Jag kan aven rekomendera lynda biblioteket dar turrialls ar gratis for Expression Blen:
http://movielibrary.lynda.com/html/modPage.asp?ID=384
har jobbar man bara med GUI i stort satt och lar dig den kod som du behover kunna for
Ex B.
/ Rickard |
Sven svarade 30/04/2008 klockan 10:50 |
| Jag använder Windows paint för enklare prototyper. Går snabbt och enkelt att lära sig. Samt flexibelt. |
