Ohjelma Appien käyttöliittymäsuunnitteluun?

[Frezzo]

Suositelkaa jotain ohjelmaa lähinnä iPad ohjelmien käyttöliittymäsuunnitteluun. Joku jossa olisi kaikki yleisimmät käyttöliittymäkomponentit, ja niitä voisi sijoitella ja muokata virtuaaliselle iPadille.

[BlueTide]

Illu/photari/omnigraffle käy hyvin. Templateja on interwebissä pilvin pimein iPadille. Esim tästä alkuun:

http://speckyboy.com/2010/09/01/illustr ... evelopers/

Jos niitä tarvii tehdäkin, niin sitten Xcode.

Edit: tässä toinen: http://speckyboy.com/2011/04/26/gui-ste ... designers/

[spiidi78]

Ei kai ole muuta vaihtoehtoa kuin XCode. Se osaa myös auttaa komponenttien sijoittelussa helpommin guidelinejen mukaisille paikoille.

[BlueTide]

Älkee nyt hyvät immeiset tehkö käyttöliittymäsuunnittelua millään XCodella. Kyllähä tuota voi tehdä (ja on tehty) vaikka Excelillä, mutta menee vaan hermoja ja aikaa aivan väärien asioiden miettimiseen. Kynä ja paperikin on monesti kustannustehokkaampaa.

Xcode on omiaan kun se suunniteltu käli täytyy toteuttaa.

[mpmartik]

Älkee nyt hyvät immeiset tehkö käyttöliittymäsuunnittelua millään XCodella. Kyllähä tuota voi tehdä (ja on tehty) vaikka Excelillä, mutta menee vaan hermoja ja aikaa aivan väärien asioiden miettimiseen. Kynä ja paperikin on monesti kustannustehokkaampaa.

Xcode on omiaan kun se suunniteltu käli täytyy toteuttaa.

Sikäli samaa mieltä että kynä ja paperi on se millä jokaisen ohjelman suunnittelu pitää aloittaa. Mutta nykyisellään Xcode taipuu ihan hyvin myös käli-suunnitteluun ja prototyyppien tekemiseen. Toki kynnys on jonkin verran korkeampi kuin OmniGrafflella tai vastaavilla piirto-ohjelmilla, mutta vastapainoksi saa sitten "toimivan" käyttöliittymän animaatioineen ja transitioineen.

[BlueTide]

Sikäli samaa mieltä että kynä ja paperi on se millä jokaisen ohjelman suunnittelu pitää aloittaa. Mutta nykyisellään Xcode taipuu ihan hyvin myös käli-suunnitteluun ja prototyyppien tekemiseen. Toki kynnys on jonkin verran korkeampi kuin OmniGrafflella tai vastaavilla piirto-ohjelmilla, mutta vastapainoksi saa sitten "toimivan" käyttöliittymän animaatioineen ja transitioineen.

Ehkä tässä on vain vähän semantiikka ero; itse koen, että varsinaisessa suunnittelussa ollaan pitkälti tuolla kynä+paperi/illu/graffle tasolla josta sitten edetään protoiluun/toteuttamiseen missä XCode jo toimii erittäin hyvin ja jolloin kälin pitäisi olla pitkälti hienosäätöä.

Suunnittelun alkuvaiheissa esim flow- ja ia-diagrammien tekeminen XCodella on epäkäytännöllistä, abstraktiotaso on yleensä väärä, aikaa kuluu liikaa iteroimiseen ja muutoksiin, variaatioiden vertailu rinnakkain on hankalampaa, tekniikka saataa rajoittaa liikaa ratkaisuja*, unohdetaan vaihtoehtoiset ratkaisut, jne.

Jos nämä vaiheet jätetään välistä ja kyseessä on yhtään isompi/vaikeampi projekti niin sitten ollaan helposti ns lirissä. Ei vika tietysti ole työvälineissä vaan niiden käyttäjissä, mutta vasara kädessä aika monelle alkavat kaikki ongelmat näyttämään nauloilta.

* esim mukautetut komponentit on vähän hankalia visualisoida XCodella ennen kuin ne on rakennettu koodilla.

[mpmartik]

Sikäli samaa mieltä että kynä ja paperi on se millä jokaisen ohjelman suunnittelu pitää aloittaa. Mutta nykyisellään Xcode taipuu ihan hyvin myös käli-suunnitteluun ja prototyyppien tekemiseen. Toki kynnys on jonkin verran korkeampi kuin OmniGrafflella tai vastaavilla piirto-ohjelmilla, mutta vastapainoksi saa sitten "toimivan" käyttöliittymän animaatioineen ja transitioineen.

