Updated Answer
I've rotated the image (and redrawn it to correct scale) and added some labels & lines.

Drawing in the four red lines divides each quadrilateral in the original shape into isosceles triangles (blue) and a second triangle (white). The four isosceles triangles are identical.
If we call the length of the red line $x$ and lets call the height of each triangle $a$, $b$, $c$ and $d$ respectively. Note that $a+c=x=b+d$.
Lets find the area of each triangle.
$$Area_A=\frac{ax}{2}, Area_B=\frac{bx}{2}, Area_C=\frac{cx}{2}, Area_D=\frac{dx}{2}$$
As $a+c=x=b+d$ then we have:
$$Area_A+Area_C=\frac{ax}{2}+\frac{cx}{2}=\frac{x^2}{2}=\frac{bx}{2}+\frac{dx}{2}=Area_B+Area_D$$
We can add on the area of each blue isosceles triangles to each of $Area_A, Area_B, Area_C, Area_D$ to get: $16+32=20+?$ which gives the unknown area as $28$.
Note the length $x$ is not needed to be known (or even really mentioned unless you are doing long in-depth steps like this updated answer).
Original Quicky Answer
With the inclusion of the red lines you have four triangles with identical base of the red line. The area of a triangle is found by $\frac{1}{2}\times base \times height$. Using this to calculate the sum of the area of two triangles directly opposite each other you will get $\frac{1}{2}$ times the length of the red lines squared. Then you can add the identical green triangles onto this to get the following: $32+16=20+?$ resulting in an answer of $28$.