https://nvl.studio NVL Studio Aleksi Partanen 2025-11-25T00:00:00

Pienet yritykset ovat ystävällisempiä, nopeampia ja parempia kuin suuret yritykset.

Suurin osa yrityksistä on pieniä. Olemme pienyrittäjiä, yksinyrittäjiä, perheyrityksiä ja ammatinharjoittajia. Nautimme vapaudesta, itsenäisyydestä ja työn tekemisestä. Haluamme kokeilla uusia asioita, tehdä asioita omilla ehdoillamme kysymättä muilta lupaa.

Pienyritys ei ole yritys, joka ei ole onnistunut kasvamaan isoksi. Kyseessä on kaksi eri asiaa. Pienyrityksessä on omistaja, joka puhuu asiakkaan kanssa, tekee päätöksen ilman palaveria ja osallistuu työntekoon. Juuri sen kokoinen, että työ voidaan tehdä kunnolla ja asiakasta palvella hyvin. Samalla kun moni pienyrittäjä haaveilee olevansa suurempi, moni suuryritys haaveilee olevansa ketterämpi ja joustavampi.

Pienyritys ei ole vähemmän kuin suuri yritys, vaan enemmän. Pienyritys on nopeampi, tehokkaampi ja intohimoisempi. Asiakkaan on helpompi samaistua pieneen yritykseen. Saatamme tuntea omistajan ja hänen perheensä jo pitkältä ajalta. Haluamme tukea paikallista ja arvostamme, että jollain on munaa tehdä itse. Pieni on cool. Jopa suuret yritykset yrittävät esittää pientä ja autenttista.

Suuri on kömpelö

Suuret yritykset ovat monimutkaisia ja hitaita. Ne käyttävät yritysratkaisuja, puhuvat ammattijargonia ja kirjoittavat kuin byrokraatit. Isot yritykset palkkaavat tungettelevan myyntimiehen, josta ei kaupan jälkeen näy jälkeäkään. Ongelman sattuessa vastassa on asiakaspalvelija, joka on yrityksen huonoiten palkattu työntekijä. Kun katsoo kuinka monet kohtelevat asiakkaitaan, tuntuu, että isot yritykset ovat unohtaneet, miksi ovat olemassa.

Sopivan kokoinen

Pienyrittäjä voi kuvitella, että asiat olisivat paremmin, jos olisi enemmän. Enemmän työntekijöitä, enemmän asiakkaita, suurempi markkinaosuus tai isompi liikevaihto. Tämä ei kuitenkaan ole totta. Se, että asiat toimivat hyvin pienessä koossa, ei tarkoita, että ne toimisivat paremmin suurempana. Monelle yritykselle on olemassa sopiva koko. Asiat toimivat parhaiten tietyn kokoisena. Yritys voi olla liian pieni, mutta ehdottomasti myös liian suuri.

Ylpeästi pieni

Pienyrittäjän kannattaa olla rehellinen omasta koostaan. Pienyrittäjän kannattaa kertoa, että on pieni yritys tai yhden hengen toiminimi. Työt tehdään pienessä kylässä, omassa toimistossa, kouralliselle tyytyväisiä asiakkaita. Pienyrittäjä voi puhua ja kirjoittaa minä-muodossa, käyttää oikeaa nimeä ja valokuvaa. On tärkeää ottaa henkilökohtainen vastuu asioista. Kerro, että "hoidan asian kuntoon tänään". Ei kannata esittää muuta kuin on. Avoimuus ja rehellisyys ovat hyvää bisnestä.

Palvelee hyvin

Pienyrityksen on pakko kohdella asiakkaita hyvin ja tehdä hyvää jälkeä. Kun yritys mokaa, on yrittäjän oma pää vadilla. Yrittäjä vastaa omista teoistaan. Se ei voi piiloutua sijoittajan, hallituksen tai rahoittajan selän taakse.

Pienet yritykset voivat kommunikoida asiakkaan valitsemalla tavalla. Isoilla yrityksillä on tapana pakottaa asiakkaat jonottamaan puhelinlinjoille, etsimään vastauksia nettisivuilta tai keskustelemaan chattien kanssa. Pienissä yrityksissä yrittäjä vastaa itse puhelimeen, lähettää tekstiviestin ja kirjoittaa joulukortin.

Selvästi erilainen

Pienyritys ei voi toimia samoin kuin suuret yritykset. Sen mainosbudjetti on vain murto-osa ison yrityksen budjetista. Se hukkuu auttamatta suurten jalkoihin. Silti asiakkaiden huomio on saatava. Pienyrityksen on pakko erottua, jotta se pysyy hengissä.

Pienyrittäjän on oltava luovempi ja kekseliäämpi. Sen tulee käyttää eri keinoja, pelata eri säännöillä. Suuret yritykset ovat tylsiä ja toimivat varovasti, niillä on asema ja paljon menetettävää. Pienyritys voi viestiä rohkeammin, olla terävempi ja jopa hieman provosoida. Sen ei tarvitse miellyttää kaikkia. Riittää, että vain riittävän moni asiakas mieltyy yritykseen.

Liikkuu ketterästi

Pienet yritykset sopeutuvat markkinoiden muutoksiin. Ne kokeilevat uusia ideoita ja tekniikoita, ilman suurten yritysten byrokraattisia rasitteita. Pienyritykset eivät ylianalysoi, vaan luottavat vaistoihin. Paras kompassi löytyy yrittäjän sisältä. Välillä tulee huteja, mutta se ei ole kovin vaarallista. Pieni tekee korjausliikkeen nopeasti. Tämän vuoksi uudet innovaatiot tulevat pienistä yrityksistä. Isot yritykset tietävät tämän ja sen takia ne ostavat pieniä yrityksiä.

Suureen luotetaan

Yksi isojen yritysten suurimmista eduista on se, että niihin luotetaan. Niillä on nimeä ja brändi on tuttu jo pitkältä ajalta. Kun ostamme suurelta, tiedämme mitä saamme. Tuotteen ei tarvitse olla paras, mutta se on aina sama. Kokemus McDonaldsissa ei vaihtele.

Tämä on pienyritykselle haaste, jonka se tulee tiedostaa. Pieni ja tuntematon ei herätä luottamusta. Luottamus täytyy ansaita. Pieni yritys voi tarjota yksilöllistä palvelua, paikallista tuntemusta, erikoisosaamista, sitoutumista ja joustavuutta. Sen on tehtävä töitä, jotta asiakkaan luottamus saadaan rakennettua.

Pienyrityksen suurin etu on sen pienuus. Pieni koko tekee siitä paremman. Sen sijaan, että pienuutta peitellään, se kannattaa nostaa esille. Riittää, että on aidosti oma itsensä.

 https://nvl.studio/pieni/ Pienyrittäjän puolella 2025-11-25T00:00:00 Pienet yritykset ovat ystävällisempiä, nopeampia ja parempia kuin suuret yritykset.

Onko tuotteesi paras, ainoa laatuaan ja koko kylän puheenaihe?

Puskaradio on parasta mainosta mitä yrityksesi voi toivoa. Asiakkaasi suosittelee palveluasi hyvälle ystävälleen. Koska ystävien välillä on jo luottamus, uusi asiakas kävelee ovesta sisään ja on heti valmis ostamaan. “Mainos” on maksanut sinulle nolla euroa. Toimiva puskaradio on seuraus hyvin hoidetusta asiakassuhteesta. Olet tehnyt hyvää työtä ja puskaradio on siitä kiitos!

Odota ja toivo

Kun yritys hankkii uusia asiakkaita, pelkästään puskaradioon luottaminen ei ole viisasta. Puskaradio on odota ja toivo strategia, jonka varassa erityisesti moni pienyritys toimii. Myynnin eteen ei tehdä mitään. Odotetaan, että asiakkaat kävelevät sisälle. Puskaradio toimii, kunnes se ei toimikaan. Kilpailija saapuu kaupunkiin ja kerää kaiken huomion. Myynti hiljenee ja voit vain ihmetellä, miksi kukaan ei enää osta sinulta. Pelkästään puskaradioon luottaminen on koitunut monen yrityksen kohtaloksi.

Hallitsematon

Puskaradion viestiä ei voi toistaa tai kasvattaa. Jos kauppa hiipuu, et voi tehdä mitään saadaksesi lisää myyntiä. Et pysty vaikuttamaan siihen, mitä muut puhuvat sinusta, tai kuka kuulee viestisi. Puskaradio toimii niin hyvässä kuin pahassakin. Suosittelemme ystävälle hyvää ravintolaa, mutta varoitamme huonosta korjaamosta.

Vain harva kuulee sinusta

Puskaradio saavuttaa vain asiakkaasi lähipiirin, ei muita. Olet täysin riippuvainen verkostosi suuruudesta. Pelkästään omalla paikkakunnalla voi olla paljon ihmisiä, jotka hyötyisivät palveluistasi. Silti he eivät ole koskaan kuulleetkaan yrityksestäsi.

Liian ylpeä myymään

Yrittäjinä tahdomme uskoa, että tuotteemme on niin hyvä, että se myy itse itseään. Sana leviää ja asiakkaat hoitavat myynnin puolestamme. Totuus on, että lähes kaikki tuotteet ja palvelut ovat samanlaisia. Asiakas ei huomaa, jos tuotteesi on aavistuksen parempi. Hyvä tuote tai palvelu pitää kyllä asiakkaista kiinni, mutta harvoin tuo uusia.

Huomaavaista markkinointia

On oikeastaan huomaavaista markkinoida omaa tuotetta. Moni ihminen hyötyisi palveluistasi. On huomaavaista muistuttaa, että olet olemassa. On huomaavaista olla hieman erilainen ja erottautua joukosta. Kun asiakkaalla tulee tarve, hän muistaa sinut ja tuotteesi helpommin. Kun muut ovat hiljaa ja tylsiä, on tämä sinun mahdollisuutesi.

Markkinointi on vaikeaa

Tarkkaan mietityllä markkinoinnilla voit valita, kuka kuulee sinusta, millaisen viestin kerrot ja millaisen kuvan annat yrityksestäsi. Kun uusien asiakkaiden virta on tasainen, se tuo yrittämiseen ennakoitavuuttaa, valinnanvaraa ja turvaa. On elintärkeää oppia myymään ja markkinoimaan. Ja sitä oppii vain tekemällä.

https://nvl.studio/puskaradio/ Puskaradio 2025-09-18T00:00:00 Onko tuotteesi paras, ainoa laatuaan ja koko kylän puheenaihe?

Treating customers well is more important than anything else you do in business. They have the power to decide whether your company deserves to stay in business.

Customers are hard to find. It costs much more to get a new customer than to sell more to an existing one. That’s why keeping current customers happy is good business. When they are happy, they also bring new ones.

Every contact

Every customer contact or complaint is a chance. A chance to learn who your customers are, why they buy from you, and how you can make your product better. These few moments you spend talking with them shape their impression more than anything you do with marketing, design, or a new feature. Just be happy that they contacted you. Be interested in them and their work. Give them time. That’s how you earn loyalty.

Take the blame

Customer service usually starts when someone has a problem and they contact you. It’s hard not to fight back. But you need to take the blame. Tell them it's your fault. Say you're sorry. Let them know that they were right, and you were wrong. That's going to make the customer much happier. If you handle this well, the customer will be more satisfied than if they never had a problem in the first place.

Customer in power

When a customer feels they are in power, they behave better. Let them try freely. Don’t tie them up in contracts. Allow them to leave whenever they want. We don’t want your money if the product doesn’t fit or you’re not happy with it. Have a secure mindset. You can afford to lose a customer. This is long-term thinking.

Root problem

Most of the time, you can fix a customer’s problem quickly. But the harder problem would be fixing the root problem, why the customer contacts you in the first place. If you are committed to customer support and put real experts in, they can understand the root problem and get it fixed. By fixing the root problem customer support will never have to give the same answer again.

Speak small

We trust small companies more than big ones. Small companies are more human-scale. They are independent. We may know the owner and their family. We know that small companies can't afford to treat customers badly.

Big companies use corporate solutions and speak in corporate jargon. They write and behave like bureaucrats. There's nothing human about that. Don't pretend to be bigger. Speak and write like yourself. Use your real name and photo. Take personal responsibility. Tell them: “I’ll take care of this today”.

Different

There's very little difference in most products and services. Most are the same. And usually it's not worth making it one millimeter better. The customer won’t notice. The real difference comes down to how you treat your customers. What’s the customer’s experience when dealing with you — at every step? This will help you stand out. When others think it's not worth it, that's your chance. Taking customer service seriously, treating them like fellow human beings, is the best protection against competitors — and the right thing to do.

Real people

In a digital world, it's easy to forget that customers are real people, not numbers or data. An old lady in a senior home, trying to order a gift for her grandson. A father driving his kids to daycare while booking an appointment. These are real humans we need to serve.

We hate when customer service is run by bots. Even if a robot is better than a human, it's not enough for us. Fake empathy from a chatbot doesn’t work. We crave human contact. As a customer it's almost a luxury when there's an actual human who is interested in helping you. Someone who talks like a normal person, just trying to help.

Your job is to feel the pain with the customer. You may not even resolve the issue, but you can change how the customer feels. The customer senses when you care — and especially when you don't. This is the best thing you can do for your business.

 https://nvl.studio/human/ Human service 2025-08-07T00:00:00 Treating customers well is more important than anything else you do in business. They have the power to decide whether your company deserves to stay in business.

With RSS, people can see the new content of your website without visiting your site.

When a website offers an RSS feed, its content can be read in a feed reader app. It’s very useful for sites that publish regularly, like blogs and news sites. For a reader, it's easier to check the reader app. You can follow multiple sites and see what's new. No need to check every site manually.

RSS offers a better, distraction-free reading experience. Many news outlets track users and are filled with ads and popups. RSS also gives you full control. You choose what content to follow. You pick your news sources and read only what you want. After reading your feeds, you're done. Unlike in social media, where scrolling never ends.

Creating own feed

RSS is sent directly from a website to a feed reader, no platform is in between you and the reader. It's very simple and private. To follow a feed, you only need the feed URL. No need to give up any information or even email address.

RSS is an old tech and has been around since the '90s. RSS and Atom are two commonly used feed types. RSS is more popular, Atom more modern. Both work fine with feed readers, but use a slightly different format.

XML file

A feed is just a simple XML file with a specific format. You can create your own Atom feed very easily. Open a text editor and create a file called feed.xml. Add the following code for the basic structure.

<?xml version="1.0" encoding="UTF-8"?>
                            <feed xmlns="http://www.w3.org/2005/Atom">
                            <title>Blog title</title>
                            <link href="https://nvl.studio/"/>
                            <updated>2025-03-06T12:00:00Z</updated>
                            <id>https://nvl.studio/</id>
                            <entry>
                            <title>Blog Post</title>
                            <link href="https://nvl.studio/post"/>
                            <id>https://nvl.studio/post</id>
                            <updated>2025-03-06T10:00:00Z</updated>
                            <summary>Content of the post.</summary>
                            </entry>
                            </feed>

At the beginning of the code is general feed information that stays the same. <entry> is a blog post or article in HTML format. Every time you publish a new blog post, add a new <entry> and update the <updated> time from the top. After creating the feed, place it at your website’s root.

Feed can include the full post or just a summary. If you include full posts, you may want to limit how many remain in the feed. If the posts are short, or if you use summaries, you can include even hundreds. If feed has all your content, your older posts are easier to discover.

Add link to the feed on your site. This is the main way people subscribe to your feed. Also add the following header tag so services can detect it. It needs to be added just to the main page. 

<link href="feed.xml" type="application/atom+xml" rel="alternate" title="Atom feed" />

Do it manually

If you don't post very often, updating feed manually is very little effort. Or you can write a simple script to update feed (my way).

CMS platforms, like WordPress, generate the feed automatically. You need to do nothing. There's also services that can read your site and generate a feed.

You can create multiple feeds for the same site. For example, if your content is in two languages, you might create en.xml and fi.xml. News sites usually have different feeds for different topics.

If you have a blog, you should offer an RSS feed. While it's quite niche and requires a feed reader, it offers a good way to follow your writing without visiting your site.

RSS feed readers

Feedly is a free reader with ads. It has a simple and nice UI.

Inoreader is a free reader for following and reading feeds. It offers special features, like newsletter subscriptions, with a paid option.

FreshRSS is a free, self-hosted feed aggregator.

 https://nvl.studio/rss/ RSS 2025-03-25T00:00:00 With RSS, people can see the new content of your website without visiting your site.

This is what's happening right now in my life.

Life

Driving trusted and rusted old Toyota Previa 1997, proudly. Such a great family van. Kids love it!

This past winter sucked. We love snow and like the cold, but we didn’t get much of either.

Work

Designing new ecommerce for a long time client from Estonia.

Past 6 months been helping a friend with a startup. Helping with website, UI work, marketing etc.

Reading

I like reading Warren Buffets annual shareholder letters for Berkshire Hathaway. He's such a good writer.

Now-page is inspired by Derek Sivers.

 https://nvl.studio/now/ Now Now 2025-03-10T00:00:00 This is what's happening right now in my life.

Grep is a command-line tool for searching inside text files, like code.

Mac’s built-in search is mostly for filenames and reads only certain file types. Grep works with all text files and searches inside them. Here's how you can get started.

Search for “word” in the current folder.

grep "word" .

Search recursively, from current folder and its subfolders.

grep -r "word" .

Search inside a file.

grep "word" filename.txt

Show only the names of files that contain the search term.

grep -l "word" .

Make the search case-insensitive. It finds “word”, “Word” or “WORD”.

grep -i "word" .

Grep is a powerful tool and has many features. Type “man grep” in Terminal to learn more.

https://nvl.studio/grep/ Grep 2025-02-27T00:00:00 Grep is a command-line tool for searching inside text files, like code.

Authenticity is being who you say you are.

Pro

Professionals go to work and do their job. Even if they don't feel like it, or no one is looking. You may be full of self doubt, or feel bored. Pros will still show up and do the work. Doing the work and being consistent is authentic.

Being authentic does not mean doing whatever you want. Or saying out loud what comes into your mind. You don't need to worry if this is 100% you. Put on a smile and act like it. Keeping your word is authentic.

Product

For most of us, we care about the effect of a product, and not so much who made it and why. This hat keeps me warm and looks nice. We don't care who made it and what's their story. Product is authentic when it does what it says it does.

If you say you care about safety of your product, you must do so. What you say must be actually true. You are consistent and do it year after year. Fake brands succeed only in safety tests, not in real life.

Trust

To have a business, you need trust. If a customer feels you are phony, it's hard for them to buy from you. You say you respect privacy, and cookie banner shows up on your website. Don't make promises you can't keep. Customers get confused and lose trust in you. You are authentic when your actions match your words.

Mistakes

Do the best work you can. But when you mess up, be humble and admit it. This makes you a human. You can take the blame even if it was not your fault. Mistakes are great chances to earn respect. A transparent business with flaws is better than a perfect.

Character

We are drawn to people who feel real. You can play a character, pretend to be something else. But people smell fake easily. It’s much easier to be yourself than to play a character. You don’t have to worry about getting caught in a lie.

Being authentic is a good business strategy. It costs nothing to be authentic. Do the work, keep your word, admit mistakes, and be honest.

 https://nvl.studio/authentic/ Authentic 2025-02-18T00:00:00 Authenticity is being who you say you are.

Aistimme typografian, vaikka emme huomaa sitä.

Typografia vaikuttaa meihin hienovaraisesti. Aistimme aina typografian, vaikka emme huomaa sitä. Fontit ovat kuin tekstin visuaalinen ääni, joka puhuu alitajuntaamme. Hyvä typografia voi erottaa pienen yrityksen suuresta, halvan tuotteen kalliista tai huijarifirman aidosta.

Tekstiä on kaikkialla, niin tuotteissa kuin mediassakin. Typografialle ei aina uhrata kovin suurta ajatusta. Tämän on mahdollisuus brändeille. Hyvällä typografialla on mahdollisuus erottautua, viestiä luotettavuudesta ja parantaa tiedon menemistä perille.

Teksti herättää tunteita

Lukija aistii aina tekstin luoman tunnelman, vaikka ei tietäisi fonteista mitään. Historia, kulttuuri, muoti, kaikki vaikuttavat siihen, että olemme oppineet assosioimaan tietyn tyylisen tekstin tiettyyn asiaan. Jos fonteilla ei olisi mitään merkitystä, kaikkialla voisi käyttää samaa fonttia.

Se kuinka sanotaan, on monesti yhtä tärkeää kuin itse viestin sisältö. Jos sanomme jonkin asian ironisesti, tarkoitamme sillä päinvastaista. Kun fontti valitaan taiten, sillä voidaan vahvistaa viestiä. Huonosti käytettynä viesti menee heikosti perille tai sillä on vääränlainen vaikutus.

Pankki ja poliisi haluavat viestiä turvallisuutta ja luottamusta, teknologiayritys ajan hermoilla olemista ja innovaatiota. Lakitoimisto haluaa olla asiantunteva ja virallinen, huvipuisto villi ja riehakas.

Fontin valinta kannattaa tehdä sen perusteella, millaisia tunteita se meissä herättää. Lopullinen päätös varmistetaan kuitenkin teknisten asioiden perusteella. Onko fontti tarpeeksi selkeä, taipuuko ominaisuudet haluttuun tilanteeseen tai löytyykö tarpeeksi laaja merkistö kohdeyleisön kielelle.

Fonttien luokittelu

Millaisen viestin annat saapumalla työvaatteissa hääjuhlaan? Entä kuinka juhlapuku toimii eräretkellä? Fontin valinnassa on kyse samasta asiasta. Eri fontit kertovat erilaista viestiä, mutta ne myös toimivat eri tavalla.

Fontit ovat työkaluja, niillä on omat tarkoituksensa ja paikkansa. Älykellon numeroita vilkaistaan nopeasti liikenteessä, kirjaa luetaan rauhallisesti kotisohvalla. Toisessa tilanteessa luettavuus on äärimmäisen tärkeää ja lukijan huomio on saatava heti. Ei ole olemassa yhtä fonttia, joka sopii kaikkiin tilanteisiin.

On hyvä ymmärtää joitain perusasioita, jotta osaa valita oikeanlaisen fontin. On paljon karkeita yleistyksiä millaista fonttia kussakin yhteydessä pitäisi käyttää. Trendit ja virtaukset silti elävät.

Serif

Päätteelliset serif-fontit (antikvat) ovat hyviä kun luetaan pitkää tekstiä. Kaikki kirjat ja lehdet käyttävät niitä. Digitaalisessa maailmassa ne ovat olleet haasteellisia huonolaatuisten näyttöjen takia, joka on vaikeuttanut luettavuutta. Serif-fonttien viivoissa on paksuuseroja, eli kontrastia. Jos kontrasti on suuri, toimii fontti vain isossa koossa.

Brändimaailmassa serif-fontit mielletään muotiin, luksukseen ja laatuun. Lakitoimistot ja sanomalehdet haluavat viestiä älykkyyttä ja asiantuntijuutta. Serif-fonttia käyttävä hieno ravintola on hillitty ja arvokas. Myös historiallisissa yhteyksissä voidaan käyttää seriffejä.

Serif

Sans-serif

Päätteettömät sans-fontit (groteskit) ovat selkeitä ja rehellisiä. Muodot ovat pyöreitä ja minimalistisia. Viivojen välillä ei ole paksuuseroja. Tunnetuimpana esimerkkinä on Helvetica.

Sans-fontteja käyttää yritys, joka haluaa kertoa modernia viestiä. Fontit voivat viestiä ammattimaisuudesta, josta turha koristeellisuus on poissa. Sans-fontit ovat hyvin yleisiä tekniikan alan firmoissa.

Pitkässä tekstissä sanssit eivät ole hyviä, erityisesti jos kirjaimet ovat hyvin geometrisiä (Futura). Tämä tekee tekstistä vaikealukuisemman.

Sans-serif

Slab serif

Slab serif -fontit (egyptiennet) ovat sekoitus sans- ja serif-fontteja. Niissä on päätteet, kuten serif-fonteilla, mutta viivat ovat silti tasapaksuja. Päätteet ovat suorat ja vahvat, ja fonttia käytetään vahvempana. Fontit soveltuvat pääasiassa otsikkokäyttöön.

Slab serif -fontit ovat maskuliinisia, itsevarmoja ja niillä voidaan tehdä voimakas vaikutus. Niissä on ripaus historiaa. Slab fontteihin törmää autoliikkeissä, teollisuudessa ja teknologiassa.

Slab serif

Humanist sans

Humanistisissa sans fonteissa on viittauksia käsinkirjoituksesta ja juuret löytyvät kalligrafiasta. Niissä on lämpöä ja persoonaa verrattuna geometrisiin sansseihin. O voi olla hieman ovaali ja kirjainten viivat eivät ole aivan tasapaksuja.

Humanist sans

