UI/UX-portfolion rakentaminen käyttäjälähtöisesti

Esittelen työni kautta omat arvoni: selkeys, saavutettavuus ja käyttäjälähtöinen suunnittelu.

M. Meikäläinen

UI/UX-suunnittelija

Teen digitaalisista palveluista selkeitä, saavutettavia ja ihmiselle sopivia. Uskon, että hyvä käyttöliittymä ei näy – se vain toimii. Tervetuloa tutustumaan työhöni!

Käytettävyys ja saavutettavuus työn ytimessä

Saavutettavuus ei ole lisäominaisuus – se on perusta. Tällä hetkellä syvennyn erityisesti semanttiseen HTML:ään, ARIA-tunnisteisiin ja siihen, miten värit ja typografia vaikuttavat luettavuuteen. Näissä projekteissa olen harjoitellut sitä, kuinka visuaalinen ilme ja toiminnallisuus kulkevat käsi kädessä.

Saavutettavien käyttöliittymien suunnittelu WordPressillä

Tällä sivustolla syvennyn WordPressin low-code-mahdollisuuksiin saavutettavan suunnittelun näkökulmasta. Käytän valmiita komponentteja ja muokkaan niitä niin, että sisältö on luettavaa, navigaatio selkeää ja käyttökokemus sujuvaa. WordPress toimii minulle alustana, jossa voin kokeilla, oppia ja hioa käyttöliittymää vaihe kerrallaan käyttäjäystävälliseksi.

Käyttäjätutkimus

Suunnittelun pohjana ovat käyttäjien tarpeet, tavoitteet ja todelliset käyttökontekstit.

Visuaalinen selkeys

Visuaalinen hierarkia ja riittävä kontrasti tukevat saavutettavuutta ja helppoa hahmotettavuutta.

Saavutettavuus

WCAG-ohjeiden huomiointi on olennainen osa jokaista suunnitteluratkaisua.

Aitoja oppimiskokemuksia käyttäjiltä

Käyttäjäpalaute on paras opettaja. Näissä projekteissa testasin, miten selkeys ja saavutettavuus muuttavat käyttökokemusta käytännössä.

Yksinkertaistaminen paransi ymmärrettävyyttä

Karsin turhia elementtejä ja selkeytin sisältörakennetta. Testikäyttäjät löysivät hakemansa nopeammin – ja opin, että vähemmän on saavutettavuuden kannalta usein enemmän.

Kuva henkilöistä konseptin äärellä.
Lähikuva silmästä joka "näkee värejä".

Värit ja kontrastit eivät ole vain estetiikkaa

Säädin painikkeet ja virheilmoitukset riittävään kontrastiin ja kokoon. Pieni muutos teki sivusta käytettävän myös näkövammaisille ja mobiilikäyttäjille kirkkaassa valossa.

WordPress-lohkot nopeittivat kokeilua

Low-code-työkalujen ansiosta pystyin prototyyppaamaan asetteluja ilman koodausta. Jokainen versio testattiin käyttäjillä, ja palautteen pohjalta hioin lopullisen ratkaisun.

Tietokoneen näyttö joka esittää wordpressin lohkoja,

Tervetuloa tutustumaan portfoliooni. Tämä sivusto on kokoelma oppimistani, kokeiluistani ja oivalluksistani käyttöliittymäsuunnittelun parissa. Täältä löydät projektejani, suunnitteluperiaatteitani ja ajatuksia siitä, miten saavutettavuus ja selkeys kohtaavat digitaalisessa ympäristössä. Selaa rauhassa – ja jos haluat jutella suunnittelusta tai WordPressin low-code-mahdollisuuksista, olethan yhteydessä.

Tietokoneen näyttö joka toivottaa tervetulleeksi.