Ehkä tässä on vain vähän semantiikka ero; itse koen, että varsinaisessa suunnittelussa ollaan pitkälti tuolla kynä+paperi/illu/graffle tasolla josta sitten edetään protoiluun/toteuttamiseen missä XCode jo toimii erittäin hyvin ja jolloin kälin pitäisi olla pitkälti hienosäätöä.

Suunnittelun alkuvaiheissa esim flow- ja ia-diagrammien tekeminen XCodella on epäkäytännöllistä, abstraktiotaso on yleensä väärä, aikaa kuluu liikaa iteroimiseen ja muutoksiin, variaatioiden vertailu rinnakkain on hankalampaa, tekniikka saataa rajoittaa liikaa ratkaisuja*, unohdetaan vaihtoehtoiset ratkaisut, jne.

Jos nämä vaiheet jätetään välistä ja kyseessä on yhtään isompi/vaikeampi projekti niin sitten ollaan helposti ns lirissä. Ei vika tietysti ole työvälineissä vaan niiden käyttäjissä, mutta vasara kädessä aika monelle alkavat kaikki ongelmat näyttämään nauloilta.

* esim mukautetut komponentit on vähän hankalia visualisoida XCodella ennen kuin ne on rakennettu koodilla.

Joo, ei tässä ole tarvetta suurta erimielisyyttä rakentaa Itse olen kokenut että paperi+kynä on se työkalu jolla oikea suunnittelu onnistuu parhaiten. Siinä vaiheessa kun käynnistän OmniGrafflen siirtyy iso osa huomiosta ihan muuhun kuin käyttöliittymän perustason suunnitteluun. Nykyään, iOS5:den mukanaan tuomien muutosten myötä en ole enää ollenkaan varma onko järkevää käyttää aikaa illu/photari/omnigrafflella työskentelyyn, paitsi wireframejen tekemiseen jos pitää kommunikoida asioita muille/graafisille suunnittelijoille. Mielestäni esim. mainitsemasi mukautetut komponentit on helppo toteuttaa kuvina myös Xcodessa.

Mutta on toki niin, ja sama asia pätee myös koodaukseen, että jos heti avaa Xcoden ja ryhtyy sillä "suunnittelemaan" käliä niin oikea suunnittelu jää tekemättä. Sitten lienee makuasia millä työkalulla eri diagrammeja haluaa käpistellä, itse siis suosin kynää ja paperia kaikkeen muuhun paitsi tuotosten jakamiseen.

[BlueTide]

Sitten lienee makuasia millä työkalulla eri diagrammeja haluaa käpistellä, itse siis suosin kynää ja paperia kaikkeen muuhun paitsi tuotosten jakamiseen.

Aamen.

[ville.tolonen]

Suositelkaa jotain ohjelmaa lähinnä iPad ohjelmien käyttöliittymäsuunnitteluun. Joku jossa olisi kaikki yleisimmät käyttöliittymäkomponentit, ja niitä voisi sijoitella ja muokata virtuaaliselle iPadille.

QuarkXPress, ohjelmasta löytyy kaikki mitä pyydät. Ohjelma ei vaadi koodailutaitoja niin kuin Xcode. Ipad app:in saa myös julkaistua helposti. Miinuksena on vain ohjelman mahtava hinta Ennen toteuttamista kannattaa ottaa käteen kynä ja paperia.

[spiidi78]

Sitten lienee makuasia millä työkalulla eri diagrammeja haluaa käpistellä, itse siis suosin kynää ja paperia kaikkeen muuhun paitsi tuotosten jakamiseen.

Aamen.

Tulipa tuossa sitten itsekin viimeeksi tehtyä kynällä ja paperilla käyttöliittymä-wireframet. Hommaan kului sama aika, mitä muutaman viivan piirtämiseen olisi mennyt jollain ohjelmalla..

[boing()]

Tässä joitakin protoiluun/suunnitteluun sopivia ohjelmia:

• *XCode (ilmainen)
  *iPhone Mockup (ilmainen, toimii selaimessa): http://iphonemockup.lkmc.ch/
  *Balsamiq (maksullinen): http://www.balsamiq.com/
  *Blueprint (maksullinen iPad-sovellus, ilmainen lite-versio tarjolla): http://www.groosoft.com/blueprint/
  *App Cooker (maksullinen iPad-sovellus): http://www.appcooker.com/
  *iRise (maksullinen): http://www.irise.com/
  *Axure (maksullinen): http://www.axure.com

Lisää:
http://iphoneized.com/2009/11/21-protot ... velopment/

Itse käytän lähinnä XCodea, joskus harvoin myös Axurea ja tulostettavia wireframeja.