Display

Display fontit on suunniteltu käytettäväksi suuressa koossa, otsikoissa, julisteissa ja logoissa. Ne voivat olla voimakkaasti tyyliteltyjä ja niissä voi olla yksityiskohtia, jotka näkyvät vain kun teksti on suurta. Luettavuus ei ole tällöin tärkein asia, koska ensisijaiseti halutaan viestiä tunnelmaa. Display fontit eivät toimi pienessä koossa ja pidemmässä tekstissä.

Otsikoille ja leipätekstille on yleensä omat fonttinsa. Samasta fontista voi olla tarjolla erilaisia optisia kokoja. Optista kokoa säätämällä saadaan sama fontti toimimaan niin pienessä kuin suuressakin koossa.

Display

Skriptit

Käsinkirjoitusta muistuttavia fontteja kutsutuaan skripteiksi. Ne voivat olla hyvin koristeellisia ja kontrasti voimakasta. Lyhytkin teksti on vaikealukuista. Skripteillä voidaan viestiä välitöntä tunnelmaa, historiallista vaikutelmaa tai taiteellista luovuutta. Skriptejä näkee hääkutsuissa, joulukorteissa tai romanttisissa yhteyksissä.

Skriptit

Fontin luettavuus

Luettavuudella tarkoitetaan sitä, kuinka helposti merkit ovat tunnistettavissa kirjaimiksi, ja kuinka helposti ne erottuvat toisistaan. On myös tärkeää, kuinka luettavaa teksti on kokonaisuutena.

Toiset fontit toimivat hyvin kun luetaan pitkää tekstiä. Lauseessa meillä on aina konteksti missä yksittäinen sana esiintyy. Käyttöliittymässä luetaan yleensä vain yhtä sanaa. Tällöin yksittäisten kirjainten välinen ero on oltava riittävän suuri. Sama koskee mitä tahansa opasteita tai tienvarsikylttiä.

Luettavuutta heikentää toistuvat muodot, kapeus, laihuus, liian suuri kontrasti tai umpinaiset muodot. Pienaakkosia on helpompi lukea kuin suuraakkosia, koska niissä kirjaimet eroavat enemmän toisistaan.

Tekstin luettavuutta voidaan testata vertailemalla kirjaimia “Iliad”, “1Il” tai “0Oo” keskenään. Erottuvatko suuraakkos i, pienaakkos l ja numero 1 toisistaan? Voidaan myös testata, ovatko kirjaimet qp, db, 0O, nu ja 69 vain peilikuvia toisistaan? Tällöin ne menevät helposti sekaisin, varsinkin jos lukijalla on lukuvaikeuksia.

Esimerkiksi Futura on vaikealukuinen, koska se on hyvin geometrinen. Kirjaimet ovat samanlaisia. O on lähes pyöreä ja a muistuttaa hyvin paljon o:ta. Toisissa fonteissa tätä on tietoisesti vältetty.

Fonttien käyttö

Hyvä typografia ei ole vain sopivan fontin valintaa, vaan myös sitä, kuinka sitä käytetään. Sopivan leikkauksen valinta, tyylit, tekstin koko, riviväli, asettelu ja otsikoinnit kuuluvat kaikki typografiaan. Eritasoisten otsikoiden koko ja rytmitys suhteessa leipätekstiin auttaa skannaamaan tekstiä nopeammin.

Tekstin väritys luo tunnelmaa, mutta sillä voidaan hallita myös hierarkiaa. Tekstin ja taustan kontrastilla voidaan korostaa tekstiä, tai kertoa, että tämä tieto on toissijaista. Vaikka fontti ei olisi paras mahdollinen, on taidokkaasti käyttäen mahdollista saada siitä paljon irti.

Fonttien avulla voidaan vaikuttaa siihen, millaiseksi koemme tuotteen. Toinen tuote tuntuu kalliilta ja kestävältä, toinen halvalta ja huonolaatuiselta. Fontin valinnassa voidaan luottaa aisteihin ja tunnelmaan, jonka se meissä luo.

Typografia on alue jossa on loputtomasti oppimista. Typografia on osa brändiä. Emme osaisi tunnistaa brändien käyttämää fonttia, mutta kun jokin on pielessä, silloin huomaamme sen. Huolella mietitty typografia vahvistaa brändiä ja auttaa erottautumaan.

Lisää aiheesta

Sveitsiläinen Nuberodesign kirjoittaa fonttien luettavuudesta.

Dan Mall kertoo, kuinka valitsee fontit työssään.

Hoefler&Co. on fonttitalo, joka kertoo typograafisista illuusioista.

Make Type Workin kaksiosainen artikkeli käsittelee fonttien käyttöä käyttöliittymissä.

Fontit blogissa

Mukautuvat fontit

Mukautuvat fontit parantavat typografiaa netissä ja pienentävät tiedostokokoja.

Mukautuvat fontit

Typografia

Typografia tarkoittaa sitä, miltä teksti näyttää, tekstin visuaalinen ilme.

Typografia
https://nvl.studio/hyva-typografia/ Hyvä typografia 2024-12-04T00:00:00 Aistimme typografian, vaikka emme huomaa sitä.

All products are the same. Customers can't tell the difference, even if your product or service is the best. That's why you need to position.

Positioning is not what you do. Positioning is how you talk about what you do. It happens in the minds of the customers. Why should I buy your product? You need to say that out loud.

Decide what you do

You have to decide what you do. But even more importantly, decide what you don't do. You can’t offer every service to every client. Full service is not focus.

You have to be very specific about what you do. If you are not positioned, it's hard for customers to find you. Search engine doesn't work well when you do everything. Most companies are positioned too broadly. If positioning feels scary, you are doing it right.

Think wedding photographer, Toyota mechanic, hunting knife or prayer candle. You can make chocolate for romantic couples or offer massage therapy for retired seniors. You can be so specific, that there's very little competition. It's more important to be different than better.

Know your customer

