Support » Kokeneille käyttäjille » Mobiilisuunnittelu

  • Minulla suhteellisesti parhaiten toimii kännykkäversio. Tein sille eräänlaisen käyttöliittymän. Minkään toiminnon takia käyttäjän ei tarvitse rullata sivua ylös/alassuunnassa ja jos rullaakin, hän pääsee helpolla takaisin paikkan, josta lähti (jos vain laittaa mieleensä lukeman, missä oli). Rullaamistarve on minimoitu. Mielestäni siihen pitäisi erityisesti foorumisivustolla pyrkiä.

    Olisi kiva jossakin keskustella mobiilisuunnittelusta, mutta siitä ei meinaa sitten millään saada keskustelua. Kukaan LinkedIn kautta ei ole osallistsunut keskusteluun, vaikka aihe on erittäin tärkeä.

    Mielestäni tein hyvän pohjan keskustelulle.

    Se, mitä tein, koskee ensisijaisesti foorumisivustoa. Ehkä ei kovin helposti sovellettavissa muualle. Ratkaisu on varsin tekninen. Teknisyydestä ei foorumisivustolla ole haittaa, mutta muualla voi olla.

    The page I need help with: [log in to see the link]

Esillä 5 vastausta, 1 - 5 (kaikkiaan 5)
  • Yksi perustavaalaatuinen ongelma on siinä, että :hover ei toimi kuten se on tarkoitettu. Toimii lähinnä samaan tapaan kuin tietokoneella :active tai :focus.
    Tästä syystä :hover-pohjaiset pudotusvalikot käyttökelvottomia kosketusnäytöllä. Valikon avaaminen niin, että valikko jää auki (kuten tietokoneella linkillä olisi :focus/:active), mutta linkki ei toteudu on äärimmäisen vaikeaa.

    Ikävä puoli on myös se, että ::before/::after selitekstit eivät toimi linkeillä järkevästi. Opaste ei tule ennen kuin tietoa tarvitsisi.

    Toisaalta jäävät näkyviin, kun niitä ei tarvita enää. Toimivat lähinnä vain opasteina toiminnolle, joiden tarkoitus on muu kuin toimia linkkinä.

    Ihan vaan tiedoksi :hover-toiminnoista. Ne toivat kosketusnäyttölaitteissa suunnitellusti vain laitteilla, joiden mukana tulee kynä. Ostin Huawei MediaPad M5 Lite. Siinä :hover toimii eli sillä pudotusvalikot toimivat kivasti. Kangaspäällysteinen metalliverkkokynällä, joka on hyvä kynä kirjoittamiseen, :hover ei toimi. Kun Jobs keksi sormen toimintojen hallintaan, samalla meni :hover sellaisena kuin se alun alkaen oli tarkoitettu.

    On hiivatin vaikeaa. Kukaan ei ole koskaan tyytyväinen mihinkään.

    Android 1900×1200 oli ongelmatapaus. Mutta loin sille omalaisensa ratkaisun:

    Rakentelu on keskeneräinen. Erinäisiä CSS-ongelmia tuosta löytyy, joten ei kannata suhtautua ylikriittisesti. Pahimmat korjasin, mutta eräiden elementtien kohdalla jostakin syystä overflow:hidden ei toimi enkä keksi miksi.

    Mutta kaikki olennainen löytyy 260x96px kokoisesta oikean reunan kiinteästä käyttöliittymästä.

    Joillakin sivustoilla on kuusikerroksinen pystyrakenne (viisi ylhäällä ja kaksi alhaalla). En tarvitse kuusikerroksisia rakenteita kun tuollakin pärjää! Toki ominaisuuksiakin on vähemmän kuin tällä sivustolla.

    Ehkä tämäntapainen olisi kaikille tablet-laitteille paras kun laitetta käytetään vaakasuunnassa?

    • Tätä vastausta muokkasi 2 kuukautta, 3 viikkoa sitten  tapiohuuhaa.
    • Tätä vastausta muokkasi 2 kuukautta, 3 viikkoa sitten  tapiohuuhaa.

    Nykyisestä versiosta aletaan pitää. Se on eräänlainen kompromissi sen välillä, että toiminnot löytyvät pompottamatta (sivun alkuun/loppuun) juoksuttamatta ja ilman turhaa etsimistä ja sen välillä, että sivut rullautuvat hyvin. Hyväksytty jopa eräässä teknisessä foorumissa.

    https://www.sanaristikkofoorumi.net/wordpress/forums/topic/sivuston-mobiiliversio-mobile-version-of-this-site/#post-15189

    Noiden mukana kulkevien kolmen toimintolinkin lisäksi sivun alussa on viisi kiinteää linkkiä ja ns. leivänmurut.

    Ydin suunnittelufilosofia on:

    Älä juoksuta, älä pompota, älä piilota äläkä etsitytä!

    Toivon osallistumista keskusteluun

    https://www.sanaristikkofoorumi.net/wordpress/forums/topic/xenforon-pikanavigoinnin-ja-taman-sivuston-toimintavalikon-vertailu/

    Tämän sivuston kehittelyn suhteen tuolla ei ole merkitystä, sillä tämä on niin iso laiva, että se kääntyy tosi hitaasti.

Esillä 5 vastausta, 1 - 5 (kaikkiaan 5)
  • You must be logged in to reply to this topic.