Mitä tarkoittaa UI ja UX?
- Emre Durmuş
- 28.1.
- 1 min käytetty lukemiseen
UI ja UX tarkoittavat käyttöliittymää ja käyttäjäkokemusta, selkeä ja ymmärrettävä opas aloittelijoille.
UI (User Interface)
= Käyttöliittymä
Miltä sovellus tai sivu näyttää
Värit, napit, fontit, ikonit
Se, mitä käyttäjä näkee
UX (User Experience)
= Käyttökokemus
Miltä sovelluksen käyttö tuntuu
Onko helppo ja nopea käyttää
Se, miten käyttäjä kokee palvelun
Miksi UI-suunnittelu on tärkeää?
Se tekee käytöstä helppoa
Käyttäjä ymmärtää nopeammin
Antaa hyvän ensivaikutelman
Tekee tuotteesta selkeän ja kauniin
Hyvä UI = parempi kokemus
Millainen on hyvä verkkosivus- ton käyttöliittymä / ulkoasu?
Selkeä ja yksinkertainen
→ Ei liikaa tekstiä tai elementtejä
Helppo navigointi
→ Valikot ovat loogisia ja helppoja löytää
Yhtenäiset värit ja fontit
→ Sivusto näyttää siistiltä ja ammattimai- selta
Toimii kaikilla laitteilla
→ Tietokone, tabletti ja puhelin
Esimerkkejä hyvästä UI:sta:
Verkkokauppa - jossa ostoskori löytyy helposti ostopainike on selkeä
Lyhyesti: Hyvä UI = selkeä, helppo ja miellyttävä käyttää
Verkkosivuston suunnitteluprosessin vaiheet
Suunnittelu Mietitään tarkoitus ja kohderyhmä Päätetään, mitä sivusto sisältää 2. Rakenne ja sisältö Sivujen rakenne ja navigointi Tekstit ja kuvat suunnitellaan 3. UI-suunnittelu Värit, fontit ja painikkeet
Toteutus
Sivusto rakennetaan teknisesti
Testataan, että kaikki toimii
Julkaisu ja ylläpito
Sivusto julkaistaan
Päivitykset ja parannukset
Mitä ohjelmia käytetään?
Figma – UI-suunnittelu ja prototyypit
Adobe XD / Photoshop – ulkoasu ja kuvat
Visual Studio Code – koodaus
WordPress / Wix – verkkosivun rakentaminen
Lyhyesti: Hyvä prosessi = toimiva ja selkeä verkkosivusto
1 kommentti