When you know what you do (and don't do), it's much easier to find the people who are your potential customers. You know their age, gender, interests, stage in life. You know where they hang out, magazines they read and events they go. They follow the same YouTube channels and social media accounts.

These are the places where you have to show up. Spend time with these people. Attend an event, partner with the organizer. Get an ad in industry magazine, sponsor the content creator.

Become an expert

With good positioning, you have less competition and more customers. It’s easier for customers to find and hire you. You are now known as an expert, someone who knows, not just does.

Experts charge more. They are confident and have time to think. Experts have long waiting list, are in high demand and sell high quality. Customers come to see experts.

You can specialize in one thing, but change how you position. It's not easy to get it right. You can test it and change many times.

 https://nvl.studio/position/ Position 2024-11-13T00:00:00 All products are the same. Customers can't tell the difference, even if your product or service is the best. That's why you need to position.

Do you feel something when you hear the name of the company or a product?

Your brand is not what you say it is. It’s what they say it is. Brand is the customers' gut feelings about your company.

When you start a company, it has no brand. But you as a person have. If you are known as trustworthy and a fast worker, that's your brand. You have earned secondary meaning.

Your company has a strong brand when people can tell who made the product from the distance, without seeing the logo. You can tell that it's Harley Davidson just from the sound of it.

Promise

Brand is a promise. Promise of quality or experience customers expect from you. When you make a promise, you must keep it. Don’t violate trust. No trust, no trade. Be the most trustworthy company in your field!

Not for everyone

Good brands recognize that not everyone is their customer. Not everyone needs to like or understand you. Only the people who might buy your product. Good brands are selective and sometimes hard to reach.

We want status

We express ourselves with what we buy. Brand can support our personality. We want belonging. People like us wear clothes like this, or drive cars like this. We like that brand is noticed by others. That makes us happier.

Design won't help

Nice logo or cool ads won't help if the brand sucks. Looking good is not enough. If brand feels boring, you can't redesign it fresh. Brand stands for something, because the work stands for something. And the company name or a logo is associated with that. If the brand is strong, then the logo is important. We recognize brand from the logo.

Position

You need to have a great product (or service). Your product is your best ad. But almost all products are generic. It’s naive to think your products is very unique.

You need to be specific and very clear what you do. If you stand same as all others, you stand for nothing. It's more important to be different than better.

Why should I buy this and not the cheap one? Does it promise something different? You need to say that out loud. Not just think that way.

You know you have a strong brand, when people pay premium for it. Even better, when they tell their friends about your product.

 https://nvl.studio/brand/ Brand 2024-09-11T00:00:00 Do you feel something when you hear the name of the company or a product?

Logo is just a name, symbol. Alone it means nothing. It’s just a placeholder for the brand.

People think they like famous logos. But actually they like companies and what they stand for, not their logos.

Logo design

When a company designs a logo, it needs to be good enough. But not perfect. Logo is not an artwork. It doesn't need to say what company does. Think Apple or Nike.

On app icons and symbols, we use metaphors. We choose closest image that comes to a mind. On a logo, it doesn't matter.

A good logo is simple and legible. If you follow trends, it will die fast. If you try to follow the big guys, no one will see you.

Logo is not brand

Logo is not a brand, but it reminds us about the brand.

When we see the logo, we remember the company and what it stands for. Like when you hear the name of a famous person or a city.

Brand is much more important than the logo. Even if you change the logo, brand stays.

In the Olympics, you remember the hosting city, not the logo created for the event.

Apple’s logo designer is famous. But it’s not him who made the Apple famous. Apple made him famous.

We express ourselves what we buy. We like that the brand is noticed by others. Logo of a strong brand can make us happier.

When the brand is strong, logo is important.

 https://nvl.studio/logo/ Logo 2024-08-20T00:00:00 Logo is just a name, symbol. Alone it means nothing. It’s just a placeholder for the brand.

Ideoita markkinointiin sosiaalisen median ulkopuolella.

Markkinointia kannattaa rakentaa useisiin medioihin. Aina kun mainostetaan ulkopuolisella alustalla, on muistettava, että ei olla omalla maalla. Vaikka itse tuotetaankin sisältöä ja saadaan vuosien varrella houkuteltua paljon seuraajia, ollaan silti alustan armoilla. Algoritmit elävät ja postaukset eivät yhtäkkiä saakaan enää huomiota, hinnat voivat nousta tai tili joutua pannaan. On vaarallista, jos yrityksen kaikki asiakkaat tulevat yhdestä lähteestä.

Markkinointia kannattaa rakentaa erilaisiin medioihin. Sosiaalisessa mediassa metsästetään seuraajia, tykkäyksiä ja klikkauksia. Tuloksia saadaan hetkellisesti, mutta ne myös katoavat nopeasti. On paljon muitakin tapoja markkinoida, luoda ja ylläpitää asiakassuhteita. Ne yleensä vaativat hieman enemmän vaivaa, mutta konversio voi olla aivan eri luokkaa ja vaikutus pidempiaikaista.

Yhteistyö yrittäjien kanssa

Yrittäjän kannattaa tehdä yhteistyötä toisen yrittäjän kanssa. Näin saadaan tuplattua oma sosiaalinen verkosto. Rakennusalalla yhteistyö on jokapäiväistä. Sähkömieheltä kysytään putkimiestä, ja toisin päin. Jopa kilpailijaa voidaan suositella, kun itsellä on kiirettä. Joskus tarpeet voivat olla sitten toisin päin.

Järkevintä on tehdä yhteistyötä yritysten kanssa, jotka tukevat toisiaan. Kuntosali ja urheiluvaate, parturi ja partavaahto. Molemmat hyötyvät toisesta. Kannattaa miettiä, kuka tapaa mahdollisia asiakkaitasi.

Anna lahjoja

Lahjan antaminen on hyvä tapaa ylläpitää suhdetta asiakkaaseen. Ajatuksella annettu lahja lisää luottamusta ja parantaa suhdetta. Lahja annetaan kiitoksena menneestä, ei odotuksena tulevasta. Lahja saa ehdottomasti kertoa myös antajasta, antajan persoonasta. Tällainen lahja lähentää antajaa ja vastaanottajaa eniten.

Lahjassa oleellisinta on, että siitä näkyy uhraus, eli vaiva jota sen eteen on nähty. Digitaaliset lahjat ovat tässä mielessä huonoja. Kirjoita mieluummin oikea kortti ja postita se.

Anna aliarvostetuille ihmisille. Korkeassa asemassa olevat ihmiset saavat jo ennestäänkin tarpeeksi. Postimies, varastotyöntekijä, siivooja tai toimistoapulainen, he eivät yleensä saa lahjoja ja voivat muistaa lahjan lopun ikää.

Toimi paikallisesti

Moni yritys toimii vain netissä ja asiakkaat haalitaan ympäri maata. Paikallisuus unohtuu helposti. On mielenkiintoista markkinoida hyvin paikallisesti. Tämä vaatii erilaista ajattelutapaa. Pienessäkin kylässä voi olla potentiaalia ja ihmiset haluavat tukea paikallisia yrityksiä. Viesti kulkee puskaradiossa ja fyysisten tapaamisten kautta.

Kuinka pienellä paikkakunnalla erottaudutaan? Pienet kunnat painavat omia esitteitä ja listaavat yrityksiä nettisivuillaan ilmaiseksi. Paikallislehti, mainostaulu tai tienvarsikyltti voi olla edullinen paikka mainostaa. Paikallisten tapahtumien ja hyväntekeväisyyden sponsorointi toimii monesti hyvin. Erityisesti nuorten ja lasten tapahtumien auttaminen luo hyvää kuvaa.

Kaupat, kirjastot, kahvilat, kampaamot ja kuntosalit on varustettu ilmoitustauluilla. Niissä näkyy paljon pienyrittäjien mainoksia ja vielä ilmaiseksi. Ihmiset tutkivat ilmoituksia ja etsivät paikallisten yritysten palveluita. Sopivasti huomiota herättävä, mutta ei liian sliipattu mainos toimii.

Tapaa kasvotusten

Kasvotusten tapaaminen ja kommunikointi vie suhteen aivan eri tasolle, verrattuna pelkkään digitaaliseen kommunikointiin. Kun olemme kasvotusten, suurin osa kommunikoinnista tapahtuu ilman sanoja. Ei ole edes kovin oleellista, mitä sanotaan. Kunhan juodaan kahvia ja ollaan hetki yhdessä.

Kaikki tilanteet, missä voidaan tavata kasvotusten ovat hyviä. Messut ovat Suomessa suosittuja ja tarjoavat asiakkaiden tapaamiseen hyvän tilaisuuden, samoin pop-up kaupat sesonkiaikaan tai tapahtuman yhteydessä. Monelle verkkokauppiaalle tämä on uusi kokemus. On avartavaa nähdä kuinka asiakkaat reagoivat tuotteeseen. Voit suoraan kysyä palautetta tuotteesta, hinnasta tai mistä vain.

Uutiskirje

Uutiskirje on yksi parhaita ja edullisimpia markkinoinnin muotoja, jonka avulla pidetään yhteyttä asiakkaisiin. Uutiskirjeen tilaajalistasta voi ajan kanssa tulla tärkein markkinoinnin työkalu yritykselle. Sinulla on lista ihmisistä, jotka haluavat kuulla lisää yrityksestä, sen tuotteista ja toiminnasta. Uutiskirjeen lähettäminen on paljon tehokkaampaa kuin pommittaminen sosiaalisessa mediassa. Kukaan ei voi tulla sinun ja tilaajiesi väliin sanelemaan ehtoja.

Uutiskirjeen tilaajia pitää kerätä yksitellen ja lupa kysyä jokaiselta erikseen. Tämä on hidasta, mutta kannattavaa. Uutiskirje on myös asiakkaiden mielestä miellyttävä tapa ottaa viestejä vastaan, koska se toimii heidän ehdoillaan. Jokainen on antanut henkilökohtaisesti luvan viestin lähettämiseen, sen voi avata milloin tahansa, jättää avaamatta kokonaan ja kirjeen voi perua koska tahansa.

Nettisivut

Nettisivut ovat yrityksen koti digitaalisessa maailmassa. Sinne halutaan ohjata kaikki liikenne eri markkinointikanavista, kuten sosiaalisesta mediasta, hakukoneista tai uutiskirjeestä. Tavoitteena on, että asiakas oppisi tulemaan nettisivuille suoraan, ilman mainostamista.

Nettisivut eivät ole mainoskanava. Ne itsessään harvoin houkuttelevat tarpeeksi kävijöitä. Hyvin suunnitellut sivut ja kiinnostava sisältö voivat silti tuoda myös luonnollista liikennettä hakukoneiden kautta, joka on täysin ilmaista. Sisällön tuottaminen ei tietenkään ole helppoa, mutta on monesti vaivan väärti. Nettisivujen arvo kasvaa hiljalleen.

Nettisivujen tärkein ominaisuus on, että ne ovat omassa kontrollissa. Sivujen sisällöstä, ulkoasusta ja rakenteesta päätetään itse. Sivut voidaan suunnitella oman näköiseksi, osoite on omissa nimissä, eikä kukaan sanele ehtoja.

Sähköpostin allekirjoitus

Montako sähköpostia lähetät päivässä? Sähköpostin allekirjoitus on melko viaton tapa kertoa verkkokaupasta tai tuotteesta, ilman että se tuntuu tungettelevalta. Allekirjoituksen kanssa voi käyttää mielikuvitusta, eikä sitä tarvitse käyttää joka kerta. Ehkä vain uusille kontakteille.

Perinteinen posti

Lähes 100% varma tapa saada huomiota, on lähettää perinteinen ja vanhanaikainen kirje. Mitä vähemmän se näyttää mainokselta, sitä parempi. Käsin kirjoitettu kirje, postikortti, pieni lahja, kaikki nämä avataan varmasti.

Kuinka paljon helpompi on heittää tuhansia euroja hukkaan sosiaalisessa mediassa, ilman yhtään varmaa kauppaa, kuin lähettämällä fyysinen kirje? Tämä vaatii tietenkin vaivaa, mutta osumatarkkuus ei tästä parane.

Käyntikortti

Käyntikortti on retro tapa jättää itsestä jälki. Hyvin suunniteltu ja persoonallinen kortti tekee vaikutuksen. Monessa sosiaalisessa tilanteessa on helpompi antaa fyysinen kortti, kuin vaihtaa yhteystietoja puhelimella. Käyntikortti jää pyörimään pöydälle tai laatikkoon, eikä katoa yhtä helposti kuin viesti digitaalisessa maailmassa.

Pysy mielessä

Tuote tai brändi joka on nähty viimeksi, valitaan selvästi todennäköisemmin, kuin jokin muu merkki. Kun brändi tai sen mainos nähdään säännöllisesti, se pysyy ihmisten mielessä pinon päällimmäisenä.

Tämä ajatus toteutuu hyvin automainonnassa. Teipattu auto on jatkuvasti liikenteessä ja liikkuu ihmisten keskellä. Sama ajatus toteutuu, kun sijoitetaan mainos tai liike vilkkaan tien varteen. Kun joka päivä ajat tien varteen sijoitetun saunakärryn ohi, on melko varmaa, että tarpeen tullen tilaat saunakärryn kyseiseltä yritykseltä. Monen yrityksen koko markkinointibudjetti, on sijoittaa liike kyltteineen vilkkaan tien varteen.

Tienvarsikyltti on selvästi paras, kun halutaan saada satunnainen ohikulkija poikkeamaan tapahtumassa. Kun paikkakunnalle tulee sirkus, saavutetaan mainoksilla lähes 100% paikkakunnan ihmisistä.

Katalogi

Laadukas, painettu katalogi on edelleen suosittu. Katalogi on kohtalaisen arvokas investointi, mutta sen antama laatumielikuva on myös iso. Vain premimum-brändit käyttävät enää painettua katalogia. Kustannuksista huolimatta katalogista saatu hyöty voi olla hyvä.

Oma sisältö

Oma sisällön luonti on pitkäaikainen ja hidas investointi. Tarkoituksena on tuottaa omaa sisältöä, josta on asiakkaalle aitoa hyötyä. Tuotteen huolto- ja korjausoppaita, käyttövinkkejä, alan trendejä ja uutuuksia. Hyvä idea on tuottaa sisältöä, joka vastaa niihin kysymyksiin, joita asiakkaat muutenkin esittävät. Tällainen sisältö vahvistaa brändiä ja antaa yrityksestä kuvan ammattilaisena, joka tietää mistä puhuu.

Oma sisältö voi olla muodoltaan mitä tahansa; artikkeleita, videoita tai kuvia. Jos juttua piisaa, niin se voi olla vaikka oma podcast. Oma sisällön tuottaminen antaa mahdollisuuden kertoa asioita omasta näkökulmasta, omalla tyylillä ja omaan tahtiin. Ehkä yritys haluaa ottaa kantaa alan toimintatapoihin, miksi meillä asiat tehdään näin, synnyttää keskustelua.

Sisältöä voidaan tuottaa muualle, ulkopuoliselle alustalle, mutta se kannattaa lisätä myös omille nettisivuille. Koska sisältö on luonteeltaan auttavaa ja vastaa ihmisten kysymyksiin, sitä etsitään hakukoneista, joka puolestaan lisää luonnollista ja ilmaista liikennettä sivuille.

Sisällön tuotanto ei ole helppoa ja vie paljon aikaa. Tulokset tulevat vasta ajan kuluessa. Mutta kun liikennettä alkaa sisällön perässä tulemaan, virtaa on vaikea pysäyttää.

Radio

Mainostaminen radiossa voi tuntua nykyaikana hullulta, mutta sitä kuunnellaan edelleen paljon. Radio ei myöskään ole vain vanhemman ikäpolven harrastus. Kasvava osuus radion kuuntelusta tapahtuu netin välityksellä. Radion ohella muukin audio on kasvattanut suosiota, kuten podcastien ja äänikirjojen kuuntelu.

Radio erityispiirre on, että se soi aina taustalla. Kuulija tekee samalla jotain muuta, eikä täysin keskity kuuntelemaan. Tämän takia mainokseen vaaditaan toistoja. Radioita kuunnellaan autossa, työn ohessa, julkisissa tiloissa ja myös vapaa-ajalla, samalla kun puuhataan jotain muuta.

Radiomainonta on suhteellisen edullista ja tehokasta, jossa hyvällä toteutuksella on merkitystä. Mainontaa tehdessä joudutaan miettimään, miltä yritys kuulostaa. Äänen avulla on mahdollista saada luotua vahva mielikuva kuulijan mieleen. Mainonnan kohdennusta tehdään kanavien valinnalla. Monella kanavalla on oma kuulijakuntansa ja pienemmät paikalliskanavat voivat olla suosittuja.

Hulluja ideoita

Markkinoinnissa saa olla kekseliäs ja luova. Toiset markkinointi-ideat ovat niin hulluja, että ne herättävät jo itsessään huomiota.

Cards Against Humanity myi verkossa tuotetta, jonka nimi oli Nothing, eli ei mitään. Viidellä dollarilla asiakas sai postissa tyhjän pahvilaatikon. Tuote myi kohtuullisesti, mutta mediahuomio oli valtava.

Blend Socks tarjosi vakuutuksen sukille, jota tarjottiin sukkaostoksen yhteydessä. Jos asiakas ikinä hukkasi toisen sukan, yritys lähetti uuden sukan kadonneen tilalle.

Perth Mint myy kultaa Australiassa ja lanseerasi uuden tuotteen, kultaista vessapaperia. Tämä tietenkin herätti paljon mediahuomiota ja keskustelua varallisuudesta.

Yrityksen kannattaa tietenkin olla esillä siellä, missä potentiaaliset asiakkaat ovat. Ei kannata olettaa että asiakas itse löytäisi yrityksen, vaan on mentävä asiakkaan luo. Kun tunnetaan asiakas, tiedetään mistä hänet tavoittaa.

Sosiaalisessa mediassa on paljon ihmisiä, eikä sen pois jättäminen ole yleensä järkevä vaihtoehto. Vaikka siellä ei mainostettaisi, on aina hyödyllistä olla kanssakäymisissä asiakkaiden kanssa.

Markkinointia kannattaa silti rakentaa useamman tukijalan varaa. On myös hyvä miettiä, kuinka ihmiset haluaisivat, että heihin otetaan yhteyttä? Häiritsevä puhelinsoitto tuskin on kenenkään toivelistalla. Millainen mainonta on sinun mielestä mielekkäintä?

 https://nvl.studio/markkinointi-ideoita/ Markkinointi-ideoita 2024-05-01T00:00:00 Ideoita markkinointiin sosiaalisen median ulkopuolella.

If you use cookies or any type of tracking method on your website, you need to ask consent. EU and a handful of other countries require you to do so.

What are cookies?

Many websites need cookies to function properly. With cookies, browsers remember the content of a shopping cart, user language selection and store login status. Cookies are also used to collect data about the user and their behavior.

Tracking

Tracking cookies see user behavior like clicks, search history, device information, location and much more. They can also follow user from one website to another. These are installed by Google, Facebook or another marketing company. Marketers build profiles from this information. This data is valuable and is sold forward. Advertisers buy this data to target ads.

Law

Laws are quite clear on tracking cookies. You can track, but only with consent. Law requires you to tell what cookies are used and what for. You can track after user has given consent, not just tell that we are tracking.

Cookies are not the only method to track. Marketing folks are creative and have range of methods to track users all the time. No matter the method, you need to ask consent.

Don’t track

Problem with tracking cookies is that people don't know, or understand that these cookies follow them around and your information is being sold. Most people won't be fine with that. It also hurts customer trust.

Best practice is to not install tracking cookies and not track your visitors. You don't need to identify users to see usage data for your website. Everything is overanalyzed on a web. Plausible is good option for Google Analytics. You can see the basic data without cookies and users are not identified.

Cookie popups

People hate cookie popups on websites and try to close them as fast as possible. Popups destroy web experience and make the web worse place. Many cookie handling tools are not set properly and track you anyways.

If you still need to ask cookie consent on WordPress, LuckyWP Cookie Notice is a simple and lightweight plugin to use. Users don’t need too many options. It looks ugly, but is easy to customize with CSS. On WordPress UI you can add scripts that are added after consent is given.

 https://nvl.studio/cookies/ Cookies 2024-04-25T00:00:00 If you use cookies or any type of tracking method on your website, you need to ask consent. EU and a handful of other countries require you to do so.

Medioilla on suuri vaikutus meihin. Elämme niin tiiviisti medioiden äärellä, että emme edes huomaa niitä, vain sieltä tulevan viestin. Mediat ovat kuin aistiemme jatkoa.

Marshall McLuhan

Medialla on suuri merkitys siihen, kuinka me näemme maailman ympärillämme. Filosofi Marshall McLuhan (1911 - 1980) uskoi, että tekniikka, kuten painettu media, televisio tai radio, vaikuttaa merkittävästi tietoisuuteemme ja ympäröivään kulttuuriin. Koemme maailman globaaliksi kyläksi, jossa rajat hälvenevät. Tekniikan avulla tietoa on saatavilla kaikille ja kaikkialla.

McLuhan vertasi sähkövaloa mediaan. Itsessään valo ei sisällä mitään viestiä. Valo kuitenkin mahdollistaa shakkipelin tai lukemisen pimeällä. Ilman valoa näitä ei voitaisi tehdä. Eli ilman mediaa ei ole viestiäkään. Emme kuitenkaan huomaan mediaa, vain viestin.

Eri aikojen mediat ovat muovanneet omalla tavallaan maailmankuvaamme ja kuinka havainnoimme todellisuutta. Ensimmäinen suuri muutos tapahtui, kun ihminen siirtyi puheviestinnästä painettuun mediaan (Gutenberg). Sähköisen tekniikan, radion ja sen jälkeen television vaikutus yhteiskuntaa on ollut valtava, sisällöstä riippumatta.

Kaikilla medioilla on omat piirteensä ja ne vaikuttavat sisällön ymmärtämiseen. McLuhanin mukaan medialla on jopa enemmän merkitystä, kuin itse viestin sisällöllä. Media vaikuttaa viestin luonteeseen, kuinka se otetaan vastaa ja sen tulkitaan. Radiolähetys tulee keskeytyksettä yhtenä virtana, kirjan sivua voidaan lukea moneen kertaan tai tehdä siihen merkintöjä. Sosiaalinen median viestit ovat lyhyitä, huomionhakuisia ja elävät vain hetken.

Puhelinten, tietokoneiden ja elokuvien luoma virtuaalinen maailma ei ole vain ulkopuolista maailmaa. Mediat ovat aistiemme jatkoa. Ne muokkaavat yhtä lailla ymmärrystämme maailmasta kuin fyysinenkin maailma. Ne ovat niin lähellä meitä, että emme kunnolla ymmärrä ja näe niitä.

Tämä voi olla myös vaarallista. Luovutamme aistimme medioiden valtaan, joten meitä on helppo käyttää hyväksi ja ohjailla. McLuhan oli aikaansa edellä ja ennusti hyvin tilanteen, jossa elämme sosiaalisen median kanssa tänään. Markkinoijat voivat ohjata kuluttajia, poliitikot äänestäjiä. Elämme medioiden armoilla.

McLuhanin sanoi, että “me ihmiset muokkaamme ensin työkalujamme, ja sen jälkeen työkalut muokkaavat meitä”. Luomme jatkuvasti tekniikoita, ja erityisesti mediatekniikoita, jotka vaikuttavat meidän käyttäytymiseen ja ymmärrykseen todellisuudesta.

Lisää aiheesta

Marshall McLuhan on mielenkiintoinen persoona. Hänen Wikipedia-sivullaan on kerrottu myös muista hänen ajatuksistaan, jotka ovat tutustumisen arvoisia.

 https://nvl.studio/media/ Medialla on merkitystä 2024-04-03T00:00:00 Medioilla on suuri vaikutus meihin. Elämme niin tiiviisti medioiden äärellä, että emme edes huomaa niitä, vain sieltä tulevan viestin. Mediat ovat kuin aistiemme jatkoa.

Diff is a command-line tool, used in Terminal, to find differences in codebases, files, and folders.

To simply compare two files, use this command.

diff file1.txt file2.txt

You can also compare two folders.

diff /path/folder1 /path/folder1

To see only the filenames the differ, use ‘-q’ option.

diff -q /path/folder1 /path/folder1

Include all subfolders and files within them using recursive option ‘-r’.

diff -r /path/folder1 /path/folder1

To view just the list of files that differ and include all subfolders.

diff -rq /path/folder1 /path/folder1

To ignore certain folders on comparison, use ‘-x’.

diff -x tmp -x photos /path/folder1 /path/folder1

To view differences side by side, use ‘-y’ option.

diff -y file1.txt file2.txt

To learn more, type “man diff”.

 https://nvl.studio/diff/ Diff 2024-02-16T00:00:00 Diff is a command-line tool, used in Terminal, to find differences in codebases, files, and folders.

Lahjan antaminen on hyvä tapaa ylläpitää suhdetta asiakkaaseen. Ajatuksella annettu lahja lisää luottamusta ja parantaa suhdetta. Lahja annetaan kiitoksena menneestä, ei odotuksena tulevasta.

Näe vaivaa

Lahjan antaminen on taitolaji. Annettaessa lahjaa, on tärkeää miettiä millainen lahja sopii vastaanottajalle. Lahja saa ehdottomasti kertoa myös antajasta, antajan persoonasta. Tällainen persoonallinen lahja lähentää antajaa ja vastaanottajaa eniten. Myös tunnetta saa olla mukana.

Lahjassa oleellisinta on, että siitä näkyy uhraus, eli vaiva jota sen eteen on nähty. Uhraus voi olla rahallista, aikaa ja mielellään molempia. Digitaaliset lahjat ovat halpoja ja vaivattomia, tämän takia ne toimivat huonosti. E-kirjan antaminen on suorastaan loukkaavaa. Fyysisen lahjan eteen on aina nähty vaivaa. Se täytyy toimittaa tai postittaa, ja lahja istuu hetken saajan pöydällä. Pelkästään ajatuksella kirjoitettu kiitoskortti on jo erinomainen lahja.

Yhteinen kokemus

Kaikkein voimakkaimpia lahjoja ovat jaetut kokemukset. Yhteinen lounas, lasketteluretki, kuumailmapallolento tai jokin yhteinen kiinnostuksen aihe ovat hyviä kokemuksia. Yhdessä koettu asia vahvistaa suhdetta täysin uudelle tasolle.

Anna aliarvostetuille

Korkeassa asemassa olevat ihmiset saavat liikaa lahjoja ja heitä kosiskellaan jo ennestäänkin tarpeeksi. Lahjan antaminen aliarvostetulle ihmiselle, voi tehdä vaikutuksen joka muistetaan lopun ikää. Postimies, varastotyöntekijä, siivooja tai toimistoapulainen, he eivät yleensä saa lahjoja. Oletetaan, että antaja ei hyödy siitä mitenkään.

Myös antaja hyötyy

Lahjan antaminen hyödyntää molempia osapuolia. Lahjan antaminen tuo hyvää oloa erityisesti antajalle. Dopamiinia vapautuu ja haluamme tehdä sen uudestaan. Antaminen ei silti ole itsekästä, vain jos odotamme vastapalvelusta tai velvoitamme saajaa. Kalliin lahjan kanssa kannattaa olla varovainen. Lahja on voitava ottaa ilolla vastaan.

Lahja
https://nvl.studio/lahja/ Anna lahja 2024-02-07T00:00:00 Lahjan antaminen on hyvä tapaa ylläpitää suhdetta asiakkaaseen. Ajatuksella annettu lahja lisää luottamusta ja parantaa suhdetta. Lahja annetaan kiitoksena menneestä, ei odotuksena tulevasta.

Myynnin ja markkinoinnin ei tarvitse olla hämärää ja aggressiivista, vaan se voi olla hienotunteista ja huomaavaista.

On huomaavaista opetella tuntemaan asiakas, jotta pystymme auttamaan häntä mahdollisimman hyvin. On huomaavaista puhua selkeästi, asiakkaiden omalla kielellä ilman ammattijargonia. On huomaavaista keskittyä kapeaan alaan ja erottautua, jotta asiakas muistaa sinut. On huomaavaista myydä kalliilla, koska tällöin myös asiakas yrittää enemmän.

Tunne asiakas

On huomaavaista opetella tuntemaan asiakas mahdollisimman hyvin. Mitä paremmin asiakas tunnetaan, sitä paremmin häntä voidaan auttaa. On hyvä tietää minkälaisia haasteita asiakkaalla on. Mikä on todellinen motivaatio ostohalun takana? Liittyykö ostopäätökseen pelkoja, joita voidaan hälventää?

Asiakas ei ole välttämättä kiinnostunut juuri sinun tuotteestasi. Haussa saattaa olla pitkäaikainen kumppani, joka voi ratkaista saman ongelman jatkossakin. Haussa on ihminen, johon voidaan luottaa.

Kuuntele

On huomaavaista kuunnella asiakasta. Kuunnella ja miettiä, kuinka voin auttaa häntä. Älä mieti, kuinka voin myydä hänelle mahdollisimman paljon. Asiakas ei ole kiinnostunut sinun yrityksestäsi tai tuotteesta, vaan omasta ongelmasta. Voit jopa ratkaista asiakkaan todellisen ongelman, myymättä hänelle yhtään mitään.

Kuuntele asiakkaan tarina. Se voi olla tuttu, mutta aina voi oppia lisää. Erotu aggressiivisesta myyjästä, joka vain kehuu itseään. Ole hiljaa, kuuntele, ja anna asiakkaan kertoa.

Aina asiakas ei ole valmis ostamaan heti. Luottamusta ei ole tarpeeksi, hinta voi olla liian kallis tai aika väärä. Voimassa oleva sopimus ei salli kumppanin vaihtamista. Anna asiakkaalle aikaa ja tilaa.

Puhu selkeästi

On huomaavaista puhua ja kommunikoida selkeästi. Tekninen kieli ja ammattijargoni ovat pahasta. Hyvä itsetunto ja osaaminen näkyy siitä, että puhutaan asiakkaan kielellä. Elä käytä kieltä, jota asiakkaat eivät ymmärrä. Se lisää vain heidän epävarmuutta. Hyvä kommunikointi on lyhyttä ja selkeää.

Pienillä yrityksillä on se etu, että he voivat käyttää asiakkaan suosimaa kommunikointitapaa. Yrittäjä itse voi vastata puhelimeen, lähettää tekstiviestin, kirjoittaa joulukortin tai hurauttaa henkilökohtaisesti paikalle ratkomaan ongelman.

Isoilla yrityksillä on tapana pakottaa asiakkaat suppiloon, jonottamaan puhelinlinjoille, etsimään vastauksia nettisivuilta tai keskustelemaan bottien kanssa. Isot yritykset keksivät omia typeriä sääntöjä kuinka asiakkaiden kanssa kommunikoidaan. Tämä on tietenkin pienyritysten etu, jota kannattaa hyödyntää.

Pidä yhteyttä

Kaikki kauppa ja uudet mahdollisuudet tulevat toisilta ihmisiltä. Ihmiset käyvät kauppaa keskenään, eivät yritykset. Tämän takia ihmisiin pitää luoda suhde ja suhdetta tulee hoitaa.

Kaupankäynnissä omat verkostot ovat aina keskeisessä asemassa. Ihmiset joihin on jo suhde olemassa, luottavat sinuun eniten; perhe, tutut, ystävät ja vanhat kollegat. Kun kerrot omille ystäville, että nuohoat savupiippuja, on sinulla käytössä myös ystäviesi ystäväverkosto ja heidän savupiiput.

On huomaavaista pitää yhteyttä ihmisiin, näin pysyt heidän mielessä. Kun ihmiset tarvitsevat nuohoojaa, tulet ensimmäisenä heidän mieleen, koska olet viimeinen nuohooja joka on ollut heihin yhteydessä. Olemalla yhteydessä nostat ihmisten mielessä käyntikorttisi pinon päällimmäiseksi.

Vanhoille asiakkaille on monin verroin helpompaa myydä lisää, kuin hankkia uusia asiakkaita. Kannattaa luoda systeemi, jonka avulla pidät yhteyttä ihmisiin. Vanhat asiakkaat tuovat yleensä myös uudet asiakkaat mukanaan.

Keskity

On huomaavaista keskittyä kapeaan alaan. Ratkaise hyvin kohdennettu ongelma. Erikoistuote, joka ratkaisee tietyn ongelman tietyiltä ihmisiltä; polvivoide, rukoilukynttilä, nuohoojan lakki. Asiakkaalla on helpompi muistaa ja ostaa, kun tietää tarkkaan mitä myyt.

Yrityksen kannattaa tarjota vähemmän vaihtoehtoa. Asiakas ei osaa valita kun vaihtoehtoja on 12. Yksi vaihtoehto on silti liian vähän. Tarjota kolme vaihtoehtoa, joita asiakas voi vertailla keskenään. Tämä auttaa luomaan paremman kuvan kokonaisuudesta, joten kilpailijaan ei tarvitse vertailla.

Erottaudu

Kaikki tuotteet ovat samanlaisia, tai lähes samanlaisia. Suurin osa tuotteista hoitaa asiansa riittävän hyvin ja eroavaisuudet ovat olemattomia. Tämän takia yrityksen täytyy jotenkin erottautua toisistaan.

On huomaavaista olla erilainen, jopa hieman outo. Ihmiset huomaavat tuotteen ja muistavat sen. Kun asiakkaalla tulee tarve, hän muistaa tuotteen helpommin.

Joskus jopa mysteeri toimii. Jotain voi jättää hämärän peittoon. Kaikkea ei tarvitse kertoa. Ihmiset ihmettelevät ja kiinnostuvat. Olemme uteliaita.

Kovin erilainen ei silti tarvitse olla. Voit olla se nuohooja, jolla on suuret viikset ja oranssi hattu päässä. Joskus riittää, että vain mainostat tuotetta. Jos kukaan kilpailija ei mainosta tuotetta, voi jo sillä erottautua.

Myy kalliilla

On huomaavaista pyytää tuotteesta reilu hinta. Kallis hinta lisää asiakkaan uskoa tuotteeseen. Kun asiakas uskoo tuotteeseen, hän myös yrittää enemmän, lukee ohjekirjan läpi ja opettelee käyttämään sitä. Asiakas pitää tuotteesta parempaa huolta, rasvaa ja puhdistaa sen.

Tuotteita, jotka mielletään arvokkaaksi, palautetaan vähemmän ja ne saavat paremmat arvostelut. Placebovaikutus toimii sekä myyjän että asiakkaan eduksi. On siis huomaavaista periä suurempi hinta, sekä myyjä että asiakas voittavat.

Pyydä palvelusta

On huomaavaista pyytää apua tai pientä palvelusta asiakkaalta. Itsetuntomme nousee ja tunnemme olomme paremmaksi, kun autamme toista. Tämä alitajuisesti myös parantaa mielikuvaamme autettavasta ihmisestä tai yrityksestä. Joudumme hetken ajattelemaan asiaa toisen kannalta. Tietenkin tykkään yrityksestä, miksi muuten olisi heitä auttanut?

Yritys voi pyytää asiakkaalta palautetta, suositusta tai kehitysideoita. Verkkokauppa voi pyytää tuotearvioita, mutta myös henkilökohtaisempaa palautetta voi pyytää. Vakioasiakasta voi pyytää testaamaan uutta tuotetta.

Ihmiset auttava mielellään, kun siihen annetaan mahdollisuus. Kannattaa pyytää hyvin tarkasti jotain. Eikä ole epäkohteliasta kysyä useampaan kertaan. Jos ihminen on kieltäytynyt aiemmin, on itseasiassa todennäköisempää, että hän auttaa toisella kerralla. Pyytämällä palvelusta osoitamme luottamusta. Luotamme mielipiteeseesi.

https://nvl.studio/huomaavaista/ Huomaavaista myyntiä 2023-12-28T00:00:00 Myynnin ja markkinoinnin ei tarvitse olla hämärää ja aggressiivista, vaan se voi olla hienotunteista ja huomaavaista.

Simple modal window that opens and closes smoothly. You can close it with Esc key, clicking outside the modal or with the close button.

HTML

<!-- Open -->
              <a href="#" class="OpenModal">Open modal</a>
              <!-- Modal -->
              <div class="Modal">
              <div class="ModalContent">
              <button title="Sulje" type="button" class="ModalClose">×</button>
              <h2>Modal</h2>
              <p>This is modal window.</p>
              </div>
              </div>

JavaScript

document.addEventListener('DOMContentLoaded', function () {
              const modal = document.querySelector('.Modal');
              const content = document.querySelector('.ModalContent');
              const closeBtn = document.querySelector('.ModalClose');
              // Open modal
              function openModal() {
              modal.style.display = 'block';
              setTimeout(() => {
              modal.style.opacity = '1';
              content.style.opacity = '1';
              content.style.transform = 'scale(1) translate(-50%, -50%)';
              }, 10);
              }
              // Close modal
              function closeModal() {
              content.style.opacity = '0';
              content.style.transform = 'scale(0.98) translate(-50%, -50%)';
              setTimeout(() => {
              modal.style.opacity = '0';
              setTimeout(() => {
              modal.style.display = 'none';
              content.style.transform = 'scale(0.98) translate(-50%, -50%)';
              }, 500);
              }, 10);
              }
              // Open modal link
              var openModalLink = document.querySelector(".OpenModal");
              openModalLink.addEventListener('click', function (event) {
              event.preventDefault();
              openModal();
              });
              // Close button
              closeBtn.addEventListener('click', () => {
              closeModal();
              });
              // Close modal when clicking outside
              window.addEventListener('click', (event) => {
              if (event.target === modal) {
              closeModal();
              }
              });
              // Close the modal with the Esc key
              document.addEventListener('keyup', (e) => {
              if (e.key === 'Escape') {
              closeModal();
              }
              });
              // Hide the modal
              modal.style.display = 'none';
              modal.style.opacity = '0';
              content.style.transform = 'scale(0.98) translate(-50%, -50%)';
              });

Styles

.Modal {
              display: none;
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.5);
              z-index: 10;
              transition: opacity 0.5s, display 0.5s;
              }
              .ModalContent {
              position: relative;
              top: 50%;
              left: 50%;
              background-color: #fff;
              padding: 1em;
              border-radius: 1em;
              max-width: 28em;
              width: calc(100% - 4em);
              opacity: 0;
              transition: opacity 0.5s, transform 0.5s;
              }
              .ModalClose{
              user-select: none;
              cursor: pointer;
              border: 0;
              -webkit-appearance: none;
              outline: none;
              position: absolute;
              right: -1em;
              top: -1em;
              width: 3em;
              height: 3em;
              border-radius: 50%;
              transition-duration: 0.3s;
              }
https://nvl.studio/modal/ Modal 2023-11-01T00:00:00 Simple modal window that opens and closes smoothly. You can close it with Esc key, clicking outside the modal or with the close button.

Sometimes you want to remove webpage or product from Google search results.

You cannot delete result straight from the Google index, but you can try these steps.

Remove content

Remove content from the website. If you own the site, that's easy. If not, you need to contact the site owner. After deleting content, Google will eventually remove that from the search results.

Robots.txt

Create 'robots.txt' file. In this file you can tell search engines which sites to index or not to index. Create 'robots.txt' file and save it to website root folder.

User-agent: *
                        Disallow: /product/

Google Search Console

If you own the website, you can ask Google to remove URL at Google Search Console. Usually this works very fast.

Wait

Irrelevant and old content will get pushed down and eventually get delisted. This will take time.

 https://nvl.studio/remove-from-google/ Remove from Google 2023-10-31T00:00:00 Sometimes you want to remove webpage or product from Google search results.

Nykyihminen on viisas ja kouluttautunut. Ajattelemme, että ostopäätökset ovat järkeviä ja harkittuja, että vertailemme ja tutkimme vaihtoehtoja perusteellisesti. Todellisuudessa tunteet ohjaavat ja hallitsevat valintojamme.

Koemme häpeää ja kateutta, kun ajamme vanhalla autolla. Vanhemmat kokevat syyllisyyttä, jos lasta ei viedä huvipuistoon. Ostamme alennusmyynnistä ja tunnemme itsemme säästäväiseksi. Terveellinen tai paikallinen valinta tekee olomme paremmaksi. Merkkivaatteet nostavat itsetuntoamme.

Teemme ostopäätökset tunteella. Erityisesti tunteet aiemmasta, aiheeseen liittyvästä kokemuksesta vaikuttavat päätökseen. Tunteiden käsittely on keskeinen osa aivojen toimintaa, jotta ylipäätään voimme tehdä valintoja. Ihminen, joka ei voi käsitellä tunteita, ei pysty tekemään päätöksiä.

Tunteet markkinoinnissa

Miksi valitsemme tunnetun brändin kaupassa? Lähes kaikkia tuotteita on saatavilla yleistuotteina, kauppojen omina merkkeinä, ja yleensä halvemmalla. Silti valitsemme monesti kalliimman, mutta tunnetun brändin.

Mainonnassa on huomattu, että asiakkaan tunnereaktio mainokseen on kaikkein tärkein asia, tykkääkö asiakas mainoksesta, luoko se positiivisen tunteen. Ei niinkään itse mainoksen sisältö.

Mainoksen tulee herättää asiakkaassa tunnetta, tunnetta joka syntyy kun tuotetta käytetään. Kampanjan ei tarvitse ampua yli. Mieluummin vahvistetaan haluttuja tunteita, korostetaan mielikuvaa.

Brändi voi herättää tunnetta mainonnalla, mutta myös monilla muilla asioilla on merkitystä. Pakkaus, visuaaliset elementit, äänet ja hajut, kaikkia keinoja voidaan käyttää tunteiden herättämiseen. Kivijalkaliikkeellä on enemmän mahdollisuuksia vaikuttaa eri aisteihin, kuin verkkokaupalla, jota lähinnä katsotaan.

Brändin tulee oppia kertomaan tarinaa itsestään, sellaista tarinaa, johon asiakas samaistuu. Mitä rikkaampi tunnemielikuva meillä on brändistä, sitä todennäköisemmin ostamme sitä.

Tylsää ei muisteta

Kun jokin herättää meissä tunteen, me muistamme sen myöhemmin. Positiiviset tunteet toimivat parhaiten, mutta muitakin tunteita voidaan herättää. Tunne voi olla herkkä, koskettava, jopa surullinen. Eikä kaikkia asiakkaita tarvitse miellyttää. Jopa positiivinen viesti herättää toisessa närää. Tämä ei kuitenkaan ole huono asia. Ainostaan tylsä on paha. Jos ei ole tunnetta, ei jää myöskään muistikuvaa.

Tuotteita myytäessä tuoteominaisuuksista tulee toki kertoa. Asiakas tarvitsee myös loogisia syitä ostaa tuote. Mutta faktat ja hinta eivät riitä erottautumaan. Harva tuote on pohjimmiltaan kovin uniikki. Tämän takia elämäntyyliä ja tunnetta ei saa unohtaa. Tiedostamattomat halut ohjaavat valintojamme. Teemme päätökset ensin tunteella, mutta perustelemme ne sitten järjellä.

Lisää aiheesta

Psychology Today kirjoittaa, kuinka tunteet vaikuttavat ostamiseen.

 https://nvl.studio/tunteet/ Ostamme tunteiden perusteella 2023-09-22T00:00:00 Nykyihminen on viisas ja kouluttautunut. Ajattelemme, että ostopäätökset ovat järkeviä ja harkittuja, että vertailemme ja tutkimme vaihtoehtoja perusteellisesti. Todellisuudessa tunteet ohjaavat ja hallitsevat valintojamme.

Ihminen on onnellisimmillaan juuri ennen tuotteen ostamista. Kun tuote on kädessä, tunne katoaa nopeasti.

