window.pipedriveLeadboosterConfig = { base: pipedrive.com', companyId: 11580370, playbookUuid: '22236db1-6d50-40c4-b48f-8b11262155be', version: 2, } ;(function () { var w = window if (w.LeadBooster) { console.warn('LeadBooster on jo olemassa') } else { w.LeadBooster = { q: [], on: function (n, h) { this.q.push({ t: 'o', n: n, h: h }) }, trigger: function (n) { this.q.push({ t: 't', n: n }) }, } } })() MOBIILI ENSIN - The Codest
Codest
  • Tietoa meistä
  • Palvelut
    • Ohjelmistokehitys
      • Frontend-kehitys
      • Backend-kehitys
    • Staff Augmentation
      • Frontend-kehittäjät
      • Backend-kehittäjät
      • Tietoinsinöörit
      • Pilvi-insinöörit
      • QA insinöörit
      • Muut
    • Se neuvoa-antava
      • Tilintarkastus & konsultointi
  • Toimialat
    • Fintech & pankkitoiminta
    • E-commerce
    • Adtech
    • Terveysteknologia
    • Valmistus
    • Logistiikka
    • Autoteollisuus
    • IOT
  • Arvo
    • TOIMITUSJOHTAJA
    • CTO
    • Toimituspäällikkö
  • Tiimimme
  • Tapaustutkimukset
  • Tiedä miten
    • Blogi
    • Tapaamiset
    • Webinaarit
    • Resurssit
Työurat Ota yhteyttä
  • Tietoa meistä
  • Palvelut
    • Ohjelmistokehitys
      • Frontend-kehitys
      • Backend-kehitys
    • Staff Augmentation
      • Frontend-kehittäjät
      • Backend-kehittäjät
      • Tietoinsinöörit
      • Pilvi-insinöörit
      • QA insinöörit
      • Muut
    • Se neuvoa-antava
      • Tilintarkastus & konsultointi
  • Arvo
    • TOIMITUSJOHTAJA
    • CTO
    • Toimituspäällikkö
  • Tiimimme
  • Tapaustutkimukset
  • Tiedä miten
    • Blogi
    • Tapaamiset
    • Webinaarit
    • Resurssit
Työurat Ota yhteyttä
Takaisin nuoli PALAA TAAKSE
2017-08-04
Ohjelmistokehitys

MOBIILI ENSIN -LÄHESTYMISTAPA

Klaudia Migacz

Verkkosivun suunnittelu "päästä päähän"? Miksi ei! Responsiivisen projektin tekemiseen on kaksi tapaa: voit joko suunnitella työpöytäversion ja leikata sen sisällön, ominaisuuden toisensa jälkeen niin, että jäljelle jää vain olennainen, tai tehdä mobiilin, tiivistetyn suunnittelun ja laajentaa sitä.

Pienentämisen ongelmana on, että sinun on aina pidettävä mielessäsi, että kaikki työpöytätekniikat eivät sovellu mobiililaitteisiin, ja joskus "leikattu" versio tuntuu epätäydelliseltä ja epäammattimaiselta ja että työpöytäsivuston hienosäätö johtaa ison sisällön lataamiseen, vaikka se ei ole välttämätöntä.

Mobiili ensin -lähestymistapa on menetelmä, joka auttaa sinua poimimaan ideasi ytimen ja pitämään mielessäsi, mikä on tärkein sisältö ja mikä on tarkoitus, jonka haluat näyttää. Sen avulla voit lisätä sivun suorituskykyä minimoimalla tarpeettoman aineen tarvittaessa, helpompi seurata sitä. On myös helpompi suunnitella UI-malleja, kun voit lisätä jotain hankalaa, kuin vähentää jotain tärkeää. Lisäksi on hyödyllisempää tarkastella saavutettavuuden näkökulmasta - miten hitaammat laitteet reagoivat? Työpöytälaitteet ovat usein tehokkaampia kuin mobiililaitteet, joten on helpompi tehdä koodi uusi ominaisuus lisäominaisuutena, ei perusominaisuutena, jota ei voi käyttää hitaammissa. Se ei kuitenkaan tarkoita, että mobiilisuunnittelun on oltava raakaa ja karua. Rajoitteet huomioon ottaen sen pitäisi olla monitahoinen ja houkutteleva, koska molemmat versiot ovat katsojalle syvällisiä selaillessaan, mutta se ei myöskään tarkoita, että kokemuksen pitäisi olla identtinen (itse asiassa se ei voi olla).

Mobiilinäkymien haasteena on: miten sijoittaa mahdollisimman paljon toimintoja mahdollisimman pienellä painolla ja intuitiivisella kokemuksella? Työpöytätietokone antaa paljon virheitä anteeksi - mobiili ei. Jos ammut ensin isomman saaliin, jatkokehittäminen on paljon helpompaa. Kun muistetaan napautukset ja pyyhkäisyliikkeet, ei ole paljon ajateltavaa, kun niitä muunnetaan klikkauksiksi - ei ainakaan niin paljon kuin toisinpäin.

Mikä on vaikeaa? Mielestäni vaikeinta mobiilinäkymässä on selkeän visuaalisen suunnittelukonseptin puute. Tämä ongelma tulee puhtaasti luovasta, taiteellisesta näkökulmasta, jossa mobiiliversio on joskus puutteellinen muotoilu. Kyllä, se on totuus - ilmaisulle ja esteettömän mielikuvituksen päästämiselle ääneen ei ole paljon tilaa, varsinkaan jos design ei ole puhdasta ja minimalistista. On paljon huolehdittava värien ja muotojen sommittelusta, jonka on mahduttava pieneen tilaan ja näytettävä silti kutsuvalta ja selkeältä, intuitiivisesta käsittelystä puhumattakaan. Mikä on ratkaisu? Suosittelen luonnostelemaan kaikki versiot mahdollisimman monella visuaalisella idealla ja sitten aloittamaan mobiilivaihtoehdon teknisen ja puhtaan käyttäjäkokemuksen ja front-end-kehityksen näkökulmasta. Se vaikuttaa parhaalta vastaukselta pulmaan, kompromissilta, jolla saadaan vain plussat molemmista näkökulmista!

Aiheeseen liittyvät artikkelit

Ohjelmistokehitys

Tulevaisuuden web-sovellusten rakentaminen: The Codest:n asiantuntijatiimin näkemyksiä

Tutustu siihen, miten The Codest loistaa skaalautuvien, interaktiivisten verkkosovellusten luomisessa huipputeknologian avulla ja tarjoaa saumattomia käyttäjäkokemuksia kaikilla alustoilla. Lue, miten asiantuntemuksemme edistää digitaalista muutosta ja liiketoimintaa...

THECODEST
Ohjelmistokehitys

Top 10 Latviassa toimivaa ohjelmistokehitysyritystä

Tutustu Latvian parhaisiin ohjelmistokehitysyrityksiin ja niiden innovatiivisiin ratkaisuihin uusimmassa artikkelissamme. Tutustu siihen, miten nämä teknologiajohtajat voivat auttaa nostamaan liiketoimintaasi.

thecodest
Yritys- ja skaalausratkaisut

Java-ohjelmistokehityksen perusteet: A Guide to Outsourcing Successfully

Tutustu tähän keskeiseen oppaaseen Java-ohjelmistokehityksen onnistuneesta ulkoistamisesta tehokkuuden parantamiseksi, asiantuntemuksen saamiseksi ja projektin onnistumiseksi The Codestin avulla.

thecodest
Ohjelmistokehitys

Perimmäinen opas ulkoistamiseen Puolassa

Ulkoistamisen lisääntyminen Puolassa johtuu taloudellisesta, koulutuksellisesta ja teknologisesta kehityksestä, joka edistää tietotekniikan kasvua ja yritysystävällistä ilmapiiriä.

TheCodest
Yritys- ja skaalausratkaisut

Täydellinen opas IT-tarkastustyökaluihin ja -tekniikoihin

Tietotekniikan tarkastuksilla varmistetaan turvalliset, tehokkaat ja vaatimustenmukaiset järjestelmät. Lue lisää niiden merkityksestä lukemalla koko artikkeli.

Codest
Jakub Jakubowicz teknologiajohtaja ja toinen perustaja

Tilaa tietopankkimme ja pysy ajan tasalla IT-alan asiantuntemuksesta.

    Tietoa meistä

    The Codest - Kansainvälinen ohjelmistokehitysyritys, jolla on teknologiakeskuksia Puolassa.

    Yhdistynyt kuningaskunta - pääkonttori

    • Toimisto 303B, 182-184 High Street North E6 2JA
      Lontoo, Englanti

    Puola - Paikalliset teknologiakeskukset

    • Fabryczna Office Park, Aleja
      Pokoju 18, 31-564 Krakova
    • Brain Embassy, Konstruktorska
      11, 02-673 Varsova, Puola

      Codest

    • Etusivu
    • Tietoa meistä
    • Palvelut
    • Tapaustutkimukset
    • Tiedä miten
    • Työurat
    • Sanakirja

      Palvelut

    • Se neuvoa-antava
    • Ohjelmistokehitys
    • Backend-kehitys
    • Frontend-kehitys
    • Staff Augmentation
    • Backend-kehittäjät
    • Pilvi-insinöörit
    • Tietoinsinöörit
    • Muut
    • QA insinöörit

      Resurssit

    • Faktoja ja myyttejä yhteistyöstä ulkoisen ohjelmistokehityskumppanin kanssa
    • Yhdysvalloista Eurooppaan: Miksi amerikkalaiset startup-yritykset päättävät muuttaa Eurooppaan?
    • Tech Offshore -kehityskeskusten vertailu: Tech Offshore Eurooppa (Puola), ASEAN (Filippiinit), Euraasia (Turkki).
    • Mitkä ovat teknologiajohtajien ja tietohallintojohtajien tärkeimmät haasteet?
    • Codest
    • Codest
    • Codest
    • Privacy policy
    • Verkkosivuston käyttöehdot

    Tekijänoikeus © 2025 by The Codest. Kaikki oikeudet pidätetään.

    fiFinnish
    en_USEnglish de_DEGerman sv_SESwedish da_DKDanish nb_NONorwegian fr_FRFrench pl_PLPolish arArabic it_ITItalian jaJapanese ko_KRKorean es_ESSpanish nl_NLDutch etEstonian elGreek fiFinnish