The document summarizes the content available on a climate change adaptation website. It describes sections on data, knowledge products, tools and publications. It focuses on the Adaptation Resources Kit (ARK) which provides information on sectors impacted by climate change, hazard and impact maps, case studies of adaptation experiments, and an adaptation simulator. The ARK allows users to filter case studies by sector and adaptation type, select areas on interactive maps, and test the effects of adaptation options on flood areas. Feedback from users helps improve the design and ensure the website meets user needs.
2. 2
Entry page：Effective design with concise messages
Clear display of all categories of
content offered on the website,
ranging from data, knowledge, tools
and publications.
Data
Services
Adaptation
Resources
Kit (ARK)
Knowledge
sharing
Slideshow displays the latest update
on the website. All slides contain an
accessible link directly to the
content page, giving visitors an
opportunity to explore the latest
development of our work.
Shortcuts to the most popular
functions/contents on the website.
Data store Historical
records
Future
projections
Climate
change
index
Climate
change
column
Special
Report
Technical
document
3. 3
Adaptation Resources Kit (ARK)：
A toolkit that assists in carrying out adaptation action
Shortcuts to the relevant
information on 7 different sectors:
agriculture, water resources, coastal
zones…etc.
Hazard
Map Records of adaptation experiment
conducted by the TCCIP team
Impact
Assessment
Map
Adaptation knowledge: This contains
brief introductions on adaptation
frameworks, tools and case studies
that our team had gathered
throughout the years of our research.
Adaptation Simulator: Using SOBEK
model, we were able to calculate the
flooded area of San-ye Creek region
and offer the users a glance of the
positive effects of different
adaptation options when they are
applied.
...
4. 4
ARK：Adaptation knowledge (Case studies)
This is the control
panel with tabs
that can quickly
jump around
pages, which
includes
adaptation
framework, tools
and
international/local
case studies.
Cases that fit the set
condition will be
display on the right,
allowing user to
quickly filter
information
according to their
needs.
In case studies,
we categorize all
the collected
cases according to
sectors (the 7
sectors that we
work with) and
the type of
adaptation option
they fall under
(namely physical,
social and
institutional)
5. Main control panel
to shift between
hazard, impact
assessment map
and the adaptation
experience sharing
page.
5
ARK：Hazard and Impact Assessment Map
Users can easily
select their index
and area of
interest.
All maps come with
brief notes on
important findings
that need special
attention.
All maps are designed in a similar
fashion to maintain coherence in
information display among different
sectors and indexes, so to avoid
adding complexity to interpreting the
map.
6. 6
ARK：Records of Adaptation Experiment
The left side panel is
the background
information section,
where we explain
what this page
contains and how
these information can
help the users.
Content usual involves
a combination of
pictures, graphs,
videos and news links
(when applicable).
Four icons allows
instant switch among
pages without
interrupting the left-
side information panel.
Exact location of our
experimental site.
7. Map on the left hand side shows
the flooded area under climate
change scenario without
considering any additional
adaptation action. The map of
the right hand side will show
how flooded area might change
when additional adaptation
option is applied (adding new
facilities etc.).
This panel lists 5
adaptation
actions that are
most often used
in combating
urban flooding.
Users can drag
the button on the
selection bar, to
see the probable
changes of the
flooded area
when action is
used separately
and in
combination with
other actions.
7
ARK：Adaptation Simulator
This part explains
what this simulator
does
8. 8
Users’ feedback
The design of the website content usually reflects the expectations and the needs of
our users. This is often done through workshops or seminars.
This allows us to first handedly engage the users to comment on our website and
make it easier to expand conversation on some issues when the feedback requires
further explanation.