Olemme optimisteja. Ennen tuotteen ostamista yliarvioimme kuinka paljon tavara tai palvelu vaikuttaa elämäämme. Kuvittelemme tuotteen täydelliseksi ja virheettömäksi. Ajattelemme, että elämämme parantuu kun saamme sen vihdoin käsiimme. Vaikka ihminen ei olisi luonteeltaan kovin materialistinen, eikä uskoisi tavaran muuttavan elämäänsä, niin tutkimusten mukaan olemme kaikki silti hieman liian innoissaan tulevasta hankinnasta.

Olemme tyytyväisiä jo, kun ostopäätös on tehty. Itse ostamista voidaan vielä viivyttää ja nautiskella ajatuksesta tuotteen omistamisesta. Mutta kun suurikin hankinta on tehty ja tavara on kädessä, on olo yleensä melko vaisu. Huomaamme, että odotukset ovat olleet liian korkealla. Onnellisuuden taso ei nouse pysyvästi ylemmäksi.

Lomamatkojen kohdalla etukäteen ajatteleminen tuottaa yleensä selvästi suurempaa mielihyvää, kuin itse lomamatka. On helppo kuvitella kuinka kaikki sujuu ongelmitta ja säät ovat aurinkoiset. On myös havaittu, että ihmiset ovat paremmalla tuulella jonottaessaan lippuja, kuin itse tapahtumassa.

On toki tapoja käyttää rahaa, joiden onnellisuusvaikutus on todettu pidempiaikaiseksi. Kokemus tai lounas vanhan ystävän kanssa voi tarjota muistoja pitkäksi aikaa. Hyväntekeväisyys tuo onnellisuutta, jos sen vaikutuksen uskotaan. Pidempiaikainen onnellisuuden tunne saadaan yleensä hyvistä kokemuksista, ihmissuhteista tai henkilökohtaisesta kehittymisestä (kuntosali).

Realistinen markkinointi

Myyjä voi olla osasyyllinen kuluttajan kokemaan pettymykseen. Tuotetta on voitu markkinoida ylisuurilla puheilla, ominaisuuksia on liioiteltu tai tuotekuvat ovat olleet epärealistisia. Tämä aiheuttaa tavallistakin suuremman pettymyksen kuluttajassa ja kasvattaa palautuksia.

Tuotteen myyminen realistisilla kuvilla ja kuvauksilla on tärkeää. Tuote ei ole vähempää, eikä enempää mitä on luvattu. Odotusten painaminen alas ja ylitoimittaminen kertoo myös itsetunnon puutteesta. Odotuksia ei tarvitse ylittää. Tyytyäväinen asiakas voi antaa hyvän palautteen ja ehkä suositella muillekin.

Unelmoida

Lisää aiheesta

Phys.org artikkeli samasta aiheesta, eli kuinka yliarvioimme ostoksen saaman onnellisuuden tunteen meissä.

Psychology Today kirjoittaa, kuinka tunteet vaikuttavat ostamiseen.

 https://nvl.studio/hetki/ Hetki ennen ostamista 2023-08-05T00:00:00 Ihminen on onnellisimmillaan juuri ennen tuotteen ostamista. Kun tuote on kädessä, tunne katoaa nopeasti.

Nettisivuja on vaikea erottaa toisistaan. Useimmat sivut näyttävät samalta ja noudattavat samaa kaavaa. Esteettinen monokulttuuri näkyy niin netissä kuin sen ulkopuolellakin.

Netistä on tullut tylsä paikka. Lähes kaikkien yritysten nettisivut näyttävät samalta ja noudattavat samaa kaavaa. Värit, fontit, ulkoasu, tekstit ja jopa äänensävy toistuvat sivulta toiselle. Tuntuu kuin kaikki huutaisivat, että olemme samanlaisia kuin muut, olemme samaa mieltä kuin muut, meillä ei ole omia mielipiteitä, emmekä pahoita kenenkään mieltä!

Monesta sivustosta näkee päällepäin, että tämän on suunnitellut tietokone, ihminen ei ole käynyt lähelläkään. Sivulle ei ole uhrattu kovinkaan suurta ajatusta. Jos yrityksen tarkoituksena on myydä laatua tai ammattiosaamista, se tuskin välittyy kovin hyvin asiakkaille.

Samanlaisuus on hyvä asia

Nettisivujen keskinäinen samanlaisuus ja yhteiset käytännöt ovat yleisesti ottaen hyvä asia. Verkkokaupassa ostoskori löytyy oikeasta yläkulmasta, päävalikko ylälaidasta, yhteystiedot sivun alaosasta. Samanlaisuus auttaa käyttäjää toimimaan tutulla mallilla. Uutta ei tarvitse opetella. Tutkimukset osoittavat, että ihmiset viihtyvät kun ympäristö on tutun oloinen.

Nettisivujen pohjimmainen tarkoitus on saada kävijä tekemään jotain; ostamaan, lukemaan, ottamaan yhteyttä. Sivujen tulisi pysyä taustalla, poissa käyttäjän ja tiedon välistä. Nettisivut ovat yleensä työkalu, eivät taideteos.

Miksi kaikki näyttää samalta?

Samanlaisuus ei ole ilmiö vain netissä, vaan se näkyy kaikkialla. Autot, sisustustavarat, vaatteet, puhelimet ja lähes kaikki muukin näyttää samalta. Ajan kuluessa hyväksi havaittu muoto ja ominaisuudet vakiintuvat ja asiat alkavat muistuttamaan toisiaan.

Airbnb-ilmiöksi kutsutaan ilmiötä, jossa vuokrattavien Airbnb-asuntojen sisustus on alkanut muistuttaa enemmän ja enemmän toisiaan. Samat kahvinkeittimet, kasvit ja huonekalut ovat ilmestyneet kuviin. Globalisaatio ja erityisesti internet levittää ideoita hyvin nopeasti. Ihmiset suosivat tuttua ja turvallista.

Miksi nettisivut näyttävät samalta?

Samoista syistä myös nettisivut näyttävät samalta. Netistä on kasvanut aikuinen ja asiat ovat asettuneet paikoilleen. On sovittu standardeista jotka ohjaavat suunnittelua. Netin alkuaikoina suunnittelu oli villiä. Kaikkea mahdollista kokeiltiin ja moni asia ei toiminut.

Nettisivujen samanlaisuuteen vaikuttaa myös muut seikat. Sisällönhallintajärjestelmä WordPress domionoi. Moni sivusto käyttää samoja WordPressin sivupohjia ja teemoja. Nämä omalta osaltaan helpottavat ja nopeuttavat sivujen suunnittelua. Samalla ne myös lisäävät sivujen samankaltaisuutta.

Nettisivujen tulisi skaalautua, eli toimia kaiken kokoisilla laitteilla. Tämä monimutkaistaa suunnittelua. Mitä monimutkaisempi ulkoasu, sitä vaikeampi sitä on saada toimimaan niin puhelimilla kuin isoilla näytöillä. Tämä kannustaa käyttämään valmisteemoja, jossa tekniikka on rakennettu valmiiksi.

Netissä on erittäin helppo mitata ja testata sivujen toimivuutta, joten kaikkea on testattu ja optimoitu loputtomiin. Oikea tapa suunnitella ja rakentaa on hakattu kiveen. Analytiikka, konversioluvut ja testaaminen määräävät hyvin pitkälle, kuinka sivut tulisi rakentaa.

Hakukoneet ja erityisesti Google antavat paljon ohjeita kuinka nettisivut tulisi rakentaa, jotta sivut näkyisivät mahdollisimman hyvin hakutuloksissa. Tämä omalta osaltaan vähentää luovuutta ja lisää samankaltaisuutta.

Ei vain hakukoneiden ehdoilla

Hakukoneiden ei kannata kuitenkaan antaa määrätä liikaa nettisivujen suunnittelussa. Tänään määritellyt asiat eivät ehkä toimi huomenna. Algoritmit muuttuvat jatkuvasti. Pitää muistaa, että Google asettaa oman hakukoneen nettisivujen kävijöiden edelle.

Nettisivut tulee suunnitella ennen kaikkea kohdeyleisölle, joka sivuja käyttää. Moni saapuu suoraan yrityksen sivuille, tai jonkun muun sivuston kautta, ei vain hakukoneista. Tärkein kohdeasiakas ei siis ole hakukone. Yleensä yrityksen ja hakukoneen intressit kulkevat käsi kädessä, mutta eivät aina.

Tunteet ohjaavat valintoja

Brändin tarkoituksena on erottautua kilpailijoista, synnyttää tunnetta kuluttajassa. Jos kaikki yritykset näyttävät samalta ja toimivat samoin, jää erottavaksi tekijäksi vain hinta.

Tuotteita ei osteta enää pelkästään niiden ominaisuuksien takia, vaan myös tunteen ja oletettujen arvojen takia. Pelkkien tuoteominaisuuksien markkinointi ei siis toimi.

Hintoja ja merkkejä kyllä vertaillaan, mutta ihmiset eivät ole yhtä loogisia kuin sanovat olevansa. Kulutuspäätöksiä ohjaa yleensä halut joita me emme tiedosta. Tämän ymmärtäminen on tärkeää myynnin ja brändin kehityksen kannalta.

Jotta asiakas muistaisi tuotteen, asiakasta täytyy aktivoida ja tunteita pitää herättää. Tällaiset kampanjat ovatkin kaikkialla. Luksustuotteet myyvät statusta, hyväksyntää ja itsetuntoa. Urheilumerkit myyvät terveyttä ja hyvinvointia, moottoripyörät vapautta ja seikkailua. Brändit nostavat esiin tunteen, joka syntyy kun tuotetta käytetään. Myydään pihvin sijaan sen ritinää.

Yrityksen kasvot

Nettisivut tai verkkokauppa ovat monelle yritykselle ainoa visuaalinen paikka, jonka asiakkaat näkevät yrityksestä. Myymälään tullaan enää harvoin, jos sellaista edes on.

Ihmiset arvioivat yritystä ulkoasun perusteella. Ensivaikutelmalla on paljon merkitystä ja se saadaan tiedostamatta ja nopeasti. Nettisivut ovat sitä, mitä myymälän ulkonäkö, sisustus ja henkilökunta vastasivat ennen.

Nettisivujen tulee olla toimivat ja oleellisen tiedon on löydyttävä helposti. On hyvä, että brändi jää taustalle, eikä tule käyttäjän tielle. Mutta sivut voivat olla myös persoonalliset. Ei haittaa, vaikka asiakkaalla menisi aavistuksen kauemmin tiedon löytämiseen, jos hänelle jää käteen tunne brändistä.

Vahva visuaalinen ilme on tärkeä osa brändiä kun halutaan erottautua, kertoa arvoista ja luoda tunnelmaa. Värit, fontit, kuvat, kaikki ovat osa brändiä. Myös viestintä ja sanat, yrityksen tarina, ohjeet tai jopa persoonallinen evästeilmoitus on osana luomassa mielikuvaa.

On hyvä, että nettisivut herättävät tunteita asiakkaissa. Ei haittaa vaikka aiheutetaan närää toisessa kohderyhmässä, jos herätetään innostusta potentiaalisissa asiakkaissa. On suurempi vaara, että minkäänlaisia tunteita ei herää.

 https://nvl.studio/samanlaisuus/ Nettisivujen samanlaisuus 2023-06-12T00:00:00 Nettisivuja on vaikea erottaa toisistaan. Useimmat sivut näyttävät samalta ja noudattavat samaa kaavaa. Esteettinen monokulttuuri näkyy niin netissä kuin sen ulkopuolellakin.

Kauniit asiat koetaan paremmiksi kuin rumat, ne koetaan helpommiksi käyttää ja niistä huolehditaan. Kauneus on hyvä strategia suunniteltaessa uutta palvelua tai tuotetta.

Mikä on kaunista?

Vanhan sanonnan mukaan kauneus on katsojan silmässä. Tämä tarkoittaisi sitä, että kauneus on hyvin henkilökohtainen kokemus. Kyseessä on kuitenkin vain osa totuutta. On paljon asioita jotka kaikki ihmiset kokevat kauniiksi, eri puolilla maailmaa, kautta aikojen.

Meitä miellyttävät asiat, joita on helppo ymmärtää ja joita aivojen on helppo prosessoida; yksinkertaisuus, symmetria, tasapaino ja selkeys, niin luonnossa, rakennuksissa kuin ihmisten kasvoissakin. Sama pätee rumiin asioihin; tietyt asiat ovat kaikkien mielestä rumia tai koetaan kamaliksi.

Kauneus on siis vain osittain katsojan silmissä. Kauneuskäistykseen vaikuttaa aina myös ympäröivä kulttuuri, se, mitä tiedämme kyseisestä asiasta sekä maailmankuvamme ja arvomme.

Kauneus kannustaa

On yleinen käsitys, että kauneus on vain kaupallista tai pinnallista, jotain mistä ei kannata kauheasti välittää. Kauneus on kuitenkin hyvin luonnollista ja tekee elämästämme parempaa. Etsimme kauneutta kauneuden takia. Se näkyy kodin sisustuksessa, vaatteissa ja tavaroissa joita ostamme ja keräämme.

Kaunis arkkitehtuuri vähentää rikollisuutta ja lisää onnellisuutta. Ihmiset käyttäytyvät paremmin kauniissa paikoissa. Rumissa paikoissa ihmiset käyttäytyvät huonommin ja elämä voi olla psyykeelle raskasta. 1 Kun ei ole kauneutta, ei ole kannustusta. Kauneuden kaipuu korostuu erityisesti vaikeina aikoina.

Haloefekti

Haloefekti tarkoittaa sitä, että kun jollain asialla koetaan olevan positiivinen ominaisuus, siihen liitetään muitakin positiivisia asioita. Ihminen, jolla on silmälasit, koetaan keskivertoa älykkäämmäksi, korkea-arvoisen johtajan oletetaan olevan viisaampi ja viehättävämpi.

Kun koemme jonkun asian kauniiksi, liitämme muitakin positiivisia asioita siihen ja välitämme siitä enemmän. Kauniit tuotteet koetaan paremmiksi ja helpommaksi käyttää kuin rumat, vaikka tämä ei olisikaan totta. Vanha, mutta kaunis nahkalaukku korjataan mieluummin, kuin ostetaan uusi. Kauneus on siis keskeinen ominaisuus missä tahansa tuotteessa.

Kauneus suunnittelussa

Kauneus suunnittelussa tarkoittaa sitä, että mennään askel pidemmälle. Ei pysähdytä siihen, kun pakolliset ominaisuudet on suunniteltu.

Muotoilun ja kauneuden ottaminen huomioon tekee palvelusta paremman. Nykypäivän ihmiset osaavat odottaa hyvää käytettävyyttä ja etsivät tuotteita, jotka ovat selkeitä ja helppo ymmärtää. Esteettinen suunnittelu koetaan ystävälliseksi ja se tuottaa mielihyvää.

Kauneudesta on paljon hyötyä. Ihmiset, joilla on positiivinen emotionaalinen kokemus yrityksestä, ostavat useammin lisää, suosittelevat yritystä muille ja antavat helpommin virheitä anteeksi.2 Kauneus on hyvä strategia yritykselle.

Lisää aiheesta

1. Semir Zeki sanoo, että kauneus on keskeinen ominaisuus arkkitehtuurissa. ↩︎

2. The business case for beauty, Alan Moore.↩︎

 https://nvl.studio/kauneus/ Kauneus 2023-04-19T00:00:00 Kauniit asiat koetaan paremmiksi kuin rumat, ne koetaan helpommiksi käyttää ja niistä huolehditaan. Kauneus on hyvä strategia suunniteltaessa uutta palvelua tai tuotetta.

Netistä on tulossa kovaa vauhtia melkoinen kaatopaikka, jossa myyntimiehet pilaavat nettisivut ja säikyttävät asiakkaat karkuun huonolla käytöksellä.

Nettisivut ovat oppineet paljon huonoja tapoja viime vuosina. Monet sivut käyttäytyvät kuin yli-innokas myyntimies, joka yrittää myydä kaikin keinoin, eikä anna asiakkaan rauhassa tutustua tuotteisiin. Kun sivulle tullaan, pyydetään hyväksymään evästeitä, naamalle tungetaan tarjouksia, chatit pomppivat silmille, uutiskirjettä kehotetaan tilaamaan ja sivuston appia lataamaan puhelimelle.

Ihmiset vihaavat tällaista tuputtavaa käytöstä. On suorastaan järjetöntä, että kun asiakas on suurella vaivalla saatu houkuteltua nettisivuille ja on aikeissa tutustua yrityksen tuotteisiin, niin sitä häiritään kaikin tavoin. Kukaan ei hyväksyisi tällaista käytöstä kivijalkaliikkeessä.

Huonoa käytöstä

Monelle nettisivulle tultaessa lävähtää silmille tukku ilmoituksia ja pyyntöjä. Asiakas sulkee kaikki vaistomaisesti, eikä ehdi edes rekisteröidä sisältöä. Yleisin on varmasti evästeet. Kävijän on helpompi painaa ok ja hyväksyä kaikki, kuin kieltäytyä yksi kerrallaan eri evästeistä. Ja kun lupa on kerran annettu, ei ikkunaa enää saa uudestaan takaisin.

Monia palveluita ei pääse testaamaan ilman, että syötetään luottokortin numero ja tehdään tilaus. Palvelun tilaaminen on tehty helpoksi, mutta peruminen on vaikeaa. Pahimmillaan palvelu päästään perumaan vain puhelinsoitolla tai chatilla, ja vasta sen jälkeen kun asiakaspalvelu on hiillostanut perumisen syitä.

Verkkokaupat osaavat myös käyttäytyä huonosti. Tuotteen vieressä näkyy, että varastossa on vain 2 tuotetta, vaikka niitä on oikeasti enemmän. Tai tarjouksen vieressä tikittää aika tarjouksen päättymisestä. Tuotteita ostaessa uutiskirje tilataan automaattisesti, ellei erikseen muista ottaa rastia ruudusta pois. Tämä on EU-lakien vastaista toimintaa, mutta hyvin yleistä.

Sähköpostien kalastelu

Evästeiden avulla seuraaminen ja profilointi on vaikeutunut selvästi. Moni selain estää seuraamisen sivulta toiselle ja lainsäädäntö on tiukentunut. Tämän takia yhä useampi nettisivu tyrkyttää uutiskirjettä, yrittää saada käyttäjän kirjautumaan sivustolle tai lataamaan apin. Jopa Google yrittää saada käyttäjän kirjautumaan ennen haun tekemistä.

Sähköposti on myyjälle arvokas. Sen avulla ei vain päästä myymään lisää, vaan voidaan myös yhdistää asiakas toisiin palveluihin. Sähköposti toimii tunnistusvälineenä. Kun samaa sähköpostia on käytetty eri palveluihin, voidaan tiedot helposti yhdistää muihin tietoihin, kuten aiemmin kerättyyn selaushistoriaan.

Kuluttajan kannalta kirjautuminen ja sähköpostin antaminen ei ole viisasta. Jos palvelua ei voi käyttää ilman sähköpostia, kannattaa käyttää väliaikaista sähköpostia tai palvelua varten luotua omaa osoitetta.

Hyvää käytöstä

Kun asiakas on saatu houkuteltua nettisivuille, on sitä kohdeltava kunnioittavasti ja hyvin. Kokemuksen tulisi olla miellyttävä ja rauhallinen. Tietojen tulee löytyä helposti. Asiat tulee esittää lyhyesti ja selkeästi, ilman ammattijargonia.

Aggressiivisella myynnillä voidaan saada myyntiluvut hetkellisesti kasvamaan, mutta pitkällä aikavälillä tämä syö brändiä ja luottamusta. Asiakkaan häiritseminen tai jopa huijaaminen ei ole hyvää bisnestä.

Ihmiset jotka saapuvat sivulle, eivät ole numeroita tai dataa. Jonkun isoäiti oikeasti tutkii tuotteita, tai perheenäiti etsii yrityksen osoitetta moottoritiellä. Sivuilla on aina oikea ihminen, joka kiireiden keskellä yrittää löytää haluamansa tiedon. Hyvät sivut tekevät näiden ihmisten elämästä helpompaa.

 https://nvl.studio/kaytos/ Nettisivujen huonot tavat 2023-03-22T00:00:00 Netistä on tulossa kovaa vauhtia melkoinen kaatopaikka, jossa myyntimiehet pilaavat nettisivut ja säikyttävät asiakkaat karkuun huonolla käytöksellä.

Mainonta netissä on aggressiivista tuputtamista, taktikointia ja tietojen keräämistä. Kauppaa voidaan saada heti, mutta hintana on heikko brändi. Sillä on väliä, missä ja miten mainostetaan. Kaikkea ei kannata optimoida loputtomiin.

Kahdenlaista mainontaa

Mainonta voidaan jakaa kahteen osaan, suoramainontaan ja brändimainontaan. Suoramainonta tarkoittaa sitä, että kun käytetään tänään 100 € mainontaan, niin tiedetään huomenna, tuottiko kampanja 200 €, vai hävittiinkö 50 €. Mainos johtaa siis suoraan myyntiin. Jos mainos toimii, sitä tehdään lisää.

Digitaalisessa maailmassa suoramainonnalla on monia hienoja nimiä, kuten taktinen-, liidi- tai digimainonta. Uutiskirjeet, bannerit nettisivuilla, Facebook-, Instagram- ja Google-mainonta ovat yleensä kaikki suoramainontaa.

Brändimainonta ymmärretään monesti perinteiseksi mainostamiseksi. Brändimainonnalla kerrotaan tarinaa, rakennetaan asiakkaisiin luottamusta ja luodaan tunnetta brändistä. Brändimainonta ei johda suoraan myyntiin. Tämän takia sitä on vaikea mitata, eikä yleensä ole tarkoituskaan.

Ostohetkellä brändillä, eli maineella, on merkitystä. Kun brändi on tuttu ja luotettava, sitä on helppo ostaa. Vahva brändi auttaa erottautumaan kilpailijoista. Myös suoramainonta on edullisempaa, kun brändi on kunnossa.

Aggressiivinen suoramainonta

Mainonta netissä on jo pitkään ollut sekalainen joukko erilaisia suoramainonnan temppuja, jossa pitkäjänteinen brändin rakentaminen on unohtunut kokonaan. Sisältöä optimoidaan, konversioita hiotaan ja mietitään taktiikoita, jolla potentiaalisen asiakkaan tiedot saadaan kerättyä. Mainokset seuraavat perässä, nettisivuilla tyrkytetään uutiskirjeitä ja chatit pomppivat silmille.

Kun tuloksia on helppo mitata, voidaan jokainen mainoseuro optimoida, miettimättä mitä seurauksia sillä on. Aggressiivinen suoramainonta vahingoittaa brändiä. Pitkäaikainen vahinko maineelle ja luottamukselle on täysin eri luokkaa, kuin muutama asiakkaalta tänään puristettu lisäeuro.

Suoramainonta netissä ei tule myöskään kovin halvaksi. Kaikki brändit kilpailevat samoista mainospaikoista ja hakusanoista. Mainosten hinnoittelu perustuu huutokauppaan, joten hinnat nousevat nopeasti. Brändimainontaan verrattuna rahaa käytetään yleensä vähemmän kerralla, mikä antaa edullisen vaikutelman. Rahaa kuitenkin käytetään suhteessa enemmän kuluttajaa kohden ja sen vaikutus on lyhytaikaista.

Ympäristöllä on väliä

Brändin kannalta on tärkeää, millaisessa ympäristössä mainostetaan. Jos ympäristö ei ole brändin arvojen mukainen, mainonta todennäköisesti vahingoittaa sitä. Kun mainos seuraa evästeiden avulla perässä, voi se ilmestyä lähes millaisessa ympäristössä tahansa.

Mainosmediaa valittaessa on hyvä kysyä, onko media parempi mainosten kanssa vai ilman? Muotilehdestä voi olla 80% mainoksia. Laadukkaat mainokset tuovat selvästi lukijalle lisäarvoa. Onko nettisivu tai sosiaalinen media parempi mainoksilla vai ilman?

Sekä suoramainonnalla että brändimainonnalla on paikkansa. Kun kauppa tehdään suoramainonnalla, se saa myös kunnian kaupasta. Brändimainonnalla on kuitenkin yleensä tehty pohjatyö. Hyvämaineiset brändit eivät häiritse, tyrkytä ja myy väkisin.

Tärkeää on myös miettiä, toimiiko yritys arvojensa mukaisesti ja voiko yrityksestä olla ylpeä. Kaikkea ei voi mitata vain rahassa ja optimoida loputtomiin.

https://nvl.studio/brandi/ Brändi- vai suoramainontaa 2023-01-13T00:00:00 Mainonta netissä on aggressiivista tuputtamista, taktikointia ja tietojen keräämistä. Kauppaa voidaan saada heti, mutta hintana on heikko brändi. Sillä on väliä, missä ja miten mainostetaan. Kaikkea ei kannata optimoida loputtomiin.

