Een ecosysteem op papier zetten

Leestijd: 2 minuten

Een ecosysteem op papier zetten, nou ja, digitaal dan. Dat is iets dat ik al heel erg lang voor ogen had. Lang heb ik gezocht naar de manier waarop dat het beste kon. Ik ben niet echt een grafisch designer, dus dat wordt hem niet. Trello was lange tijd voor mij een uitweg, maar heeft het niet gehaald omdat ik licht had gevonden met Google Drive. Echter, ook dat was niet het ultieme middel. Althans. Dat dacht ik tot voor kort, maar wellicht is Google Drive nou juist wel het middel om informatie op te slaan over het ecosysteem.

Het blijkt gewoon mijn eigen website te zijn met een goede zoekfilter. Tsja… Dat had ik wel eerder willen weten. Maar goed. Ik ga uitleggen wat een ecosysteem is en ik ga hem laten zien.

Een ecosysteem kent iedereen als een begrip vanuit de biologie. Echter, ik gebruik hem – en velen met mij – op een manier die beschrijft hoe bepaalde dingen samenkomen en samenhangen. Het heeft alles te maken met een overzicht van hoe bepaalde dingen gaan en hoe die dingen tot stand komen.

Laat me beginnen bij het begin…

Als eerste moet je beseffen dat dingen gebeuren. Sommige dingen eenmalig, sommigen structureel en anderen altijd. Dat is een onderscheid in de dingen die gebeuren.

Dat zou je kunnen zien als de eerste laag van het ecosysteem

In het kort zit het dus zo; je hebt dingen die gebeuren en die gebeuren:

  • Voor dat iets ervaren wordt
  • Tijdens dat iets ervaren wordt
  • Na dat iets ervaren wordt
  • Voor, tijdens en na; altijd dus

Dat laten we beginnen met een onderscheid tussen de ‘voorkant’ en de ‘achterkant’ van het ecosysteem. De voorkant ervaart degene in het ecosysteem aan de voorkant. Aan de achterkant wordt alles in het werk gesteld om de ervaring aan de voorkant voor elkaar te krijgen.

Ik neem als voorbeeld Devoked. Zo kan ik het wat duidelijker maken. Het is niet zo dat alles wat hieronder staat helemaal juist is op dit moment, maar zo heb ik het ooit opgeschreven en ik pas het later weer aan als dat nodig is.

De achterkant in het ecosysteem van Devoked

Voor, tijdens en na: altijd

Hier beschrijf ik wat Devoked altijd doet aan het bedrijf

Intern onderzoek

Het interne onderzoek dat achter de schermen afspeelt (misschien nu niet meer doordat ik het openbaar met deze blog) is weer nader onder te verdelen in intern onderzoek dat zich richt op zaken achter de schermen en zaken voor de schermen.

Achter / voor de schermen de schermen

Waar achter de schermen onderzoek naar gedaan moet worden, is opgedeeld in drie delen:

  • Korte termijn
  • Middellange termijn
  • Toekomst

Ik denk zelfs dat het handig is om deze informatie dan weer te koppelen in Trello. Omdat je daar mooi kan swipten met kaarten, wat dus een beter overzicht geeft in de dingen die gedaan moeten worden.

Literatuuronderzoek

Hier is de beste plek wel degelijk Google Drive, omdat ik mijn literatuur het liefste digitaal lees, zodat ik gelijk aantekeningen kan maken.

Voor Devoked ervaren wordt

Hoe ziet het ecosysteem er uit voor Devoked ervaren wordt? Dat proces hebben wij onderverdeeld in drie fases:

  1. Onbewust zijn van Devoked: iemand heeft nog geen idee dat Devoked bestaat.
  2. Bewust worden van Devoked: op een bepaalde manier komt Devoked in het bewustzijn van degene die Devoked ervaart.
  3. Geïnteresseerd worden in Devoked: iemand vind wat Devoked doet interessant, maar is nog geen gebruiker van onze dienst (geïnteresseerde).

De voorkant in het ecosysteem

Ontdek de ervaring

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}
				
			
				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>
				
			

Long Read

nu slechts 4,70!

Uren
Minuten
Seconden

Portfolio

Devoked | Portfolio Design Business Design Web Design Experience Design Service Design Visual Design Web Design Introductie Introductie Wat is Web Design? Web Design bestaat

Lees verder »

Contact

+31 6 36 08 19 62 joep.schoppen@devoked.com Whatsapp: click to chat Linkedin Facebook Instagram Youtube Devoked

Lees verder »

In winkelmandje tekst aanpassen