Use SSH keys when connecting to a server. SSH keys are more secure than passwords.

Keys are a bit harder to setup, but very simple to use. Here's how to use keys on a Mac with code editor.

First you need to create a key pair.

  • On a Mac, open Terminal.
  • Type ssh-keygen and press Enter.
  • When asked file to save and passphrase, just press Enter.
  • Now keys have been created and stored in a .ssh folder.

On a Mac .ssh folder is located at /Users/USERNAME/.ssh/. Private key is called id_rsa, public key is id_rsa.pub. Private key stays on your device. Public pair must be copied to a remote server.

Go to .ssh folder and open id_rsa.pub in a text editor and copy the key.

  • Connect to server using a password.
  • Find folder .ssh, it's usually on a root.
  • Look for file authorized_keys.
  • If folder and file doesn't exist, you need to create one.
  • Open authorized_keys file and paste public key onto the end of that file. Other keys may already be there.

Finally you need to tell your code editor to use key instead of password.

  • Open code editor.
  • In server settings, remove the password and click key icon next to it.
  • Ask to authenticate with key you just created.

You can use same key pair to connect different servers. SSH connection can come only form the device where the private key is located.

 https://nvl.studio/ssh/ SSH keys 2022-11-03T00:00:00 Use SSH keys when connecting to a server. SSH keys are more secure than passwords.

Mukautuvat fontit parantavat typografiaa netissä. Perinteisiin fontteihin verrattuna etuna ovat pienemmät tiedostokoot ja paremmat työkalut typografian hallintaan.

Fontit netissä

Ensimmäiset parikymmentä vuotta netissä oli mahdollista käyttää vain fontteja, jotka oli asennettu valmiiksi käyttäjän koneelle. Tällaisia oli vain kourallinen, kuten Arial, Verdana, Times New Roman tai Georgia. Koska vaihtoehtoja oli niin vähän, saatettiin otsikot esittää kuvina, kun haluttiin käyttää vaikkapa yrityksen brändin mukaista typografiaa. Nykyään, tekniikan ja fonttipalveluiden kehityttyä, on fontteja voitu käyttää netissä selvästi laajemmin. Lähes kaikki käytettävissä olevat fontit ovat saatavilla myös netissä.

Netti ei ole staattinen ympäristö, kuten juliste tai sanomalehti. Samoja sivuja katsotaan pienillä puhelimien näytöillä ja suurilla pöytäkoneilla. Tämän takia nettisivujen ulkoasu skaalautuu, eli joustaa ympäristön koon mukaan. Tämä asettaa haasteensa myös typografialle, jonka tulisi myös joustaa tilanteen mukaan. Mukautuvat fontit tuovat tähän helpostusta.

Pienemmät tiedostokoot

Typografian suurimpana haasteena netissä ovat olleet fonttien suuret tiedostokoot. Kun fontteja käytetään runsaasti, hidastavat ne nettisivujen latautumista selvästi. Jokainen fontin leikkaus pitää ladata omana tiedostonaan. Tämän takia jokaista fonttia ja sen eri leikkauksen tarpeellisuutta joudutaan harkitsemaan erikseen. Jos kursiivia käytetään sivuilla vain vähän, pudotetaan se helposti kelkasta pois.

Mukautuvien fonttien yksi tärkeimmistä ominaisuuksista on selvästi pienemmät tiedostokoot. Yksi mukautuvan fontin tiedosto pitää sisällään kaikki fontin eri leikkaukset, joita voi olla jopa 30 erilaista. Kun fonttia käytetään nettisivuilla, ei tarvitse ladata kuin yksi tiedosto. Mukaan saadaan kerralla kaikki halutut leikkaukset ja tiedostokoossa säästetään jopa 70 %.

Muuttuvat akselit

Toinen merkittävä ero perinteisiin fontteihin verrattuna on, että mukautuvia fontteja ei ole lukittu ennalta määrättyihin leikkauksiin. Fonteissa voidaan käyttää tiloja, joita esiintyy perinteisten fonttien leikkausten välillä. Fontin suunnittelija on määritellyt eri ominaisuuksille minimi- ja maksimiarvot, ja kaikkea tältä väliltä voidaan säätää liukuvalla akselilla.

Muuttuvia akseleita voi olla mille tahansa fontin ominaisuudelle. Yleisimpiä akseleita ovat fontin vahvuus, leveys, kallistus ja optinen koko. Mukautuvat fontit antavat nettisivujen suunnittelijalle hyvin vapaat kädet hienosäätää ja parantaa typografiaa. Toki tämä vaatii myös taitoa ja silmää.

Mukautuva fontti

Fontin vahvuus

Hyvän fontin merkki on ollut laaja valikoima eri vahvuuksia. Mukautuvassa fontissa vahvuutta säädetään liukuvalla akselilla. Valittava arvo voi olla esimerkiksi 100 ja 900 välillä. Aina vahvuutta ei tarvitse kovin tarkasti säätää, mutta on tilanteita joissa siitä on ehdottomasti hyötyä.

Leipätekstien seassa käytetty lihavointi pomppaa monesti liikaa esille, joten se voidaan määritellä hieman oletusvahvuutta kevyemmäksi. Tummalla taustalla teksti luonnostaan vaikuttaa vahvemmalta kuin vaalealla taustalla. Tällaisessa tilanteessa tekstin vahvuutta on hyvä keventää aavistuksen. Käyttöliittymästä saadaan eheä ja siisti, kun fontin vahvuus säädetään sopimaan tarkasti vaikkapa ikonin viivan leveyden kanssa.

Fontin leveys

Fontin leveydellä voidaan säätää kuinka leveää teksti on suhteessa perusleveyteen. Mukautuvassa fontissa tekstin leveys voidaan säätää suhteessa näytön leveyteen. Tämä on hyödyllinen ominaisuus, kun samoja nettisivuja katsotaan eri kokoisilla näytöillä. Käyttämällä kapeampaa leikkausta kapeilla näytöillä, voidaan varmistaa että otsikon sanat mahtuvat otsikkoriville. Samoin eri otsikkotasojen (h1, h2, h3) hierarkia, eli kokoerot, voidaan säilyttää myös puhelimilla.

Optinen koko

Yleensä otsikoille ja leipätekstille on omat fonttinsa. Fontin optista kokoa säätämällä saadaan sama fontti toimimaan niin pienessä kuin suuressakin koossa.

Tekstin ollessa pientä, optista kokoa säätämällä voidaan pienentää kontrastia, suurentaa x-korkeutta ja kirjainten välejä. Nämä tekevät tekstistä helppolukuisemman. Tekstin ollessa suurta, voidaan kirjainten viivojen kontrastia vahvistaa, kirjainten välit voivat olla tiiviimpiä ja näin ollen tuoda pieniä yksityiskohtia paremmin esille. Nettiselain osaa säätää optisen koon automaattisesti, mutta mukautuvissa fonteissa sen voi asettaa myös käsin.

Fontin optinen koko

Lisää aiheesta

V-fonts eli Variable Fonts on kirjasto mukautuvista fonteista, jossa fontin ominaisuuksia voi kokeilla livenä. Toisilla fonteilla on vain yksi muuttuja, ja toisilla niitä on useita. Mielenkiintoisia fontteja ovat mm. Flicker, Pimpit ja Roboto Flex. Viimeistä voidaan muuttaa todella monipuolisesti.

Pangea fonttia voidaan muuttaa monilla akseleilla. Esimerkiksi ylä- ja alapäätteiden pituuden muuttaminen mahdollistaa pienen rivinvälin, ilman että päätteet törmäävät alapuoliseen tekstiin.

Google Fonts -kirjasto tarjoaa jo laajan valikoiman mukautuvia fontteja.

Fontit blogissa

Hyvä typografia

Aistimme typografian, vaikka emme huomaa sitä.

Typografia

Typografia tarkoittaa sitä, miltä teksti näyttää, tekstin visuaalinen ilme.

Typografia
https://nvl.studio/mukautuvat-fontit/ Mukautuvat fontit 2022-10-20T00:00:00 Mukautuvat fontit parantavat typografiaa netissä. Perinteisiin fontteihin verrattuna etuna ovat pienemmät tiedostokoot ja paremmat työkalut typografian hallintaan.

Mitä eroja on nettisivuilla ja apeilla? Milloin yrityksen kannattaa rakentaa appi ja milloin riittävät nettisivut? Tähän artikkeliin on koottuna keskeisimpiä eroja näiden välillä.

Apit, eli ladattavat puhelinten sovellukset ja nettisivut ovat pohjimmiltaan eri asioita. Yleensä niillä on omat käyttötarkoituksensa. Toisinaan erot ovat kuitenkin pieniä ja täsmälleen samat asiat voidaan toteuttaa sekä puhelimen apin että nettiselaimen kautta. Käyttäjän kannalta on hienoa, jos voi itse valita mieluisan paikan hoitaa asian.

Appien edut verrattuna nettisivuihin

Ihmiset viettävät reilusti suurimman osan puhelimella käytetystä ajasta apeissa. Tämä ei kuitenkaan kerro ihan koko totuutta. Aika vietetään lähinnä muutamassa sosiaalisen median sovelluksessa, YouTubessa ja peleissä.

Oman apin rakentamista kannattaa harkita, jos palvelua käytetään säännöllisesti tai se hyödyntää puhelimen keskeisiä ominaisuuksia, joihin selaimilla ei ole pääsyä. Askeleita ja sijaintia seuraava urheilusovellus tai aktiivisessa käytössä oleva kaupan kanta-asiakassovellus ovat hyviä esimerkkejä tällaisista.

Nettisivuihin verrattuna appien käynnistäminen on nopeaa, koska sovelluksen perustiedot on ladattu puhelimelle etukäteen. Tämän takia apit saattavat toimia jopa ilman nettiyhteyttä. Toki moni appi on täysin riippuvainen netistä. Nettisivua ei voida koskaan käyttää ilman nettiyhteyttä.

Puhelin

Apit lisäävät kuvakkeen automaattisesti puhelimen näytölle. URL osoitetta ei tarvitse kirjoittaa. Nettisivunkin voi lisätä kuvakkeeksi näytölle, mutta tämä on hankalampaa ja kävijät tekevät näin harvoin.

Apit pystyvät hyödyntämään paremmin puhelimen natiiveja ominaisuuksia, kuten kameraa, GPS:ää, yhteystietoja ja muita sensoreita. Ehkä merkittävin hyöty saadaan ilmoituksista, joilla saadaan herätettyä käyttäjän huomio vaikka laite olisi taskussa. Toki ilmoitusten liiallinen käyttö saa kävijän laittamaan ne nopeasti pois päältä.

Hyvin suunniteltu appi voi tarjota paremman käyttökokemuksen kuin nettisivu. Koska sovelluksen perustiedot on ladattu valmiiksi puhelimeen, on se responsiivinen ja käyttö sujuvaa. Myös puhelimen tutut navigointitavat on yleensä tuettuna sovelluksissa.

Nettisivujen edut

Saavuttaakseen mahdollisimman laajan yleisön, kannattaa yrityksen tehdä nettisivut. Näin voidaan taata yrityksen löytyminen hakukoneista. Pelkästään hyvä sisältö ajaa liikennettä luonnostaan nettisivuille ilman mainontaa. Uusien asiakkaiden tavoittaminen on selvästi helpompaa netissä.

Nettisivuille päästää minkä tahansa selaimen kautta osoitteen avulla. Tämä on isoin ero appeihin verrattuna. Appi täytyy ladata puhelimelle erikseen. Voi olla hyvinkin haastavaa saada kävijä houkuteltua lataamaan uusi sovellus puhelimeen.

Nettiselain

Skaalautuvat nettisivut toimivat kaikilla laitteilla, ei pelkästään puhelimilla. Ne toimivat tableteilla, kannettavilla tietokoneilla tai millä tahansa laitteella, jossa on nettiselain, käyttöjärjestelmään katsomatta. Omaa versiota Androidille ja iOS:lle ei tarvita.

Nettisivut kestävät selvästi appeja paremmin aikaa. Vuonna 2000 rakennetut sivut toimivat edelleen tämän päivän selaimilla. Tänään rakennetut nettisivut toimivat todennäköisesti myös tulevaisuudessa. Appien kohdalla elinikä on selvästi lyhyempi. Laitteet ja vaatimukset muuttuvat jatkuvasti ja vanhoja sovelluksia poistetaan sovelluskaupoista automaattisesti.

Appien päivitys tapahtuu yleensä manuaalisesti, sovelluskaupan kautta. Nettisivut voidaan päivittää helposti taustalla ja muutokset näkyvät heti kävijöillä. Kävijän ei tarvitse koskaan ajatella nettisivujen päivittämistä.

Appien tuputtaminen ja yksityisyys

Kun yritys on teettänyt kalliin apin itselleen, halutaan luonnollisesti että ihmiset myös käyttävät sitä. Tämä näkyy monesti aggressiivisena tapana mainostaa omaa appia. Kun puhelimella mennään palvelun nettisivuille, sovellusta kehotetaan lataamaan isoilla bannereilla ja toistuvasti. Toisinaan nettisivujen käyttöä on tarkoituksella rajoitettu selaimessa tai jopa kokonaan estetty, jotta kävijät lataisivat apin.

Apin asentaminen ei kuitenkaan ole aina kävijän intresseissä. Jos kävijä on jo palvelun nettisivuilla, haluaa hän todennäköisesti hoitaa asian siellä. Monia sovelluksia käytetään vain kerran, ne unohtuvat laitteelle ja vievät turhaa tilaa. Kävijän kannalta on helpompi hoitaa kertaluontoinen asia selaimessa, jos palvelusta on saatavilla selainversio.

Appien tuputtamisen suurin syy löytyy yleensä mainonnasta. Käyttäjän seuraaminen ja tietojen kerääminen on paljon helpompaa apeissa kuin nettisivuilla. Apeilla on pääsy moniin laitteiden ominaisuuksiin, joten niitä voidaan myös hyödyntää tietojen keräyksessä. Nettisivuilla tietoja kerätään myös, mutta sen estäminen on helpompaa, eikä selaimilla ole pääsyä kävijöiden tietoihin samassa laajuudessa kuin apeilla.

Lisää aiheesta

Ethan Marcotte kirjoittaa appien tuputtamisesta ja tarjoaa paljon esimerkkejä.

 https://nvl.studio/apit/ Nettisivut vs apit 2022-09-02T00:00:00 Mitä eroja on nettisivuilla ja apeilla? Milloin yrityksen kannattaa rakentaa appi ja milloin riittävät nettisivut? Tähän artikkeliin on koottuna keskeisimpiä eroja näiden välillä.

Turvalliset nettisivut toimivat ongelmitta, herättävät luottamusta käyttäjässä ja viestivät siitä, että sinne uskaltaa jättää henkilökohtaisia tietoja tai tehdä ostoksia. Hyvät varmuuskopiot takaavat, että ongelmien sattuessa päästään nopeasti takaisin jaloilleen.

Käytännössä kaikki nettisivustot ovat hyökkäysten kohteena, myös pienet sivustot. Tämä johtuu siitä, että haittaohjelmat toimivat automaattisesti. Ne etsivät tunnettuja haavoittuvuuksia vanhentuneista ohjelmistoista ja käyttävät niitä hyödyksi tunkeutuessaan sivuille.

Hakkeroidut sivut eivät välttämättä näy päällepäin mitenkään. Sivuilta voidaan varastaa käyttäjien syöttämiä tietoja tai palvelinta voidaan käyttää vääriin tarkoituksiin. Saastuneet sivut saattavat joutua hakukoneiden mustalle listalle ja pudota merkittävästi hakutuloksissa.

Muutamista perusasioista huolehtimalla päästään jo hyvin alkuun ja poistetaan suurimmat turvallisuusuhat. Nettisivujen turvallisuus ja suojaus ovat asioita, joita tulee miettiä jo sivuja rakentaessa, mutta pitää mielessä koko sivujen elinkaaren ajan.

SSL

Nettisivujen liikenne käyttäjän ja palvelimen välillä tulee olla salattua. Tämä on erityisen tärkeää, jos sivujen käyttäjä joutuu syöttämään tietoa sivuille, kuten henkilötietoja, käyttäjätunnuksia tai luottokorttitietoja.

Suojattu yhteys saadaan hankkimalla sivuille SSL-sertifikaatti. Suojatun yhteyden merkkinä sivuilla on osoitteen edessä lukon kuva. Suojatun yhteyden osoite alkaa HTTPS:llä, ei HTTP:llä.

SSL

Myös Google on ilmoittanut, että suojatun yhteyden käyttäminen vaikuttaa positiivisesti hakutuloksiin. Suojaamattoman yhteyden vaikutus tuloksiin on päinvastainen.

Päivitetty ohjelmisto

Vanhentunut ohjelmisto on yksi nettisivujen suurimmista turvallisuusriskeistä. Hyökkäykset sivustoja kohtaan ovat automaattisia ja niissä pyritään etsimään tunnettuja aukkoja ohjelmistoissa.

Ohjelmistojen päivityksistä tulee huolehtia säännöllisesti niin nettisivuilla kuin palvelimillakin. Ajantasaiset ohjelmistopäivitykset paikkaavat pahimmat aukot ja pienentävät merkittävästi haavoittuvuutta.

WordPress on suosituin sisällönhallintaohjelma, joka on yleensä turvallinen niin kauan kuin ohjelmisto pidetään ajan tasalla. Tämä koskee myös WordPressiin asennettuja lisäosia. Näiden kohdalla tuleekin noudattaa erityistä varovaisuutta, ja käyttää vain laadukkaita ja turvallisia lisäosia.

Vahvat salasanat

Vahvat salasanat ovat turvallisuuden perusasioita, mutta yleisimmin laiminlyöty asia. Tavallisin virhe on käyttää helposti arvattavaa salasanaa useissa eri palveluissa. Kun yksi palvelu vuotaa tunnukset, on hakkereilla helppoa kokeilla samoja tunnuksia toisiin palveluihin.

Hyvä salasana on niin pitkä ja monimutkianen, että sitä on vaikea muistaa ulkoa. Salasanat tulisi myös vaihtaa säännöllisesti.

Salasanojen hallintaan suunnitellut ohjelmat tekevät vahvan ja yksilöllisen salasanan luonnista helppoa. Hyviä ohjelmia ovat mm. 1Password, Last Pass tai vaikka Applen Keychain. Nämä ohjelmat osaavat myös varoittaa vuotaneista tunnuksista automaattisesti.

Vahvojen salasanojen lisäksi tulisi käyttää kaksivaiheista todennusta (2FA). Salasanan lisäksi kysytään siis jotain muuta tietoa, jolla käyttäjä vahvistetaan. Tällainen tieto voi olla autentikointiohjelman luoma koodi, joka vaihtuu 30 sekunnin välein. Myös käyttäjän puhelinnumeroon lähetettyä koodia käytetään paljon, mutta menetelmä ei ole yhtä turvallinen.

Käyttöoikeudet

Suurin osa nettisivujen ongelmista on ihmisten omien virheiden aiheuttamia. Tämän takia on tärkeää hallita käyttöoikeuksia sivujen palvelimille ja sisällönhallintaan.

Varsinkin suuremmilla sivustoilla on tärkeä miettiä, kenellä on pääsy sivujen hallintaan ja millä oikeuksilla. Työntekijä liian suurilla valtuuksilla voi tietämättään heikentää turvallisuutta tai aiheuttaa sivustolla vahinkoa. Esimerkiksi sisällöntuottajan ei tarvitse päästä käsiksi sivuston koodiin ja asetuksiin.

Työntekijöille tulisi pyrkiä antamaan minimaaliset käyttöoikeudet, joilla tehtävä saadaan suoritettua. Tunnukset voidaan myöntää määräajaksi ja turhat käyttäjät tulee poistaa. Sama pätee niin yrityksen omiin työntekijöihin kuin ulkopuolisiin konsultteihinkin.

Kaikilla käyttäjillä tulisi olla henkilökohtaiset tunnukset. Yleistunnuksia on erittäin vaikea valvoa ja käyttöoikeuksia ei voida määritellä tarkasti.

Varmuuskopiot

Hyvät varmuuskopiot tuovat mielenrauhaa ja takaavat, että sivut saadaan nopeasti toimimaan sivujen kaatumisen tai saastumisen seurauksena.

Varmuuskopiot tulevat myös tarpeeseen kun sivustolta poistetaan jotain tietoa epähuomiossa tai asennetaan haitallinen lisäosa. Hyvien varmuuskopioiden avulla sivusto voidaan palauttaa nopeasti edelliseen toimivaan versioon.

Samalla palvelimella sijaitsevat varmuuskopiot eivät ole varmuuskopioita. Saastuneet sivut voivat vioittaa muitakin sivuja samalla palvelimella, joten varmuuskopion tulee sijaita aina fyysisesti eri paikassa.

Varmuuskopioiden tulee tapahtua automaattisesti. Kopiointiaikataulu määritellään sivuston päivitystiheyden mukaan. Mitä aktiivisemmin sivustoa päivitetään, sitä tiheämpi on varmuuskopioinnin aikataulu.

Varmuuskopioiden toimivuus tulisi testata säännöllisesti. Kriisitilanteessa on liian myöhäistä todeta, että varmuuskopiot eivät palaudukaan ongelmitta.

 https://nvl.studio/turvalliset-nettisivut/ Turvalliset nettisivut 2022-07-08T00:00:00 Turvalliset nettisivut toimivat ongelmitta, herättävät luottamusta käyttäjässä ja viestivät siitä, että sinne uskaltaa jättää henkilökohtaisia tietoja tai tehdä ostoksia. Hyvät varmuuskopiot takaavat, että ongelmien sattuessa päästään nopeasti takaisin jaloilleen.

Because we all need one. This is based on the Poor Man's Styleguide. Contains all common page elements in HTML.

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Heading 2

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Heading 3

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Heading 4

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Heading 5

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Heading 6

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Paragraphs and Images

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor.

Test Image

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem.

Test Image

Blockquote

This is a standard paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl."

This is a standard paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Figure-Caption

A placeholder figure image.
The figcaption element example

Details-Summary

The summary element example

The details example text. It may be styled differently based on what browser or operating system you are using.

The a element, external a element, and a element with title examples

The abbr element and an abbr element with title examples

The b element example

The cite element example

The code element example

The data element example

The del element example

The dfn element and dfn element with title examples

The em element example

The i element example

The ins element example

The kbd element example

The mark element example

The q element example

The q element inside a q element example

The s element example

The samp element example

The small element example

The span element example

The strong element example

The sub element example

The sup element example

The example

The u element example

The var element example

Code block wrapped in "pre" and "code" tags

// Loop through Divs using Javascript.
                                                                                                                        var divs = document.querySelectorAll('div'), i;
                                                                                                                        for (i = 0; i < divs.length; ++i) {
                                                                                                                        divs[i].style.color = "green";
                                                                                                                        }

Monospace Text wrapped in "pre" tags

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4

Definition List

Definition Term 1
Definition Description 1
Definition Term 2
Definition Description 2
This is a table caption
Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3
A row with a cell spanning all 3 columns
Table Footer 1Table Footer 2Table Footer 3

The Audio Element:

The Video Element:

Embedded content:

YouTube video (iframe):

The Fieldset:

Legend

The Form:











Radio Buttons:

Checkboxes:



HTML5-specific Form Elements












42



350 degrees

https://nvl.studio/styleguide/ Styleguide 2022-03-09T00:00:00 Because we all need one. This is based on the Poor Man's Styleguide. Contains all common page elements in HTML.

Typografia tarkoittaa sitä, miltä teksti näyttää, tekstin visuaalista ilmettä. Typografia ei ole vain fontin valintaa, vaan myös kuinka sitä käytetään.

Valtaosa kuluttamastamme tiedosta on tekstiä. Kun keskitymme lukemiseen, tekee typografia töitä taustalla alitajuisesti, selvästi enemmän kuin muut visuaaliset elementit.

Typografia on oleellinen osa yrityksen ja urheilujoukkueen visuaalista ilmettä, nettisivujen ulkoasua ja sen toiminnallisuutta. Typografia vaikuttaa keskeisesti lehden ja kirjan lukukokemukseen. Kun fontti valitaan huolella ja sitä käytetään taiten, voidaan yritys tunnistaa pelkän typografian perusteella.

Fontin valinta

Millainen fontti sopii kuhunkin tilanteeseen? Jääkiekkojoukkue, kahvila ja lakimies käyttävät kaikki erilaista fonttia. Kun fontin valinta tehdään huolella, se vahvistaa viestiä, luo tunnelmaa ja auttaa erottautumaan joukosta. Fontin valintaan vaikuttaa keskeisesti kaksi asiaa; millaisen tunnelman se välittää lukijassa ja kuinka fontti toimii, eli sen tekniset ominaisuudet.

Typografia

Tunne

Lukija ei todennäköisesti tiedä mitään fonteista tai typografiasta, mutta aistii silti aina sen tunnelman. Yhden fontin tunnelma on leikkisä, toisen juhlallinen ja kolmas viestii luotettavuudesta. Kulttuuri ja vallitsevat trendit vaikuttavat meihin kaikkiin. Näitä voidaan ja kannattaakin hyödyntää kun valitaan fonttia. Pitää myös muistaa, että samat asiat eivät toimi kaikkialla maailmassa.

Fontilla voidaan tuoda tunnelmaa myös tietyltä historian aikakaudelta. Lukijan ei tarvitse tuntea typografian historiaa aistiakseen tunnelman vaikkapa 60-luvulta. Voidaan valita fontti, joka on suunniteltu kyseisenä aikana tai hieman aiemmin. Käytetään siis fonttia, jota sinä aikana olisi voitu käyttää.

Kielituki

Fonttia ei voida valita pelkästään sen tunnelman perusteella, myös teknisten perusasioiden täytyy olla kunnossa. Ensimmäinen varmistettava asia on, että sillä on riittävä kielituki kohdeyleisöön nähden. Fontit on suunniteltu tietyille markkinoille ja kielituki on aina rajallinen. Ei ole fonttia, joka tukisi kaikkia maailman kieliä.

Suomessa tulee ensimmäisenä varmistaa, että ä- ja ö-kirjaimet löytyvät fontista. Suositeltavaa olisi, että ainakin Länsi-Euroopan kielet ovat tuettuna. Mitä laajempi kielituki, sitä paremmin fontti palvelee eri tarpeisiin. Laajimmillaan fontit pitävät sisällään tuen sadoille kielille.

Lukijat saattavat käyttää automaattista käännöspalvelua lukiessaan nettisivuja, jonka kieltä eivät ymmärrä. Jos kaikki kirjaimet eivät ole tuettuna, kääntäjä joutuu vaihtamaan fonttia puuttuvien kirjainten kohdalla.

Vahvuudet

Hyvällä fontilla on useita vahvuuksia. Perusvahvuus ja lihavointi eivät vielä riitä kovinkaan pitkälle. Mitä enemmän fontilla on vahvuuksia, sitä monikäyttöisempi se on. Fontti antaa suunnittelijalle selvästi enemmän mahdollisuuksia ja se taipuu moneen tilanteeseen.

Fontti, josta löytyy vain yksi vahvuus tai rajallinen merkistö, voi silti riittää kun suunitellaan logoa, julistetta tai yksittäistä grafiikkaa. Leipätekstiin tällaisesta fontista ei kuitenkaan ole.

Fontin vahvuudet

X-korkeus

X-korkeus eli pienaakkosten korkeus suhteessa suuraakkosiin vaikuttaa eniten tekstin luettavuuteen. Pieni x-korkeus aiheuttaa sen, että isot kirjaimet nousevat esille ja tekstin lukeminen pienessä koossa on vaikeaa. Pieni x-korkeus toimii kun teksti on tarpeeksi suurta. Liian suuri x-korkeus aiheuttaa puolestaan sen, että pien- ja suuraakkoset eivät erotu toisistaan riittävästi. X-korkeus on siis luettavuuden kannalta paljon tärkeämpi mittari kuin fontin pistekoko.

Fontin x-korkeus

Kursiivi

Fontin valinnassa kannattaa tarkastella myös kursiivia tekstiä. Laadukkailla fonteilla on hyvin kaunis ja huoliteltu kursiivi. Sen ilme saattaa lähennellä skriptiä. Kursiivi säilyttää hyvin tekstin vahvuuden ja näyttää tasaiselta tekstin seassa.

Kursiivi

Leveys

Kirjaimen leveys on mielenkiintoinen ominaisuus. Kuten fontin vahvuudet, myös eri leveydet säilyttävät fontin perusrakenteen samana. Jos samasta fontista löytyy useita vahvuuksia ja leveyksiä, antaa se suunnittelijalle jo paljon mahdollisuuksia. Rinnalle ei välttämättä tarvita toista fonttia ollenkaan.

Käyttämällä kapeaa kirjaimen leveyttä kapealla näytöllä, voidaan varmistaa että otsikon sanat mahtuvat otsikkoriville. Erityisen suuri kirjaimen leveys tarjoaa persoonallisuutta ja toimii hyvin lyhyissä otsikoissa.

Fontin eri leveyksiä säätämällä voidaan erottaa eri tekstit toisistaan, ilman että muutetaan tekstin kokoa tai vahvuutta, ja säilytetään silti hyvä luettavuus. Voidaan esimerkiksi käyttää leveää leikkausta lainauksissa, perusleveyttä tekstissä ja kapeaa leikkausta kuvatekstissä.

Fontin leveys

Luettavuus

Hyvään luettavuuteen voidaan vaikuttaa typografian avulla, eli käyttämällä fonttia taiten. Myös fontin valinnassa kannattaa kiinnittää luettavuuteen huomiota.

Pitkissä teksteissä, artikkeleissa, uutisissa ja kirjoissa vaaka kallistuu yleensä päätteellisiin (serif) fontteihin. Tämä pätee niin fyysisessä kuin digitaalisessa mediassa. Päätteelliset fontit ovat silmälle miellyttävämpiä lukea suurissa määrissä ja kirjaimet erottuvat paremmin toisistaan.

Lyhyissä leipäteksteissä toimii hyvin niin päätteelliset kuin päätteettömät (sans-serif) fontit. Kun teksti ei ole muutamaa kappaletta pidempi, voi fontti olla myös kokeellisempi.

Päätteettömän fontin luettavuus on yleensä huonompi pienemmän kontrastin ja suuren x-korkeuden takia. Fontin luettavuutta voidaan testata laittamalla Il1-kirjaimet peräkkäin. Erottuvatko suuraakkosten i, pienaakkosten l ja numero 1 riittävästi toisistaan? Tämä on hyvä pikatesti kun valitaan fonttia.

Fonttien paritus

Kokonainen yritysilme tai nettisivut voidaan luoda käyttämällä vain yhtä fonttia tai fonttiperhettä. Edellytyksenä on, että siitä löytyy runsaasti vahvuuksia ja mielellään useampi leveys. Harvemmin näin kuitenkaan on. Tällainen vaatimus rajoittaisi paljon fontin valintaa.

Isoimmat yritykset suunnittelevat toisinaan kokonaisen fonttiperheen omiin tarpeisiinsa. Applen suunnittelemasta San Francisco -fontista löytyy tuki yli 150 kielelle. Fontista on omat versionsa niin suurille näytöille (Mac), erityisen pienille näytöille (Apple Watch) ja tasalevyinen versio koodausympäristöön.

Yhden fontin tarpeet harvoin kuitenkaan riittävät, kun suunnitellaan kokonaista ilmettä. Rinnalle voidaan tuoda yksi tai useampi hieman erilainen fontti. Toisen fontin avulla saadaan ilmeeseen luotua persoonallisuutta ja ulkoasuun dynamiikkaa. Kun fontti valitaan huolella, voidaan saada aikaan kaunis ja harmoninen kokonaisuus.

Fontteja voidaan parittaa monella tapaa. Rinnalle tulee valita fontti, joka sopii pääfontin kanssa yhteen, mutta on kuitenkin tarpeeksi erilainen. Yhdistäviä tekijöitä voi olla vaikka samanlainen rakenne, leveys, x-korkeus tai kontrasti. Yksi tyypillinen tapa parittaa leipätekstin päätteellinen fontti on valita otsikkoon päätteetön fontti.

Helpoin tapa parittaa fontteja on käyttää saman fonttiperheen fontteja. Joskus fonttiperheet tarjoavat samasta fontista niin päätteellisen kuin päätteettömän version. Nämä ovat tyylillisesti ja teknisesti hyvin samanlaisia ja sopivat erinomaisesti yhteen.

Toinen melko varma tapa yhdistää eri fontteja on käyttää saman fonttitalon tai suunnittelijan fontteja. Suunnittelijan mieltymykset näkyvät vahvasti läpi eri fonteissa ja ne monesti pariutuvat hyvin yhteen keskenään.

Fontin käyttö

Hyväkään fontti ei pelasta huonoa fontin käyttöä. Leikkaukset, tyylit, tekstin koko, rivivälit, asettelu ja otsikoinnit kuuluvat kaikki typografiaan. Toisaalta, vaikka fontti ei olisi paras mahdollinen, on taidokkaasti käyttäen mahdollista saada siitä paljon irti.

Riviväli

Tekstin rivien välisellä tilalla on suuri merkitys luettavuuteen. Sopiva riviväli tekee kappaleista ilmavia ja miellyttäviä lukea. Riviväli asetetaan yleensä suhteessa tekstin kokoon, riviväli voisi olla 140 % tekstin koosta. Sopiva riviväli löytyy kokeilemalla.

Mitä pienempi tekstin koko tai pidempi rivi, sitä suurempi riviväli. Otsikoissa riviväli on aina tiiviimpi, koska teksti on suurempaa. Puhelinten näytöt ovat kapeita ja rivit tällöin myös lyhyitä, joten rivivälikin voi olla pienempi.

Rivin pituus

Rivin pituuden suositus on 40 ja 60 merkin välillä. Tämä tarkoittaa noin 8-12 sanaa rivillä. Suositus koskee leipätekstiä. Kapealla näytöllä rivi on monesti lyhyempikin. Liian pitkää riviä on raskasta lukea, eikä silmä löydä pitkän rivin jälkeen seuraavalle riville.

Tekstin koko

Yhtä oikeata tekstin kokoa ei ole. Fontit ovat erilaisia. Käytettyyn kokoon vaikuttaa kirjaimen leveys ja x-korkeus. Pieni x-korkeus vaatii paljon suuremman tekstin koon.

Osa fonteista on suunniteltu käytettäviksi vain suurissa koissa, kuten otsikoissa. Näissä on ominaisuuksia ja mielenkiintoisia yksityiskohtia, jotka tulevat esille vain isossa koossa. Joistakin fonteista on omat Display-versionsa, jotka on tarkoitettu juuri otsikkokäyttöön.

Kontrasti

Luettavuuden kannalta kontrasti on hyvin tärkeä ominaisuus. Tekstin ja sen taustan värin kontrastin tulee olla riittävän suuri. Vaalea teksti valkoisella taustalla voi näyttää tyylikkäältä, mutta kaikki lukijat eivät välttämättä erota tekstiä.

Otsikot ohjaavat lukijaa kappaleesta toiseen, joten niiden ja leipätekstin välillä tulee olla riittävä kontrasti. Kontrastia saadaan otsikoihin muokkaamalla sen kokoa, vahvuutta ja tyyliä tarpeeksi erilaiseksi leipätekstiin nähden.

Säännöt on tehty rikottaviksi

Typografia on hyvin mielenkiintoinen visuaalisen suunnittelun alue, joka tarjoaa loputtomasti mahdollisuuksia ja haasteita. Vaikka typografiaa hallitsee valtava määrä sääntöjä, hyvä typografia syntyy sääntöjen rikkomisesta. Monesti syntyy tilanteita, jolloin säännöt eivät vain toimi. Jos jokin näyttää huonolta, se kannattaa korjata, vaikka se olisi sääntöjen vastaista.

Lisää aiheesta

Huono typografia voi aiheuttaa ongelmia jopa Yhdystavaltain presidenttiehdokkaille.

Mielenkiintoinen Wikipedia-sivu, joka käsittelee läntisen maailman typografian historiaa.

Fonts Knowledge on Googlen toteuttama kirjasto artikkeleista ja oppaista, joka opastaa fontin valintaan ja käyttöön.

Professional Web Typography on ilmainen opas, joka käsittelee typografian käyttöä netissä.

Fontit blogissa

Hyvä typografia

Aistimme typografian, vaikka emme huomaa sitä.

Mukautuvat fontit

Mukautuvat fontit parantavat typografiaa netissä ja pienentävät tiedostokokoja.

Mukautuvat fontit
https://nvl.studio/typografia/ Typografia 2022-02-28T00:00:00 Typografia tarkoittaa sitä, miltä teksti näyttää, tekstin visuaalista ilmettä. Typografia ei ole vain fontin valintaa, vaan myös kuinka sitä käytetään.

Uutiskirje on edullinen ja rehellinen tapa pitää asiakkaisiin yhteyttä. Se on ulkopuolisista alustoista vapaa markkinointimuoto, joka toimii asiakkaan ehdoilla ja voidaan toteuttaa yksityisyyttä kunnioittaen.

Uutiskirje on yksi parhaimpia ja edullisimpia markkinoinnin muotoja, jonka avulla voidaan pitää yhteyttä asiakkaisiin. Uutiskirjeen tilaajalistasta voi ajan kanssa tulla tärkein markkinoinnin työkalu yritykselle.

Uutiskirje on myös asiakkaiden mielestä miellyttävä tapa ottaa viestejä vastaan, koska se toimii heidän ehdoillaan. Jokainen on antanut henkilökohtaisesti luvan viestin lähettämiseen, sen voi avata milloin tahansa, jättää avaamatta kokonaan. Kirjeen voi myös perua helposti koska tahansa.

Uutiskirje

Riippumaton ja vapaa

Ylivoimaisesti parasta sähköpostimarkkinoinnissa on se, että se on täysin omassa kontrollissa. Pitkällä tähtäimellä siitä voi kasvaa paras markkinointikanava yritykselle. Sinulla on lista ihmisistä, jotka haluavat kuulla lisää yrityksestäsi, sen tuotteista ja toiminnasta. Kukaan ei voi tulla sinun ja tilaajiesi väliin sanelemaan ehtoja.

Näin ei ole muilla kanavilla ja alustoilla, joissa ollaan aina jonkun toisen armoilla. Suuri määrä seuraajia Instagramissa on voinut tulla maksamaan ajan saatossa maltaita. Se, mikä toimii tänään, ei ehkä toimikaan enää huomenna. Trendit muuttuvat ja kokonaiset alustat katoavat (MySpace).

Esimerkiksi Facebook muuttaa jatkuvasti algoritmiaan. Vaikka seuraajamäärä olisi suuri, ei viestisi enää tavoita moniakaan ilman, että maksat siitä. Muut alustat menevät samaan suuntaan. Jopa ykkössija Googlessa vie hakutuloksen monen mainoksen alapuolelle.

Sähköpostia ei sen sijaan omista kukaan. Se on yli 40 vuotta vanha keksintö, eikä tule kovin nopeasti katoamaan. Markkinoinnin rakentaminen oman sähköpostilistan varaan on selvästi vahvemmalla pohjalla kuin ulkopuolisen kanavan.

Uutiskirje on riippumaton

Tilaajien kerääminen

Uutiskirjeen tilaajia pitää kerätä yksitellen ja lupa kysyä jokaiselta erikseen. Kirjettä ei saa lähettää ilman lupaa, ei edes verkkokaupan asiakkaille. Valmiita sähköpostilistoja ei myöskään saa ostaa. Listan rakentaminen vie aikaa, mutta se kannattaa.

Avoimesti ja rehellisesti

Asiakkaalle kannattaa ilmoittaa tarkkaan, minkä tyylistä postia hän tulee saamaan ja kuinka usein Väärin perustein tai puoliväkisin saadusta tilaajasta ei ole mitään hyötyä. Kun tilaajat saadaan avoimesti ja rehellisin perustein, on lopputuloksena erittäin hyvä lista potentiaalisista asiakkaista, jotka oikeasti haluavat saada yritykseltä säännöllisesti viestiä.

Kirjeen perumisesta kannattaa tehdä helppoa. Linkki perumiseen pitää löytyä jokaisesta viestistä. Tämä osaltaan auttaa asiakkaita pysymään listalla, kun tietää, että helposti pääsee pois.

Keräystavat

Uutiskirjeiden tilaajia kerätään yleensä lomakkeen avulla, joka voidaan upottaa nettisivuille, verkkokauppaan tai vaikka sosiaaliseen mediaan. Uutiskirjettä kannattaa tarjota myös tilauksen yhteydessä verkkokaupassa tai yhteydenottolomakkeessa. Tällöin sähköpostia ei tarvitse kysyä erikseen, vaan asiakas laittaa vain rastin ruutuun.

Tilauslomakkeessa kannattaa kysyä pelkästään sähköposti, ei muita tietoja. Mitä enemmän kysytään tietoja, sitä harvempi tilaa. Liian tunkeileva ja agressiivinen tilausyritys työntää asiakkaan pois.

Tilaajia voidaan kerätä myös netin ulkopuolella, kuten järjestämällä arvontoja messuilla tai normaalien asiakaskontaktien yhteydessä.

Uutiskirjeen tilaajien kerääminen

Uutiskirjeen sisältö

Verkkokaupan uutiskirje on luonnollisesti tuotteiden myymistä, uutuuksien esittelyä ja kampanjoista ilmoittamista. Blogi voi ilmoittaa tilaajille, kun uusi artikkeli on ilmestynyt ja näin saavuttaa vakiolukijat säännöllisesti.

Uutiskirje on myös hyvä paikka syventää lukijoiden ja yrityksen suhdetta. Siinä voidaan esitellä yrityksen tarinaa, tuotteiden valmistusta ja henkilökuntaa niiden takana. Myös yrityksen arvoja voidaan avata, miksi tehdään mitä tehdään.

Säännöllinen aikataulu

Uutiskirjeen lähettämisessä säännöllisyys on tärkeää. Muutama kerta vuodessa on yleensä liian vähän. Lähetystiheyteen vaikuttaa tietenkin sisällön tyyppi. Aktiiviselle verkkokaupalle viikottainenkaan viesti ei ole liian tiheä.

Viestin ajoituksella on myös merkitystä. Hyvä ajoitus takaa sen, että viesti löytyy mahdollisimman korkealta muiden saapuneiden viestien joukosta.

Säännöllinen aikataulu

Konversio

Suurin osa uutiskirjeistä jää aina avaamatta. Tästä ei silti kannata huolestua. Muussa markkinoinnissa viesti menee vielä selvästi useammin asiakkaan ohi.

Konversiota voidaan yrittää parantaa. Koska uutiskirje on jo asiakkaan sähköpostissa, viestin avaamiseen voidaan vaikuttaa viestin otsikolla ja lähettäjän nimellä. Lähettäjän nimi tulee olla tuttu ja herättää luottamusta. Otsikon tulee tarjota hyvä syy avata viesti. Jos näin ei tapahdu, viesti poistetaan ennen avaamista. Uutiskirjeen huono konversio ei siis johdu välttämättä viestin sisällöstä.

Ulkoasu

Yksinkertainen ja pelkistetty ulkoasu toimii uutiskirjeessä parhaiten. Ulkoasu voidaan suunnitella yrityksen muun ilmeen mukaiseksi, mikä tekee siitä tunnistettavan. Suurin osa sähköpostista luetaan puhelimilla, mikä pitää ottaa huomioon rakenteessa.

Uutiskirje voi olla hyvin näyttävä ja visuaalinen, mutta tulisi toimia myös ilman kuvia. Kaikki eivät lataa kuvia turvallisuussyistä.

Mitään kiveen hakattuja sääntöjä ei kuitenkaan ole ja kaikkea voi kokeilla. Monet blogit lähettävät kokonaiset artikkelit uutiskirjeessä, ilman mitään ulkoasua tai erityistä muotoilua.

Uutiskirjepalvelut

Uutiskirjeen lähettämiseen ja hallintaan kannattaa käyttää ulkopuolista palvelua. Tämä tekee työstä selvästi helpompaa ja on ainakin alkuun edullista. Esimerkiksi Mailchimp on ilmainen 2 000 ensimmäiselle uutiskirjeen tilaajalle. Palvelut eivät yleensä lukitse asiakkaita sisään, joten tilaajalistan saa siirrettyä toiseen ohjelmaan tarpeen niin vaatiessa.

Uutiskirjepalvelut tarjoavat valmiita tilauslomakkeita, joiden avulla kerätään uusia tilaajia. Palvelut tarjoavat valmiiksi suunniteltuja pohjia uutiskirjeille, jotka skaalautuvat puhelimilla ja toimivat eri sähköpostiohjelmilla. Niiden avulla viestien lähetys voidaan myös ajastaa ja automatisoida.

Hyödyt valmiiden palveluiden käytössä ovat varsin suuria. Hyviä uutiskirjepalveluita ovat esimerkiksi Campaign Monitor, Mailchimp ja ConvertKit.

Seuranta ja yksityisyys

Uutiskirjeet seuraavat lukijoita näkymättömän pikselin avulla, samaan tapaan kuin nettisivuilla. Kun sähköposti avataan, latautuu myös pikseli. Tämän avulla saadaan selville onko sähköposti luettu, mihin aikaan ja kuinka usein. Pikselin avulla saadaan selville myös kävijän IP-osoite ja sijainti. Näiden tietojen avulla seurataan uutiskirjeen toimivuutta, mutta kävijä voidaan myös yhdistää mainostajien profiileihin. Pikselin käyttö ei ole pakollista ja sen voi estää monissa uutiskirjepalveluissa.

Ongelmana uutiskirjeiden avulla tapahtuvassa seurannassa on se, että lukijat eivät yleensä ole tietoisia tästä, eikä heille ole annettu mahdollisuutta kieltäytyä siitä. Tämä takia useat sähköpostiohjelmat ovat alkaneet estää pikselin käytön oletuksena, kuten Hey ja Applen Mail. Tämän myötä seurantatiedoista on tullut hyvin epätarkkoja ja melko hyödyttömiä. Toimiva uutiskirje näkyy silti lisääntyneinä yhteydenottoina, nettisivujen kävijätilastoissa ja kasvaneena myyntinä verkkokaupassa, mitkä ovatkin parempia mittareita.

 https://nvl.studio/uutiskirje/ Uutiskirje 2021-12-16T00:00:00 Uutiskirje on edullinen ja rehellinen tapa pitää asiakkaisiin yhteyttä. Se on ulkopuolisista alustoista vapaa markkinointimuoto, joka toimii asiakkaan ehdoilla ja voidaan toteuttaa yksityisyyttä kunnioittaen.

Hakukoneoptimointi tarkoittaa nettisivujen parantamista, jotta ne näkyvät hakukoneiden tuloksissa mahdollisimman korkealla. Tarkoitus on parantaa sivujen näkyvyyttä ja lisätä orgaanista, eli ilmaista liikennettä sivustolle.

Parantunut sijoitus hakukoneessa johtaa yleensä liikenteen pysyvään kasvuun. Näin ei ole sosiaalisessa mediassa, josta tulevat kävijäpiikit ovat hetkittäisiä. Hakukoneoptimointi on yleensä hidas, mutta kannattava investointi.

Hakukoneoptimointi tarkoittaa ennen kaikkea sisällön kehittämistä ja teknisten perusasioiden kuntoon laittamista. Se siis parantaa nettisivuja oikeasti. Kun tuotteilla on kattavat tuotekuvaukset, otsikot ovat selkeitä ja sivut toimivat nopeasti, on tästä hyötyä kaikille käyttäjille.

Hakukoneoptimointi

Hakukoneista Google dominoi noin 90 % markkinaosuudella. Muita suosittuja hakukoneita ovat esimerkiksi Bing ja DuckDuckGo. Vaikka Google dominoi hakukonemarkkinoita, ovat vinkit universaaleja ja auttavat kaikkien hakukoneiden näkyvyydessä.

Hakukoneet ovat kuin menneiden aikojen kirjastonhoitajat. Ne tutkivat sivuja ja luovat niistä luettelon. Kun hakukoneesta haetaan tietoja, näyttää hakukone (kirjastonhoitaja) mielestään parhaat tulokset käyttäjälle.

Tekninen optimointi

Sivuston teknisten perusasioiden pitää olla kunnossa. Jos sivusto on todella hidas, skaalautuu huonosti tai sieltä puuttuu salaus, on hakutulos väistämättä huono. Hakukoneen tulee löytää sivut, jotta ne voidaan indeksoida.

Sivuston nopeus

Hitaat sivut ovat aina epämiellyttävä käyttökokemus, mutta myös hakukoneet tunnistavat sen. Sivujen nopeus on yksi keskeinen kriteeri hakutulosten järjestyksessä.

Tärkeitä kysymyksiä nopeutta mietittäessä on mm. seuraavat asiat; kauanko sivustolla menee latautua ensimmäisellä kerralla, häipyykö kävijä sivustolta ennen kuin sivut ovat latautuneet kokonaan, kauanko kävijä viettää aikaa sivuilla ja onko sivujen navigointi helppo ja vaivatonta?

Keskeisiä nopeuteen vaikuttavia tekijöitä ovat kuvien ja koodin pakkaus, palvelimen nopeus ja sen fyysinen sijainti, lisäosien tai muun ohjelmiston huono laatu sekä se, että ladataanko skriptejä sivujen ulkopuolelta. Lisää vinkkejä sivujen nopeuteen löydät omasta artikkelista.