Met deze code in je functions.php verander je de tekst van de knop: in winkelmandje. add_filter( ‘woocommerce_product_single_add_to_cart_text’, ‘md_cart_button_text’ ); function md_cart_button_text() { return __( ‘Direct

Lees verder »

Interactive Cloud Maps

Interactive Cloud Maps Alle categorieën Board(2) Geen categorie(3) Interactieve Cloud Map(4) Kaarten(0) Onderzoek(6) Ontwikkeling(4) Optimallisatie(1) Tracker(2)

Lees verder »

Webshop UX

Pagina Favicon Titel Omschrijving Headers Menu’s Mega menu Horizontaal Verticaal (zij-balk) * Artist Chocolate Notes * Onderzoeken Ontwerpen Ontwikkelingen Dropdown Logo’s Homepagina Landing Scrollen Klikken

Lees verder »

Boek / boekbeleving

De boekbeleving bestaat zoals iedere beleving uit voor, tijdens en na met als tegenpool de voor- en achterzijde van de beleving. Schematisch is dat: Voor

Lees verder »

RSS-fout melding in WordPress

In het dashboard van WordPress zie ik deze melding: RSS-fout: A feed could not be found at `http://reduxframework.com/feed/`; the status code is `404` and content-type is

Lees verder »

Header scroll effect.

Stap 1. Om de header te laten verdwijnen wanneer je naar beneden scrolt, daarvoor moet je de volgende HTML toevoegen. Voeg deze HTML code toe

Lees verder »

Een webshop maken

In dit artikel neem ik je stap voor stap mee in het maken van een webshop. In korte tijd leer je hoe je een webshop

Lees verder »

Een mandaat, wat is dat?

Ik hoor het woord ‘mandaat’ steeds vaker terugkomen als het gaat om politiek, maar wat betekent dit eigenlijk? In dit artikel ga ik het uitzoeken

Lees verder »

Slapen

Slapen moeten we allemaal. Daarom beschrijf ik in dit artikel de ervaring voor, tijdens en na het slapen van de gemiddelde mens. Voor het slapenVoor

Lees verder »

Tools

Tools Tools helpen bepaalde dingen vast te leggen, zodat je er later op kunt terugkijken met een analytisch oog. 

Lees verder »

Wat is epigenetische neurogenese?

Wat is epigenetische neurogenese, en wat betekent het eigenlijk? Definities De stam van epigenetisch(e) is epigenetica en de stam van neurogenese is neurogenetica. Wat betekenen

Lees verder »

Nadenken over afval

Mensen produceren afval en dat afval, daar moet iets mee. Nu is het nog zo dat wij dat zelf moeten fixen, maar hoeveel chiller zou

Lees verder »

Devoked header

De Devoked header vereist op dit moment nog twee dingen. Aan de ene kant moet het een mega menu krijgen om de Ervaar een beleving

Lees verder »

MovingMatters Redesign

In dit artikel wordt een redesign beschreven voor de website van MovingMatters.nl. Het huidige ontwerp is afgerond in oktober 2020. Dit betekent dat het ontwerp

Lees verder »

Website redesigns

For dutch click here. Website redesign are essential for the experience of the end-user. To understand the redesigning process user interfaces on the web, we

Lees verder »

Pop-up call to action

Ik ga proberen om een pop-up te laten verschijnen voor een relevant e-book. Dit wordt getriggert door een stukje tekst in een bericht. Misschien lukt

Lees verder »

Citaten opmaken in WordPress

Om citaten op te maken met CSS moet je deze code invullen: blockquote { Vervolgens kun je zelf CSS toevoegen, zoals border-left:3px solid #428bca;padding-left:10px Zo

Lees verder »

Wat zijn neurotransmitters?

Iedereen kent wel de ‘stofjes’ die in je hoofd zitten zoals dopamine, adrenaline of endorfine. Dit zijn allemaal neurotransmitters en ik ga in dit artikel

Lees verder »

Een dagboek bijhouden

Als mens is het fijn om sommige dingen van je ad te schrijven in een dagboek. Deze informatie is vaak prive, en niet bedoeld voor

Lees verder »

Sitemap maken

Om een mega menu te maken, is er eerst iets nodig dat een sitemap genoemd wordt. Een sitemap is een visuele weergave van de pagina’s

Lees verder »
Maker

De ‘posts’ pagina

De ‘post’ pagina is een template gemaakt om een enkele post mee vorm te geven. Op dit moment is de omslagfoto nog best wel groot,

Lees verder »

Code

.nav_item:hover + .menu_content::after , .nav_item:focus-within + .menu_content::after, .menu_content:hover::after, .menu_content:focus-within::after { content:”; position: fixed; width: 100%; height: 100vh; left:0; pointer-events: none; overflow: hidden; background-color: rgba( 0,

Lees verder »
Adviseur

UX analyses & adviezen

In dit artikel ga ik overzicht bijhouden van alle UX analyses en adviezen die Devoked heeft uitgevoerd. Als methode gebruik ik deze zelfontworpen Google Sheet,

Lees verder »

Leesbaarheid onderzoek van tekst op desktop

Samenvatting: Ter verbetering aan mijn huidige blog ben ik tot het inzicht gekomen om een korte samenvatting te schrijven onder mijn titel binnen de blog. Dat heb ik nog niet eerder gedaan, maar ik moet even kijken of het in de instellingen geregeld kan worden.

Lees verder »
Ontwerper

Devoked Blog ontwerpen

Voor ik kon beginnen met het ontwerpen van de Devoked Blog, heb ik eerst een leesbaarheidsonderzoek gedaan. Nu ga ik beginnen met het doorontwerpen van

Lees verder »

Leesbare lettertypes

Source code pro Lettertypes kiezen die het ‘lekkerste ‘leest. Laat ik beginnen met een standaard tekstje die bepaalt hoe leesbaar deze tekst is. Het gaat

Lees verder »

Een live document

Een live document is een document wat met enige regelmaat ge-update wordt met informatie. Een voorbeeld van een live document zijn bijvoorbeeld ramingen die gemaakt

Lees verder »

Usability testen

Wat is dat eigenlijk ‘usability’? En hoe test je dat? Volgens Bob de Webbouwer betekent usability gebruiksvriendelijkheid. De gebruiksvriendelijkheid kun je dus testen.

Lees verder »

Shop

Shop Devoked Vormgeven Routekaarten Plan van Aanpak Website ecosysteem Website site-map Website animaties Brainstormen Website Wordpress E-mail Onderzoeken Gebruiksvriendelijkheid Productie Transport Ontwerpen Recente ervaringen Website

Lees verder »

Paginasering van de blog

De blog heeft op dit moment een paginasering, maar ik wil eigenlijk dat dit wort vervangen met een lazy load achtige functie, tevens wil ik

Lees verder »