Otsikot

Sivujen otsikot ovat tärkeimmät haettavat sisällöt. Kuvaavien otsikoiden käyttö on oleellista ja niissä kannattaa käyttää tärkeimpiä avainsanoja. Sivun pääotsikko kiteyttää koko sivun asian.

Sivujen otsikoilla on hierarkia. Pääotsikko merkataan H1-tägilla ja sitä käytetään vain kerran per sivu. Ensimmäinen alaotsikko on muotoa H2. Otsikoita kannattaa käyttää runsaasti jakamaan sivu helpommin luettaviin osiin.

Linkit

Kaikilla linkeillä tulee olla kuvaavat nimet. Paina tästä tai lue lisää eivät ole hyviä linkkejä. Kun linkissä on kerrottu linkin kohde, on se hyödyllinen niin ihmisille kuin hakukoneille. Lyhyet, mutta kuvaavat linkit ova parhaita.

Sisäiset linkit

Sisäiset linkit

Hakukoneet löytävät sivut linkkien avulla. Sama koskee myös sivujen sisäisiä linkkejä. Jos jollekin sivulle ei vie yhtään linkkiä, ei hakukone löydä sitä.

Selkeä navigaatio, jonka toimii kaikilla laitteilla, on perusta sivujen sisäisille linkeille. Kaikkia sivuja ei aina ole mahdollista laittaa valikkoon. Päävalikon tueksi tarvitaan monesti alavalikoita, breadcrumbs-linkkipolkuja ja arkisto-sivuja.

Blogitekstissä kannattaa tarjota linkkejä toisiin saman sivuston artikkeleihin. Kannattaa miettiä mistä muusta sisällöstä lukija saattaisi olla kiinnostunut. Kun kävijä löytää lisää hyödyllistä sisältöä samalta sivustolta, viipyy hän sivustolla kauemmin.

Kuvat

Hakukoneet eivät näe kuvia. Niille on annettava tekstivastine alt-attribuutilla. Jos kuva on hyvin oleellinen sisällön kannalta, kannattaa kuvauksesta tehdä mahdollisimman tarkka. Alt-teksti näkyy myös kuvan paikalla, jos se latautuu hitaasti tai ei ollenkaan. Tekstivastineita käyttävät myös näytönlukijat.

Kuvien tiedostot kannattaa nimetä järkevästi. Kameroiden antamat nimet IMG_7642.JPG eivät sano hakukoneelle mitään. Hyvä nimi voisi olla turenki-sokeritehdas.jpg, sanat on erotettu väliviivalla. Lyhyt ja kuvaava nimi riittää, hakusanoja ei kannata viljellä tiedostonimissä.

Visuaalinen ilme

Hyvä visuaalinen ilme on tärkeä. Jos ilme on selkeä ja kaunis, on sivustoa miellyttävämpi käyttää. Myös hakukone havaitsee tekstin liian pienen koon tai heikon kontrastin.

SSL

Nettisivujen liikenteen käyttäjän ja palvelimen välillä tulee olla salattua. Tämä on erityisen tärkeää, jos sivujen käyttäjä joutuu syöttämään tietoa sivuille. Suojattu yhteys saadaan hankkimalla sivuille SSL-sertifikaatti. Suojatun yhteyden käyttäminen vaikuttaa positiivisesti hakutuloksiin, suojaamattoman yhteyden vaikutus tuloksiin on päinvastainen.

Domain

Nettisivujen osoite ei ole kovin tärkeä mittari hakutuloksissa. Osoitteessa ei tarvitse käyttää hakusanoja. Lyhyt ja muistettava osoite on selvästi parempi kuin pitkä osoite, johon on tungettu hakusanoja.

Canonical URL

Jos sivuista on useita eri versioita, tulee hakukoneelle kertoa mikä on oikea versio. Canonical linkin avulla kerrotaan hakukoneelle, mikä versio on oikea ja näytetään tuloksissa.

Osoiterakenne

Selkeä osoiterakenne on tärkeä ihmisille, koska ne auttavat hahmottamaan sivun rakenteen. Osoitteen kannattaa olla looginen ja kansankielinen. Siinä ei kannata käyttää erikoisia parametreja, symboleita tai numeroita. Osoiterakenteen ja navigaation tulisi peilata toisiaan. Hyvä osoiterakenne verkkokaupassa voisi olla kauppa.com/kategoria/alakategoria/tuote. Osoite näkyy myös hakukoneen hakutulossivulla ja helpottaa käyttäjän päätöstä klikata osoitetta.

Vanhojen ja suosittujen sivujen osoitteiden muuttamisessa kannattaa olla varovainen. Epäselvä, mutta toimiva osoite kannattaa yleensä jättää paikoilleen.

Semanttinen HTML

Semanttinen HTML tarkoittaa sitä, että käytetään oikeita HTML-elementtejä oikeissa paikoissa. Semanttinen HTML-elementti välittää tiedon sen sisällöstä selaimelle ja näytönlukijalle, samoin hakukone osaa poimia oikeat tiedot hakutuloksiin.

Skaalautuvuus

Hakukone tutkii, kuinka mobiiliystävälliset sivut ovat. Lähes kaikki sivut skaalautuvat ja toimivat eri kokoisilla laitteilla. Sillä, kuinka hyvin skaalautuvuus on toteutettu, on myös väliä.

Tekstin tulee olla tarpeeksi suurta ja luettavaa kaikilla laitteilla. Samat suurikokoiset kuvat eivät saa latautua puhelimilla ja pöytäkoneilla. Linkkien ja nappien kosketusalueiden tulee olla tarpeeksi isot sormella käytettäessä, samoin gallerian tulee toimia myös pyyhkäisemällä.

Metakuvaus ja metaotsikot

Metakuvaus ja metaotsikot ovat kenttiä, joista hakukone poimii hakutuloksiin otsikon ja kuvaustekstin. Ne ovat ainoa paikka, jossa voi yrittää vaikuttaa ihmisten huomioon hakutulossivulla. Itse hakutuloksiin ne eivät vaikuta.

Oleellinen asia kannattaa laittaa heti kentän alkuun, koska näytettävä tekstimäärä on lyhyt. Otsikoissa tekstimäärä on maksimissaan 65 merkkiä ja kuvauksessa 165 merkkiä. Jos metakuvausta ja -otsikkoa ei ole annettu, poimii hakukone hakutuloksiin otsikon title-tagista ja kuvauksen sivun sisällöstä.

Sivustokartta

Sitemap eli sivustokartta on XML-muotoinen tiedosto, jolla kerrotaan hakukoneelle sivujen sisällysluettelo. Sivukartta sijoitetaan yleensä juurihakemistoon.

Sivustokartta ei ole kaikkein tärkein asia, koska se ei paranna hakukonenäkyvyyttä suoraan. Sen avulla voidaan varmistaa, että kaikki sivut löytyvät hakukoneesta.

Sivustokartat ovat hyödyllisiä laajoille sivuille, joiden avulla varmistetaan, että kaikki sisältö tulee varmasti indeksoitua. Toinen mahdollinen hyötyjä on uusi sivusto. Sivustokartan avulla varmistetaan, että hakukone löytää sivut. Normaalisti hakukoneet löytävät sivut ulkoisten linkkien avulla, joita uusilla sivuilla ei vielä ole.

Sivustokartta

Robots.txt

robots.txt tiedosto kertoo hakukoneelle mitä sivuja hakukone saa indeksoida. Oikeastaan sen tärkein tehtävä on kertoa, mitä sivuja ei saa indeksoida. Jää kuitenkin hakukoneen vastuulle, kunnioittaako se tätä pyyntöä.

Tiedostossa voidaan myös kertoa sivustokartan osoite, mikä auttaa hakukonetta sen löytämisessä. robots.txt tiedosto sijoitetaan sivuston juurihakemistoon kuten sivustokarttakin.

Hakusanatutkimus

On tärkeää ymmärtää kävijää ja miettiä, millä tavoin hakija päätyy sivuille. Millä hakusanoilla ja niiden yhdistelmillä hakukoneissa etsitään palveluilta, joita asiakkaille tarjotaan.

Hakusanoja voi tutkia vaikkapa niin, että kirjoittaa pohjasanan hakukoneeseen ja katsoo, mitä siihen liittyviä sanoja hakukone ehdottaa automaattisesti. Näitä sanoja on siis haettu useimmin pohjasanan kanssa.

Sanojen etsimiseen on myös monia työkaluja, kuten Googlen Keyword Planner. Työkalujen avulla nähdään kuinka paljon sanoilla haetaan ja mikä on niiden kokonaisliikenne. Jos liikennettä ei ole olemassa, ei näillä sanoilla voida houkutella asiakkaita sivuille.

Suosituimmilla sanoilla on vaikeaa tai joskus lähes mahdotonta erottua joukosta ilman maksettua mainontaa. Monesti on helpompi erottua tarkemmissa hauissa.

Sisältö

Hyvän hakutuloksen perustana on sivujen sisältö. Kun teksti on kirjoitettu hyvin ja se on mielenkiintoista, viipyy lukija sivuilla pitkään ja palaa takaisin. Sisältö on hyvää myös muiden mielestä, kun siihen viitataan muilla sivustoilla. Hakukone huomaan tämän.

Sisältöä voidaan rakentaa ja kehittää miettimällä, mihin kävijän kysymykseen se vastaa. Tämän kysymyksen kävijä on todennäköisesti esittänyt hakukoneelle, ennen sivuille saapumista.

Sisällöllä tarkoitetaan ennen kaikkea tekstiä, mutta myös muu sisältö on oleellista. Artikkelia tukevat kuvat, grafiikat, videot ja äänet tekevät siitä monipuolisemman ja rikkaamman kokemuksen.

Hyvä sisältö on visuaalisesti selkeää ja kaunista, sitä on miellyttävä kuluttaa. Vaikka hakukone ei ymmärrä kauneutta, käyttäjä ymmärtää.

Hyvä sisältö on kohdennettua. Mitä paremmin tunnetaan kohderyhmä, sitä helpompi on puhua heidän kielellään.

Verkkokaupan tuotekuvauksesta tulee selvitä oleellinen tieto, jotta sitä ei tarvitse lähteä etsimään muualta. Toisaalta, jos tekstiä on selvästi liikaa, voi tärkein tieto hukkua.

Joskus kävijä etsii vain yhteystietoa tai yrityksen osoitetta, tällöin tarkoitus ei olekaan viipyä sivuilla pitkään.

Tekstiä ei kannata koskaan kopioida toiselta sivulta. Hakukone huomaan tämän ja hakutulos tippuu. Samojen sanojen tyhjä toisto ei myöskään auta. Toiston sijasta kannattaa suosia synonyymejä.

Sisällön tuoreudella on merkitystä. Kaikki sisältö ei vanhene, mutta osa sisällöstä voi vaatia säännöllistä päivittämistä. Jos samasta aiheesta on viisi vuotta uudempi artikkeli, nostaa hakukone todennäköisesti sen ylemmäksi.

Paluulinkit

Hakukoneet löytävät uusia indeksoitavia sivuja seuraamalla linkkejä sivulta toiselle. Tämän takia on tärkeää, että sivuille johtaa linkkejä sivujen ulkopuolelta. Uusista sivustoista voidaan myös ilmoittaa suoraan hakukoneille, koska sinne ei vielä ole linkkejä.

Ulkopuoliset linkit kertovat hakukoneille kuinka varteenotettava sivusto on kyseessä. Linkittävän sivuston asemalla hakukoneen silmissä on merkitystä. Kun tunnettu ja laadukas sivusto viittaa sivustollesi, nostaa se myös sivujesi asemaa.

Viittaavat linkit ovat todennäköisesti tärkein tekijä, joka määrittelee sivuston aseman hakutuloksissa. Niiden saanti ei kuitenkin ole helppoa. Paras tapa saada linkkejä on luoda mielenkiintoista sisältöä. Jos sisältö on oikeasti mielenkiintoista muiden mielestä, on sitä helppo jakaa ja siihen viitata.

Linkkejä toisille sivuille voidaan yrittää saada monella tapaa. Tuotteita voidaan lähettää arvosteltavaksi lehtiin ja blogeihin, yhteistyökumppaneita voidaan pyytää kertomaan yrityksestä, asiakkaat voivat jakaa kokemuksen tai kirjoittaa arvostelun, yritys voidaan listata alan hakemistoihin tai kumppanin kanssa voidaan blogata ristiin.

Analysointi

Sivuille tehtyjen parannusten pitäisi näkyä hakukoneiden kautta tulleessa orgaanisessa eli maksamattomassa liikenteessä. Muutosten seuraamista voidaan tehdä eri analysointityökalujen avulla.

Suosituin tapa seurata liikennettä on Google Analytics. Se on kuitenkin melko monimutkainen käyttää ja vaatii evästeiden käyttöä. Koska kävijöitä yksilöiviä evästeitä ei saa käyttää ilman lupaa, ovat tulokset väistämättä epätarkkoja. Hyviä vaihtoehtoja ovat esimerkiksi Plausible ja Fathom Analytics. Molemmista löytyy oleellisimmat tiedot, ilman evästeitä.

Muutamilla perustiedoilla pärjätään jo pitkälle. Paljonko sivuilla on kävijöitä, mitkä ovat suosituimmat sivut ja mistä kävijät saapuvat sivulle.

Hakukoneoptimonti ja analysointi on helppo vetää yli ja seurata loputtomasti pieniäkin asioita. Muutaman sanan muutoksella ei yleensä ole mitään vaikutusta, iso kuva on tärkeämpi. Lisääntyneet yhteydenotot, tarjouspyynnöt tai kasvanut verkkokaupan myynti ovat oikeita mittareita, joilla on merkitystä liiketoiminnalle.

Ylioptimointi tappaa luovuuden

Kaikki säännöt ja temput hakukoneiden eteen voivat rajoittaa sivun suunnittelua ja sisällön tuottamista. Pitääkin muistaa, että huomion tulee aina olla ensin sivujen käyttäjässä, sitten vasta hakukoneessa. Voi myös miettiä, kuinka paljon on valmis joustamaan oletetun paremman hakukonenäkyvyyden eteen.

Hakukoneet eivät ymmärrä sarkasmia tai huumoria, saatikka ironiaa. Omien mielipiteiden ja ajatusten jakaminen ei monestikaan ole kannattavaa. Kokonaan uudesta aiheesta ei kannata kirjoittaa, koska kukaan ei osaa hakea sitä hakukoneesta.

Hakukoneiden mielestä kannattaa mieluummin kirjoittaa samoista aiheista, joista on jo kirjoitettu muillakin sivuilla. Hakukoneet eivät lue artikkeleita, vain analysoivat niitä. Suositumpi artikkeli sijoittuu korkeammalle, ei parempi.

Ylioptimointiin törmää monilla sivuilla. Hakusanoja viljellään otsikosta toiseen, mikä tekee niistä hassuja ja ylipitkiä. Vastaan tulee URL-osoitteita, jotka on tungettu täyteen avainsanoja. Pahimmillaan hakukoneoptimointi voi siis pilata sivun ja tappaa kaiken luovuuden.

Työkaluja optimointiin

Google Search Console on ilmainen työkalu, jolla voi tutkia sivujen toimintaa hakutuloksissa. Työkalu kertoo miten sivut toimivat ja antaa paljon parannusvinkkejä.

Google Keyword Plannerin avulla voidaan etsiä hakusanoja, jotka ovat tärkeitä omalla toimialalla ja tämän hetken trendejä.

Google Analytics on suosituin analysointityökalu. Plausible ja Fathom ovat hyviä vaihtoehtoja, kun ei haluta yksilöidä käyttäjää evästeiden avulla.

 https://nvl.studio/seo/ Hakukoneoptimointi 2021-11-11T00:00:00 Hakukoneoptimointi tarkoittaa nettisivujen parantamista, jotta ne näkyvät hakukoneiden tuloksissa mahdollisimman korkealla. Tarkoitus on parantaa sivujen näkyvyyttä ja lisätä orgaanista, eli ilmaista liikennettä sivustolle.

Google Analytics asennetaan nettisivuille usein automaattisesti sivujen luonnin yhteydessä. Palvelu on ilmainen, mutta hintana on kävijöiden yksityisyys ja luottamus. Hyviä vaihtoehtoja ovat esimerkiksi Fathom ja Plausible.

Nettisivujen analysointityökalujen tarkoituksena on mitata ja analysoida nettisivujen käyttöä. Keskeisiä mittareita ovat yleensä kävijämäärät, sivulataukset ja liikenteen lähteet. Tämän datan avulla voidaan kehittää ja parantaa sivuston toimivuutta.

Suosituin työkalu on Google Analytics. Palvelu on ilmanen1 ja ylivoimaisesti suosituin. Kaikista nettisivuista yli puolella löytyy Google Analytics. Se asennetaan yleensä automaattisesti, ilman suurempaa harkintaa, sivujen luonnin yhteydessä.

Ilmaista lounasta ei ole

Kun palvelu on ilmainen, on käyttäjä pohjimmiltaan tuote. Google on mainosyhtiö, joka elää eri palveluissa keräämästään datasta. Moni yritys on kasvanut tietoisemmaksi tästä, eikä halua enää asentaa sivuille Googlen tai Facebookin ilmaispalveluita. Kyse on myös asiakkaiden luottamuksesta.

Google Analyticsin rinnalle on noussut useita vaihtoehtoisia palveluita, joiden tärkeimpänä ominaisuutena on kävijöiden yksityisyyden kunnioittaminen ja tietosuojalakien noudattaminen. Näissä palveluissa yksittäisiä kävijöitä ei identifioida, vaan data kerätään kootusti. Palvelut ovat yleensä myös maksullisia, joten rahaa ei tarvitse tehdä kävijöiden tiedoilla.

Fathom ja Plausible

Hyviä vaihtoehtoja Google Analyticsille ovat esimerkiksi Fathom ja Plausible Analytics. Molemmat palvelut ovat hyvin yksinkertaisia käyttää ja selkeästi kevyempiä sivustolle.

Siinä missä Google Analytics mittaa kaikkea mitä on mahdollista mitata, Fathom ja Plausible keskittyvät vain oleellisiin numeroihin. Tämän seuraksena käyttöliittymä on hyvin miellyttävä. Yhdellä silmäyksellä selviää kaikki oleelliset tiedot.

Fathom ja Plausible eivät käytä evästeitä, eikä kävijöitä yksilöidä. Palvelut ovat luonnollisesti maksullisia, mutta varsin edullisia. Plausible on saatavilla myös ilmaisena versiona, jolloin sitä voi pyörittää omalla palvelimella.

Fathom ja Plausible eivät kerää käyttäjien henkilökohtaisia tietoja, joten evästeilmoituksia ei tarvitse näyttää. Laki ei kuitenkaan ole kovin selvä ja vaihtelee hieman eri maittain. Varmuuden varalta sivuilla voi ilmoittaa, että käytössä on alysointityökalu, joka ei yksilöi kävijöitä.

Vaihtoehtoja Google Analyticsille

1. Google Analytics on ilmainen kun sivustolatauksia on alle 10 miljoonaa kuukaudessa. Google Analytics 360 palvelu on maksullinen. ↩︎

 https://nvl.studio/analytics/ Vaihtoehtoja Google Analyticsille 2021-10-01T00:00:00 Google Analytics asennetaan nettisivuille usein automaattisesti sivujen luonnin yhteydessä. Palvelu on ilmainen, mutta hintana on kävijöiden yksityisyys ja luottamus. Hyviä vaihtoehtoja ovat esimerkiksi Fathom ja Plausible.

Evästeet ovat välttämättömiä monen nettisivun toiminnalle, mutta niitä käytetään myös kävijöiden seurantaan ja mainontaan. Kävijöistä rakennetaan profiileja joita myydään eteenpäin, monesti käyttäjän sitä ymmärtämättä.

Evästeet ovat hyvin keskeinen osa nykypäivän nettiä. Niiden avulla verkkokauppa muistaa asiakkaan ostoskorin sisällön, nettisivu muistaa käyttäjän kielen ja sääpalvelu valitun sijainnin, vaikka selain välillä suljettaisiinkin. Evästeet ovat siis monelle sivustolle ja palvelulle välttämättömiä.

Pohjimmiltaan evästeet ovat pieniä tekstitiedostoja, jotka nettisivujen palvelin tallentaa käyttäjän koneelle. Evästeiden avulla hallitaan istuntoja, personoidaan sivustoja ja seurataan kävijän toimia.

Kahdenlaisia evästeitä

Evästeitä on kahdenlaisia. Ensimmäisen osapuolen evästeet ovat peräisin sivustolta, jolla parhaillaan vieraillaan ja yleensä niitä käytetään sivun keskeisiin toimintoihin. Jos sivusto on turvallinen, ovat myös evästeet yleensä turvallisia.

Kolmannen osapuolen evästeet ovat peräisin ulkopuolisilta palvelimelta ja liittyvät usein seurantaan ja mainontaan. Näitä voivat olla Googlen, Facebookin tai jonkun muun markkinointifirman asettamat evästeet.

Ongelmallista kolmannen osapuolen evästeissä on se, että sivuilla vierailija harvoin ymmärtää, että ulkopuoliset markkinointifirmat keräävät tietoja käyttäjästä, profiloivat tiedot ja myyvät ne eteenpäin.

Monet selaimet, kuten Firefox, Safari ja Brave, estävät kolmannen osapuolen evästeet oletuksena. Näin ollen ne vaikeuttavat mainostajia seuraamasta kävijöitä sivustojen välillä. Kaikkea seurantaa ei silti voida välttää. Seurantaa tapahtuu muutenkin kuin evästeiden avulla ja kehitys alalla on hyvin innovatiivista.

Profilointi

Suurin osa nettisivuista seuraa kävijöitä jollakin tavalla. Monelta sivustolta löytyy Google Analyticsin seurantakoodi tai joku Facebookin palvelu, kuten tykkäyspainike. Nämä samat seurantakoodit löytyvät myös monilta muiltakin sivuilta.

Käyttäjien profilointi ei tapahdu vain yhden sivun kautta, vaan se tapahtuu monilla sivuilla, seuraamalla kävijöitä sivustolta toiselle. Mainos- ja seurantaevästeet eivät yleensä vanhene, joten seurantaa voidaan tehdä pidemmällä aikavälillä. Dataa voidaan kerätä myös nettisivujen ulkopuolelta, kuten puhelinten sovelluksilla.

Yhdistämällä kaiken kerätyn tiedon, saadaan rakennettua hyvinkin tarkka profiili käyttäjästä. Nämä profiilit ovat mainostajille arvokkaita, koska niiden avulla voidaan kohdentaa ja räätälöidä mainontaa.

Profilointi

Sivujen välinen seuranta, profilointi ja sen ympärillä käytävä kauppa on herättänyt paljon vastustusta. Myös lainsäädännöllä on tähän jo hieman puututtu.

Laki

Lainsäädäntö edellyttää, että käyttäjältä pyydetään lupa evästeiden käyttöön. Käyttäjälle on tarjottava selitys mihin tarkoitukseen evästeitä käytetään. Erityisen tärkeää on kertoa, jos kerättävää tietoa luovutetaan kolmannelle osapuolelle. Myös Google Analyticsin käyttöön pitää kysyä lupa.

Laki ei kuitenkaan koske evästeitä, jotka ovat välttämättömiä sivuston toiminnan kannalta. Näitä ovat esimerkiksi evästeet, joita tarvitaan kun asiakas kirjautuu verkkopankkiin tai muuhun palveluun.

Kävijän pitää hyväksyä evästeet aktiivisesti, eli laittamalla rasti ruutuun. Käyttäjälle ei voi vain ilmoittaa, että jatkamalla sivuston käyttöä hyväksytään evästeet. Evästeistä täytyy myös pystyä kieltäytyä.

Evästeiden poistaminen

Evästeet voidaan poistaa selaimesta helposti. Tyhjentämällä selaimen sivuhistoria poistetaan samalla evästeet halutulta ajanjaksolta. Samalla sivustokohtaiset asetukset katoavat ja palveluista kirjaudutaan ulos.

Evästeiden tallentamisen voi estää kokonaan selaimen asetuksista. Evästeet ovat kuitenkin niin keskeinen osa nykypäivän nettiä, että tämä toimenpide estää monen sivuston toiminnan kokonaan.

Monissa selaimissa on yksityinen selaustila. Tällöin selaushistoria ei tallennu ja evästeet poistuvat kun selain suljetaan. Muuten yksityinen selaustila ei suojaa yksityisyyttä.

Muita seurantatapoja

Evästeiden lisäksi on paljon muitakin tapoja seurata kävijää. Fingerprinting on tekniikka, jonka avulla käyttäjästä rakennetaan profiilia laitteen teknisten tietojen avulla. Laitteen kieli, aikavyöhyke ja jopa asennetut fontit yksilöivät kävijän. Tätä on jo paljon vaikeampi estää kuin evästeitä.

Näkymättömän pikselin asentaminen sivuille ja erityisesti sähköposteihin on suosittu keino seurata kävijän toimia. Dataa kerätään myös nettisivujen ulkopuolelta, kuten puhelinten sovelluksilla, älykaiuttimilla ja muilla älylaitteilla.

Fingerprinting

Lisää aiheesta

Cover Your Tracks -työkalun avulla voi testata kuinka hyvin olet suojattu seurantaevästeitä ja fingerprinting-tekniikkaa vastaan. Testi näyttää kuinka uniikki olet seuraajien silmissä, kuinka helposti sinut voidaan tunnistaa ja yhdistää profiiliin.

https://nvl.studio/evasteet/ Evästeet ja seuranta 2021-09-08T00:00:00 Evästeet ovat välttämättömiä monen nettisivun toiminnalle, mutta niitä käytetään myös kävijöiden seurantaan ja mainontaan. Kävijöistä rakennetaan profiileja joita myydään eteenpäin, monesti käyttäjän sitä ymmärtämättä.

Saavutettavuudella netissä tarkoitetaan sitä, että verkkosivujen sisältö pyritään tuomaan mahdollisimman laajan käyttäjäkunnan ulottuville, ottamalla huomioon käyttäjien erilaiset vammat, rajoitteet ja haastavat tilanteet.

Käyttäjän heikentynyt näkökyky haittaa nettisivujen sisällön havainnointia, huono kuulo vaikeuttaa videoiden tai podcastien kuuntelemista, motoriset rajoitteet vaikeuttavat sivuilla navigointia ja erilaiset kognitiiviset haasteet hidastavat sisällön ymmärtämistä.

On myös paljon väliaikaisia rajoitteita, jotka koskevat meitä kaikkia. Kirkas auringonpaiste häiritsee tekstin lukemista, väsymys ja kiire vaikeuttavat pitkän tekstin ymmärtämistä tai hidas nettiyhteys estää raskaan sisällön latautumista.

Pelkästään taloudellisessa mielessä saavutettavuuden huomioiminen on järkevää. Arviolta 20 %:lla kävijöistä on erilaisia vaikeuksia sivujen ymmärtämisen kanssa. Tämä on jo paljon potentiaalisia asiakkaita, jotka tippuvat pelistä pois jos eivät pääse sisältöön käsiksi.

Tämän artikkelin keskeiset asiat huomioon ottamalla voidaan parantaa nettisivujen saavutettavuutta.

Näppäimistöllä navigointi

Nettisivuja tulee pystyä käyttämään pelkästään näppäimistön avulla. Hiiren ja kosketuksen käyttäminen on haastavaa erityisesti ihmisille joilla on motorisia rajoitteita. Näppäimistöllä navigointi on myös tehokäyttäjien suosima tapa käyttää sivuja.

Semanttiset HTML-elementit tukevat näppäinkomentoja automaattisesti. Tab-näppäintä painamalla käyttäjä voi liikkua elementistä toiseen. Focus-tila näyttää mikä elementti vastaanottaa käskyjä näppäimistöltä. Focus-tilan korostaminen selkeästi on tärkeää.

Näppäimistöllä navigointi

Jos semanttisia HTML-elementtejä ei voida käyttää, tulee tabindex-attribuuttia käyttäen varmistaa, että elementti on käytettävissä näppäimistöllä. Piilotetut interaktiiviset elementit tulee määritellä siten, että niitä ei pysty valitsemaan vahingossa.

Semanttinen HTML

Semanttinen HTML tarkoittaa sitä, että käytetään oikeita HTML-elementtejä oikeissa paikoissa. Semanttinen HTML-elementti välittää tiedon sen sisällöstä selaimelle ja näytönlukijalle, samoin hakukone osaa poimia oikeat tiedot hakutuloksiin.

Esimerkiksi <h1> tarkoittaa otsikkoa ja <p>-tunniste kappaletta. <div>-elementtiä ei saisi käyttää painikkeena, vaan sitä varten tarkoitettua <button>-elementtiä. On myös hyvä käyttää linkkejä ja nappeja oikeissa paikoissa. Linkkejä käytetään yleensä navigointiin, painikkeita jonkin toiminnon tekemiseen.

Semanttiset elementit sisältävät niille valmiiksi rakennettuja ominaisuuksia, jotka joudutaan rakentamaan manuaalisesti, jos elementtiä käytetään eri tarkoitukseen. Tämäkin siis puoltaa semanttisten HTML-elementtien käyttöä.

Otsikot

Otsikot ovat tärkeässä roolissa kun sivua silmäillään nopeasti tai luetaan näytönlukijalla. Kuvaavien ja selkeiden otsikoiden käyttö on oleellista, koska näytönlukijoilla hypitään monesti otsikosta toiseen. Yleisin perusvirhe on tehdä otsikko lihavoimalla.

HTML-kielessä sivujen otsikoilla on hierakia. H1-tägi tarkoittaa pääotsikkoa ja sitä käytetään vain kerran sivua kohti. Ensimmäinen alaotsikko on H2. Jos tälle tarvitaan alaotsikkoa, on sen taso H3. Väliotsikoita kannattaa käyttää riittävästi ja välttää liian pitkiä tekstikappaleita.

HTML5-elementit, kuten main, nav ja aside toimivat myös alueina, joissa voidaan hyppiä nopeasti näytönlukijoilla. Sivujen järjestys HTML-koodissa tulisi olla sama kuin sisällön esitystapa sivuilla.

Tekstivastineet

Jotta sivujen selaaminen onnistuu näytönlukijoilla, ei-tekstisisällöillä pitää olla vastineet tekstimuodossa. Tekstivastineet ovat hyödyllisiä kaikille käyttäjille ja parantavat myös hakukonenäkyvyyttä.

Valokuvat

Valokuvilla tulee olla tekstivastine, joka annetaan alt-attribuutilla. Jos kuva ei lataudu tai se latautuu erityisen hitaasti, alt-teksti näkyy kuvan paikalla. Jos kuvan sisältö on oleellista ja sitä ei ole avattu muussa sisällössä, on kuvauksen oltava mahdollisimman tarkka. Jos taas kuva on koristeellinen, ei alt-teksti ole niin tärkeä.

Linkit ja painikkeet

Painikkeilla ja linkeillä tulee olla lyhyet ja kuvaavat nimet. Painikkeissa teksti kertoo, mitä nappia painamalla tapahtuu. Jos painikkeessa käytetään vain ikonia, on hyvä lisätä aria-label-attribuutti jossa painikkeen toiminta kuvataan.

Linkeissä tulee selvitä, minne sitä painamalla päädytään. "Paina tästä" tai "Lue lisää" ei ole hyvä linkin teksti. Jos linkki vie tiedostoon, tekstistä tulee selvitä mitä tiedosto sisältää, tiedostomuoto ja sen koko. Jos valokuvaa käytetään linkkinä, tulee alt-kentässä kertoa linkin kohde.

Media

Videoihin tulisi lisätä tekstitys. Samoin äänitiedostot, kuten podcastit tulisi julkaista tekstimuodossa. Tekstitys on työläs prosessi, mutta on erittäin hyödyllinen hakukoneiden kannalta. Tekstitetystä videosta hyötyvät pohjimmiltaan kaikki, esimerkiksi vanhemmat, jotka eivät halua herättää nukkuvaa lasta.

Värit ja kontrasti

Tekstin ja sen taustan värin kontrasti tulee olla riittävän suuri. Vaalea teksti vaalealla taustalla, tai tumma teksti tummalla taustalla ei erotu riittävän hyvin. Riittävän kontrastin voi testata helposti monilla työkaluilla, kuten a11y:n Color Contrast-testerillä.

Tekstin näyttäminen kuvan päällä on yleinen tapa etenkin etusivun hero-kuvassa. Tällaisissa tapauksissa on huolehdittava, että teksti erottuu riittävän selkeästi. Kuvan päälle tekstin alle voidaan asettaa liukuväri, joka parantaa tekstin erottuvuutta.

Pelkän värin avulla ei kannata välittää käyttäjälle tärkeää tietoa. Lomakkeessa ei riitä, että ilmoitetaan virhe pelkästään värin muutoksella. Värisokealle tieto ei välttämättä välity. Virhe kannattaa kertoa myös tekstillä tai korostaa viivalla.

Kontrasti

Sisällön rytmitys

Nettisivuja ei lueta kuten fyysistä kirjaa. Pitkät tekstikappaleet kannattaa jakaa lyhyempiin ja helpommin luettaviin osiin. Väliotsikoita kannattaa käyttää runsaasti ja sekaan on hyvä nostaa sisältöä tukevia kuvia, grafiikkaa tai videoita. Nämä rytmittävät sisältöä ja tekevät siitä miellyttävämmän lukea.

Tekstin koko, rivivälit ja rivin pituus tulee olla balanssissa. Suositeltava rivin maksimipituus on 50-60 merkkiä. Mitä pidempi rivi, sitä suurempi riviväli. Samoin kappaleiden, otsikoiden ja muun sisällön välinen tila tulee olla riittävä ja sopusoinnussa kokonaisuuteen nähden.

Tekstin määrittelyssä ja muuallakin ulkoasun rakenteessa kannattaa käyttää suhteellisia yksiköitä. Jos käyttäjä haluaa suurentaa tekstiä, säilyy rakenne eheänä ja tasapainossa.

Lisää aiheesta

Lisää vinkkejä saavutettavuuden parantamiseen voi lukea web.dev -sivustolta, jossa sivujen saavutettavuutta voi testata Lighthouse testityökalulla. Toinen hyvä tietolähde on The A11Y Project -sivusto.

 https://nvl.studio/saavutettavuus/ Saavutettavat nettisivut 2021-08-20T00:00:00 Saavutettavuudella netissä tarkoitetaan sitä, että verkkosivujen sisältö pyritään tuomaan mahdollisimman laajan käyttäjäkunnan ulottuville, ottamalla huomioon käyttäjien erilaiset vammat, rajoitteet ja haastavat tilanteet.

Nettisivujen nopeutta voidaan parantaa kuvia pakkaamalla, koodia optimoimalla ja palvelimen valinnalla. Myös käyttöliittymän pitää olla selkeä ja sisällön helposti saavutettavissa. Ero hitaiden ja nopeiden nettisivujen välillä mitataan rahassa.

BBC huomasi, että he menettivät 10% kävijöistä aina, kun he lisäsivät sivujen latausaikaa yhdellä sekunnilla. Ihmiset ovat siis kärsimättömiä ja häipyvät nopeasti toiselle sivustolle, jos sivut eivät avaudu tai toimi tarpeeksi nopeasti. Sisällön on myös oltava helposti ymmärrettävää.

Hitaat nettisivut ovat asiakkaalle epämiellyttävä käyttökokemus, mutta myös hakukoneet tunnistavat hitauden. Sivujen nopeus on yksi keskeinen kriteeri hakutulosten järjestyksessä.

Nopeat nettisivut eivät vain lataudu nopeasti, ne myös toimivat ja tuntuvat nopeilta. Niiden käyttöliittymä on selkeä ja sitä on helppo käyttää, sivujen rakenne on mietitty loogiseksi ja tärkein sisältö avautuu ensimmäisenä.

Sivujen nopeutta voidaan mitata eri työkaluilla. Hyviä työkaluja ovat esimerkiksi Googlen PageSpeed Insights ja GTmetrix. Nämä työkalut osaavat antaa varsin hyviä neuvoja teknisestä näkökulmasta mikä sivuja hidastaa ja suositella parannuksia.

Koodin siivous

Joka kerta kun käyttäjä vierailee sivuilla, tekee sivusto pyyntöjä palvelimelta eri HTML-, CSS- ja JavaScript-tiedostoihin. Nämä tiedostot ladataan ensimmäisenä ja ne estävät sivujen esittämisen kunnes lataus on valmis. On tärkeää miettiä, mitä resursseja sivuilla tarvitaan, voidaanko niitä optimoida tai mahdollisesti poistaa kokonaan.

Monissa valmiissa sivupohjissa ja frameworkeissa on paljon ylimääräistä koodia mukana. Ne ovat luonteeltaan tarkoitettu muokattavaksi ja laajaan käyttötarkoitukseen. Kaikki ominaisuudet jotka eivät ole käytössä, tulisi poistaa ja jättää jäljelle vain tarpeellinen ja käytössä oleva koodi.

Samaa ajatusmallia tulisi käyttää kaikkien käytössä olevien resurssien kanssa. Ladataanko turhia fontteja, niiden käyttämättömiä leikkauksia tai liian laajaa merkistöä? Tuodaanko sivuille kokonainen ikonikirjasto kun käytössä on vain muutama ikoni?

Facebook, Pinterest ja muut sosiaalisen median jakonapit lataavat myös omat resurssinsa sivuille. Samoin chattipalvelut ja analytiikka-työkalut. Kaiken tarpeellisenkin kohdalla on hyvä miettiä, että painaako uusi ominaisuus vaakakupissa enemmän kuin sivujen lisääntynyt latausaika.

Koodin minimointi

Ylimääräisen koodin karsimisen jälkeen pitäisi jäljellä olla enää vain pakollinen koodi. Koodia voidaan edelleen optimoida minifyn avulla.

Minify on tekniikka, joka pienentää eli minimoi koodin. Koodista poistetaan kaikki turhat merkit, kuten ohjelmoijan tekemät kommentit, rivinvaihdot ja välilyönnit. Näiden poistaminen ei muuta koodin toiminnallisuutta.

Koodi ei ole enää ihmissilmälle kovin luettavaa, mutta tietokone ymmärtää sitä hyvin. Koodin minimointi tehdään automaattisesti työkalun avulla eikä näin vaikeuta koodin ylläpidettävyyteen.

Pakkaus

Vaikka koodi on jo minimoitu, sitä saadaan vielä selvästi pienemmäksi pakkaamalla. Tekstimuotoiset resurssit, kuten CSS- tai JavaScript-tiedostot, voidaan pakata Gzipin tai vastaavan tekniikan avulla.

Lähes kaikki nettiselaimet osaavat lukea näitä pakattuja tiedostoja, joten selain purkaa pakatut tiedostot automaattisesti. Tämä ei näy käyttäjälle mitenkään, paitsi nopeampina latausaikoina. Jos selain ei tue pakattuja tiedostoja, se saa tiedot ilman pakkausta.

Koodin pakkaus

Kuvien optimointi

Kuvat ovat yleensä suurin yksittäinen tekijä sivujen nopeudessa. Jokaisen kuvan kohdalla oleellinen kysymys kuuluu, onko kuva ylipäätään tarpeellinen? Turhia kuvia ei tulisi käyttää. Toisaalta, mikään ei myöskään korvaa hyvää kuvaa.

Kuvien optimointi alkaa oikean tyyppisen kuvan valinnalla. Jos kyseessä on yksinkertaista grafiikka, ikoni tai piirroskuva, kannattaa ne esittää vektorimuodossa. SVG-tiedostot ovat yleensä erittäin pieniä ja ne skaalautuvat, eli ovat aina teräviä.

Yleisimpiä rasterikuvien muotoja ovat PNG, JPEG, WebP ja GIF. PNG-tiedostoja käytetään harvoin, yleensä kun kuvassa tarvitaan läpinäkyvyyttä. GIF-tiedostoja käytetään animaatioiden esittämiseen, mutta monesti on tehokkaampaa esittää ne videotiedostoina.

Kaikki kuvat kannattaa pakata. SVG-tiedostoista riisutaan turha koodi pois. Rasterikuvat saa pakattua murto-osaan koska kuvien ei yleensä tarvitse olla huipputeräviä. Pakkaamiseen löytyy monia selaimessa toimivia työkaluja kuten Compressor.io tai Imagify. Näppärä työpöytäohjelma on ImageOptim.

Rasterikuvien kohdalla (JPEG, WebP, PNG) on tärkeää, että kuvat tarjotaan oikean kokoisena kussakin tilanteessa. Valittavan kuvan kokoon vaikuttaa niin näytön koko kuin sen resoluutio. Samaa kuvaa jota käytetään isolla näytöllä, ei tule käyttää puhelimella.

Pluginit

WordPressin plugineja eli lisäosia kannattaa käyttää hyvin harkitusti. Huonot ja vanhentuneet lisäosat voivat hidastaa sivuja merkittävästi ja ovat usein myös turvallisuusriski.

Kokonaan lisäosia ei ole tarkoitus välttää, mutta jokaisen kohdalla kannattaa käyttää harkintaa. Käyttämättömät lisäosat kannattaa deaktivoida ja poistaa.

Lisäosien nopeutta ja niiden vaikutusta koko sivujen nopeuteen voidaan testata. Jos joku lisäosa toimii erityisen hitaasti, kannattaa etsiä parempi vaihtoehto tilalle.

Nopea käyttökokeums

Nopeat nettisivut eivät tarkoita vain nopeita latausaikoja. Sivujen pitää myös tuntua nopeilta ja sisällön löytyä helposti. Hyvin optimoitu koodi tai nopeat yhteydet eivät auta asiaa, jos sivut tuntuvat sekavilta ja huonosti organisoiduilta.

Sivujen navigaation tulee olla selkeä ja looginen. Valikkojen tukena käytetään verkkokaupoissa ja isommilla sivuilla sisäistä hakua, jonka tulee myös toimia hyvin. Sisällön tueksi tehdään nostoja, joilla yritetään ennakoida minne kävijä haluaa mennä seuraavaksi.

Jokaisella sivulla tärkeimmästä sisällöstä tulisi päästä kiinni heti, ilman että sivua tarvitsee selata. Toissijainen sisältö löytyy kun kävijä tutustuu pääasiaan.

Teknisesti sivujen tulee toimia sujuvasti ja vastata käyttäjän toimiin. Sivun selaaminen ei ole nykivää ja tuotekaruselli toimii sujuvasti sormella. Animaatioilla voidaan tehostaa ja selkeyttää käytettävyyttä.

Sivujen pitäisi myös pysyä nopeina julkaisun jälkeen. Nopeista nettisivuista saa helposti tehtyä hitaat, kun ladataan paljon raskasta sisältöä tai lisätään huonolaatusia lisäosia.

Nopea käyttökokeums

Palvelin

Palvelinten vastausajat ovat yksi oleellinen tekijä sivujen nopeudessa. Kun kävijä siirtyy haluamalleen nettisivulle, selain tekee palvelimelle pyynnön joka palauttaa sivun sisällön käyttäjälle. Hidas tai ylikuormittunut palvelin on siis yksi mahdollinen syy hitaisiin nettisivuihin.

Markkinoiden edullisin palvelin ei yleensä ole paras vaihtoehto, kun halutaan nopeat nettisivut. Erityisesti, jos sivuston kävijämäärä on kasvamassa suuremmaksi, kannattaa miettiä parempaa vaihtoehtoa. Hyvä palvelin kasvaa sivuston mukana ja sille voidaan lisätä resursseja, jotka vastaavat sivuston tarpeisiin ja kävijäpiikkeihin.

Lisää aiheesta

Googlen Lighthouse -työkalun avulla voi analysoida sivujen nopeutta, saavutettavuutta, hakukonenäkyvyyttä ja monia muita hyödyllisiä asioita.

 https://nvl.studio/nopeat-nettisivut/ Nopeat nettisivut 2021-06-12T00:00:00 Nettisivujen nopeutta voidaan parantaa kuvia pakkaamalla, koodia optimoimalla ja palvelimen valinnalla. Myös käyttöliittymän pitää olla selkeä ja sisällön helposti saavutettavissa. Ero hitaiden ja nopeiden nettisivujen välillä mitataan rahassa.

Yhdet ja samat nettisivut tulisi toimia monenlaisilla laitteilla; puhelimilla, tableteilla, pöytäkoneilla, älytelevisioilla ja jopa pelikonsoleilla. Tämän takia nettisivuista tehdään skaalautuvat eli responsiiviset. Sivujen rakenne ja ominaisuudet sopeutuvat ympäristön mukaan.

Käytettävien laitteiden kirjo on laaja ja niiden näytöt ovat hyvin erilaisia. Pöytäkoneissa näytöt ovat suuria ja vaakamallisia, tablettien ja puhelinten näytöt ovat pieniä ja niitä käytetään läheltä ja pystyasennossa.

Samojen nettisivujen tulisi kuitenkin toimia kaikilla laitteilla, näytön koosta, laitteen ominaisuuksista ja käyttöasennosta riippumatta. Ratkaisuna haasteeseen nettisivujen rakenteesta tehdään responsiiviset eli skaalautuvat. Sivujen rakenne ja ulkoasu joustaa näytön koon mukaan.

Nettisivujen skaalautuvuuden voi todeta millä tahansa sivustolla. Verkkokauppa avataan pöytäkoneella selaimeen, napataan hiirellä selaimen toisesta laidasta kiinni ja pienennetään selainta. Jos tuotteita näkyy leveimmillään kuusi rinnakkain, näkyy niitä kapealla näytöllä kolme, kaksi tai yksi.

Sormella vai hiirellä

Pöytäkoneita käytetään hiirellä ja näppäimistöllä, puhelimia ja tabletteja sormilla. Hiirtä käytettäessä on paljon helpompi klikata pientäkin linkkiä tai valita tekstiä tarkasti. Sormella tämä ei olekaan niin helppoa. Tämän takia kosketuksen käyttö täytyy ottaa huomioon nettisivujen suunnittelussa. Linkit ja napit, ja erityisesti niiden kosketusalueet täytyy suunnitella suuremmaksi jotta valinta onnistuu myös sormella.

Nettisivujen navigointi on myös erilaista kosketuksella. Pöytäkoneella galleriaa selataan klikkaamalla, puhelimella kuvia on mukavempi katsoa pyyhkäisemällä. Pöytäkoneilla valikko saattaa tulla esille kun hiiri viedään linkin päälle. Tämä ei tietenkään toimi puhelimella. Valikot ja kaikki tieto pitää olla saatavilla sormen painalluksella ja tämä tulee kertoa selvästi.

Skaalautuvat nettisivut

Tarkat näytöt

Puhelimien näytöt ovat selvästi tarkempia kuin pöytäkoneiden. Tämä johtuu siitä, että niitä katsotaan paljon lähempää. Muiltakin osin puhelimien näyttöjen kehitys on jättänyt pöytäkoneet jälkeensä.

Perinteisille näytöille suunniteltu grafiikka ja valokuvat näyttävät hyvin pehmeiltä ja epätarkoilta korkeamman resoluution näytöillä. Tämän takia suurempi resoluutio tulee ottaa huomioon sivuilla käytettävissä valokuvissa ja grafiikassa.

Moni grafiikka voidaan esittää vektorimuodossa, joka näyttää aina tarkalta näytön resoluutiosta riippumatta. Kaikki valokuvat ja osa muustakin grafiikasta joudutaan silti esittämään bittikarttakuvina. Tällöin joudutaan käyttämään suurempia kuvien kokoja.

Suurien kuvien ongelma liittyy kasvaviin tiedostokokoihin. Isot tiedostokoot hidastavat sivuja ja vaikuttavat hakukonesijoitukseen. Tähän on kuitenkin olemassa monia eri keinoja, jolla sivut saadaan toimimaan tehokkaammin. Ajatuksena on, että ladataan kulloisessakin tilanteessa optimaaliset kuvat, ei epätarkkoina, muttei liian tarkkoina.

Teksti

Jotta teksti pysyisi luettavana kaikilla laitteilla, täytyy myös sen skaalautua. Puhelimia ja tabletteja luetaan lähempää, joten tekstin koko myös pienenee niillä. Samoin otsikoiden ja tekstin väliset kokoerot pienenevät.

Suositeltava rivin pituus on 50-60 merkkiä. Liian pitkällä rivillä silmä väsyy ja tippuu helposti matkasta, liian lyhyet rivit ovat stressaavia silmälle.

Tekstikappaleiden, otsikoiden ja muun sisällön välinen tila tulee olla riittävä ja sopusoinnussa. Määrittelyssä kannattaa käyttää suhteellisia yksiköitä, jotta kokonaisuus skaalautuu kaikilla näytön koilla, eikä vain kiinteästi määritellyissä pisteissä.

Lisää aiheesta

Utopia auttaa suunnitelemaan skaalautuvat tekstin ja otsikoiden koot sekä tilat elementtien välillä.

https://nvl.studio/skaalautuvat-nettisivut/ Skaalautuvat nettisivut 2021-06-02T00:00:00 Yhdet ja samat nettisivut tulisi toimia monenlaisilla laitteilla; puhelimilla, tableteilla, pöytäkoneilla, älytelevisioilla ja jopa pelikonsoleilla. Tämän takia nettisivuista tehdään skaalautuvat eli responsiiviset. Sivujen rakenne ja ominaisuudet sopeutuvat ympäristön mukaan.