MIMOA. UID MIMOA Demo 0.8 Version: UID_v0.83.vsd. Versie: UID_v0.83.vsd. UID MIMOA Launch. Matthijs Collard 1. Elements 2. Elements 2 3.

(1)

MIMOA

UID MIMOA Demo 0.8

Version: UID_v0.83.vsd

Elements

2 Elements 2

3 Elements 3

4 Homepage

5 Marker Managing

6 Marker Managing continued

7 Full size map Detail page

8 Project Detail page demo 0.8

9 Contactpage

10 Newsletter Logged in

11 Newsletter Not logged in

12 Login

13 Register | Details

14 Mi Profile

15 Mi Moa | Mi Favorites

16 Mi Moa | Been there

17 Mi Moa | Mi projects

18

(2)

Elements

Search

Elements used on the Mimoa Pages

Default

Completed

Date selector

Keyword search

Popular cities Search:All cities

Everything

Projects

Designers

Locations

Project teams

Contributors

Photographer

02 Jun 2006

From

To

From and To date is default set to “today”

If the “from” date is set after to a date past

the “to” date, then “to” automaticly gets

date of “From”

m

oktober ’06

d

w

d

v

z

1

2

3

4

5

6

7

8

9 10 11 12 13 14 15

16 17 18

19 20 21 22

23 24 25 26 27 28 29

30 31

Dates that can not

be selected because

of constraints are

greyed out. Selected

date is highlighted

(i.e. date is in the

past)

Pull down (Implement

with advanced search

Keyword Search Popular cities Advanced search

Friendly URL’s

Breadcrumbs

Breadcrumbs are unobtrusive and

useful:

- They show users their current

location in the site hierarchy

- They allow users to backtrack to

higher levels

- Though they are often overlooked,

they never cause problems in usability

tests

- They take up very little space

project:

home > projects > The Netherlands > Amsterdam > The Whale

search result:

home > search > search result

advanced search: home > search > advanced search

advanced result:

home > search > advanced search > search result

Add a project:

home > users > pietje > project overview > add a project

Your profile:

home > users > pietje > my profile

Public profile

home > users > pietje

Log in:

home > log in

Register:

home > register

Breadcrumbs should show the site hierarchy, not the user's history.

Friendly URL’s and Breadcrumbs are equally build up.

Project:

http://www.mimoa.eu/projects/The_Netherlands/Amsterdam/The_Whale

search result:

http://www.mimoa.eu/search/search.php?search=barcelona

advanced search: http://www.mimoa.eu/search/advanced_ search

advanced result:

http://www.mimoa.eu/search/advanced_ search/search.php?search=barcelona

about page:

http://www.mimoa.eu/about

Add a project:

http://www.mimoa.eu/users/pietje/project_ overview/add_ a_ project

Your profile:

http://www.mimoa.eu/users/pietje/my_profile

Log in:

http://www.mimoa.eu/log_ in

register:

http://www.mimoa.eu/register

Use _ (underscore) for spaces

On click will empthy field

Countries, cities and project names

are written with capitals.

Use screen name for personal

pages. Screen name will be a unique

field

Use screen name for personal pages.

Screen name will be a unique field

(3)

Elements 2

Elements usedon the Mimoa Pages

Add comment

Submit

Name

We prefer you log in when posting a comment. No MIMOA account? Register here!

Not logged in

Add comment

Submit

Name Pieter Brand

Logged in

After clicking this link, the

user will be taken to the log in page. When successfully logged in, the user will be redirected to this page and not to the project detail page!

Capitals

You are not Pieter Brand? Log out

In a later stage, when there are many members, the old situation could be restored!

Everybody can post. Name be validated. Must be SPAM free!

Comments

Tell A Friend

X Close

Tell A Friend about

The Whale

Send to your friend! [email protected]

Your name Your email address Your friends email

Jan

[email protected]

Separate multiple addresses with a comma (,)

Message (optional)

Thickbox popup

Hi

Jan wants you to see this project at MIMOA:

http://www.mimoa.eu/projects/The_Netherlands/Amsterdam/

The_Whale

[personal message] Jan [email protected] X Close

Message sent!

Back to MIMOA

Popup

Confirmation

If user is logged in, details will be filled in automaticly

Or tell more friends!

Show tell a friend window again

The Whale, see it at MIMOA Jan

From Subject

Editable Region

Email content

The details you provide on this page will not be used to send

unsolicited e-mail, and will not be sold to a 3rd party.

(4)

Elements 3

Rate this project

Rating

Thanks for rating!

User can rate once based on session/ip Log in to rate!

Not logged in

Logged in

Rated

Calculation 1 star is 1 point 5 stars is 5 points Saving ratings

MIMOA wants to know the rating of a project split out to country of users who rated. These statistics will be used in a later phase.

When a user rates, the amount of points is saved together with the country of the person rating. No other information has to be saved.

Average rating is calculated over all ratings per project

Log in to rate!

Not rated and not logged in

(456 Ratings) (Not rated yet)

(456 Ratings)

Design: half stars look good?

User can use stars to rate himself. Pietje Mi Profile

Personal section

Not logged in

Log in Register

Logged in

Public profile (personal page)

(5)

Homepage

HOME PROJECTS NEWS MIMOA

MIMOA

? MI PAGES

Pietje Mi Profile Home

Mi Guide Beta online!

We have been wd, but since late laLorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse nec urna. Aliquam pellentesque volutpat odio. Aliquam convallis

Try it now! 23 jan ’07 by Pietje

Architecture Tour

Suspendisse nec urna. Aliquam pellentesque volutpat odio. Suspendisse nec urna. Suspendisse nec urna. Aliquam convallisRead more

23 jan ’07 by Pietje

Keyword Search

Popular cities Advanced search

_{BMW Plant, A Factory in Leipzig, Zaha Hadid}

About Mimoa

Europe’s Modern Architecture organised, mapped and waiting to be discovered by You! Mimoa is the all-you-need-to know Architecture Guide

More about Mimoa

Latest additions

THE WHALE Amsterdam, Netherlands Ontwerpgroep Trude Hooykaas Contributed by Pietje IJ TUNNEL Amsterdam, Netherlands Ontwerpgroep Trude Hooykaas Contributed by Pietje

ROBERTO BOTTICELLIE S... Amsterdam, Netherlands Ontwerpgroep Trude Hooykaas Contributed by Pietje

Contribute, comment and be part of MIMOA

Show latest three projects Random Image

and description and subtitle

Text editable in rich text editor, webkeeper

Register

contributed by Mike

This whole section (All news items) in one rich text editor. Mimoa is free to decide what to display here. 1 or more newsitems, announcements, etc. Also, when a Blog is implemented, Mimoa can link to the blog etc

News

Project focused on map

(6)

Marker Managing

Wereld / Europa Level 0-9

Er moet een oplossing komen voor het clusteren van de projecten op de verschillende zoomniveau’s. Er worden 4 verschillende views gedefinieerd en wel: Europa, Land, Stad en Straat.

Schaal

De genomen levels zijn inschattingen. Indien de praktijk uitwijst dat de schaalverdeling beter anders kan, moet dit aan te passen en uit te proberen zijn

Marker/icoon Controls

Clustering

Elk land waar zich een project bevindt krijgt een marker. Deze marker bevindt zich midden in het land

De grootte van het icoon is afhankelijk van het aantal projecten in het land. Textueel wordt het aantal projecten in het land afgebeeld. Er zijn 4 groottes en wel als volgt van groot naar klein:

289 _{250 + projecten} 100 - 249 projecten 51 - 100 projecten 1 - 50 projecten 183 68 34 289 183 68 34 183

Een land marker moet een focus kunnen hebben. Bijvoorbeeld bij uitzoomen op de

projectdetailpagina. Het land waar het project zich bevindt krijgt de focus

Focus

183 183 Focus Window

Het informatie Window geeft de volgende gegevens bij het klikken op de marker:

naam land

hoeveel projecten totaal in het land

Klikken op land geeft voorlopig simple search resultaten weer.

Hoeveel Favorites in dit land Hoeveel Been there in dit land

In volgende fase geven Been there en Favorites resultaten voor deze projecten. The Netherlands Projects: 82 Favorites: 4 The Netherlands Projects: 82 Been there: 4 The Netherlands Projects: 82

De interface moet de gebruiker controls bieden om de volgende combinaties van getypeerde projecten op de kaart te tonen. Deze combinaties kunnen op elk niveau en schaal voorkomen, dus bij land, stad en project markers:

Projects Favorites Been there Project & Favorites Project & Been there

Not logged in: Projects

Daarnaast moeten alle markers een focus kunnen krijgen. Bij combinaties op europa en land niveau moeten beiden hoeveelheden genoemd worden. Het is dus niet mogelijk om een combinatie van alle drie de typen projecten of alleen de favorites en Been there in een overzicht te zien.

Met standaard checkboxes/radiobuttons is deze control niet ideaal. In bovenstaand voorbeeld is een visueel voorbeeld geschets van een oplossing met custom controls op basis van vormgeving iconen

183 10 4 10 183 4 183 Voorbeeld controls Marker/icoon Clustering

Elke stad waar zich een project bevindt krijgt een marker. Deze marker bevindt zich midden in de stad op de locatie waarvoor Google een marker plaatst op een stad.

De grootte van het icoon is afhankelijk van het aantal projecten in de stad. Textueel wordt het aantal projecten in het stad afgebeeld. Er zijn 4 groottes en wel als volgt van groot naar klein:

52 _{50 + projecten}

26 – 50 projecten 2 - 5 projecten 1 project: (Is geen geen stadsicoon, maar projecticoon, versie van Straat levels)

45 3 289 183 68 34 183

Een stads marker moet een focus kunnen hebben. Bijvoorbeeld bij uitzoomen op de

projectdetailpagina. De stad waar het project zich bevindt krijgt de focus

Focus

18352 Focus Window

Het informatie Window geeft de volgende gegevens bij het klikken op de marker:

naam Stad

hoeveel projecten totaal in het land

Klikken op stad geeft voorlopig simple search resultaten weer.

Hoeveel Favorites in deze stad Hoeveel Been there in deze stad

Amsterdam Projects: 82 Favorites: 4 Amsterdam Projects: 82 Been there: 4 Amsterdam Projects: 82 Land Level 10-13

Onderstaande geldt voor alle levels

De 1 project marker moet ook een focus kunnen hebben. Uiteraard ook de combinaties van typeringen

Focus

(7)

Marker Managing continued

Stad Level 14 - 16 Clustering Marker/icoon

Er is geen clustering. Elk project heeft een eigen icoon.

Dit icoon is KLEINER dan het icoon op straatniveau. Alle iconen op deze levels zijn even groot.

De 1 project marker moet ook een focus kunnen hebben. Uiteraard ook de combinaties van typeringen

Focus

Focus Window

Het informatie Window geeft project informatie

Marker/icoon Clustering

Er is geen clustering. Elk project heeft een eigen icoon.

Icoon is “standaard” project icoon

Een project moet een focus kunnen hebben. Uiteraard ook de combinaties van typeringen

Focus Window

Het informatie Window geeft project informatie

Straat Level 17-20 The Wale

Amsterdam, Netherlands Architecten Cie, Frits van Dongen. Housing

The Wale

Focus

Voorstel

Projects: Groen Favorites: Roze Been there: Grijs

Voorstel kleurgebruik MIMOA

Opmerking Naomi: projects groen, maar

dus ook de clustering-iconen groen...

tenzij de keuze is gemaakt om ook fav te

zien: dan wordt het cluster-icoon ook

roze, ook al zit er maar 1 fav in. zie ook

de voorbeeld-controls die bovenaan staan:

bij t geval dat 'projects' én 'fav/Been

there' aan staat, wordt het hele icoon een

andere kleur (van groen naar roze of

grijs). omdat zo in 1 oogopslag te zien is

(op het landen-schaalniveau) of je ergens

fav hebt.

(8)

Full size map Detail page

MIMOA

? MI PAGES

Pietje Mi Profile Home > The Netherlands > Amsterdam > The Whale

Close full size map

Route Public transport Hotels, musea etcU Advertising Topspots/hotspots

Future implementations

Show Mi Favorites (34) Show “Been there” (67) Show all projects

Project with focus is centered

Default on, show all of MIMOA projects on the map (only available for “project detail page” otherwise irrelevant)

Default on, Marks and displays favorite projects on the map. Will show favorite projects even if “show other architecture” is turned of. Number indicates amount of favorite projects in total.

Default off, Marks and displays “Been there” projects on the map. Will show “Been there” projects even if “show other architecture” is turned of. Number indicates amount of “Been there” projects in total. Checkbox and link greyed out/ not clickable if user is not logged in. Link will go to http:// www.mimoa.eu/pietje/ been_there Checkbox and link greyed out/

not clickable if user is not logged in. Link will go to http:// www.mimoa.eu/pietje/favorites

The Wale

Visual design to see if all items fit.

Settings will be remembered and used in the mini map

(9)

Project Detail page demo 0.8

MIMOA

? MI PAGES

Pietje Mi Profile

+ Mi Guide

More of Architecten Cie

More Housing

Home > The Netherlands > Amsterdam > Architecten Cie > The Whale

The Whale

More Car Show Room Address

Baron G. A. Tindalplein 1 1242DF Amsterdam The Netherlands

www.thewhale.nl

The Whale is one of three big "meteorites" that have landed in between the lowrise-highdensity housing areas on the Islands of Borneo and Sporenburg at the Eastern Docklands in Amsterdam. This building by Frits van Dongen is one of several important and recognizable blocks. Inside are 194 apartments, 1100 m2 office and retail-space. Underneath is a large parking with 179 places. The traditional closed block (100 by 60 m) has been transformed, the two ends are lifted, and the public space flows thought underneath. Inside the block is a private garden, designed by West 8.

Location Function

Contributed by

Architecten Cie, Frits van Dongen

Facts:

The Whale

November 2000 35800 m2 € 23.000.000,-Architecten Cie UP agency Heijmans Pieters Bouwtechniek NTV NedZink Ontwikkelingsmaatschappij New Deal Completion floor area/size Costs

Main urban planner Urban planner Landscape architect Builder Construction Supplier Client

Rectangle banner

Direct Wonen Rotterdam

Find your home in and around Rotterdam. Directly available! www.directwonen.nl

Appartementen vanaf € 275

Meer dan 10.000 verhuurders bieden; huizen en huurwoningen te huur www.woninghuren.com

Comments (4)

Great building, was there last week, The Whale is one of three big "meteorites" that have landed in between the lowrise-highdensity housing areas on the Islands of Borneo and Sporenburg at the Eastern Docklands in Amsterdam.

Pete 23-01-’07 (utrecht, the Netherlands)

It is closed on Sunday, Better go monday

Ann 23-01-’07 (Tokyo, Japan)

Found incorrect or incomplete information? Let us know! Have better images? Email them to us

21123

Pietje, The Netherlands

Project ID Contributed by

Add comment

Amsterdam Search Popular cities Project is public! Opening hours

Add a new project!

Amsterdam, The Netherlands Car Showroom, Housing Jack Berusfa

How to get there

>

Guide functionality is not for demo 0.8!

Log in to rate!

(456 Ratings)

See elements

Show favorites

Add this project to Mi Favorites

I have Been there! Add this project

to Mi Guide

Always show last search keyword

If user is not logged in, user will be redirected to log in and will be redirected to this page after succesfull login

If user logged in when commenting Link to Public profile

More contributions from Pete Added in 0.8: More

contributions from..

Show all projects

Design should define place, size and if tooltip is needed

Public profile Demo 0.8: Also search in field

(10)

Contactpage

Editable Region

Log in Register Home > Contact Amsterdam Search Popular cities Advanced search

Brenda Biamlo Your name:

Your E-mail address Subject

Your message

Comments on The Whale

Send message

Home > Contact > Thank you Amsterdam Search

Confirmation Page

Name and Email address are required and must be validated.

Fields are automatically filled in when user is logged in

[email protected]

Subject is default empthy. If redirected from a project “let us know link”, subject is prefilled

Editable Region

(11)

Newsletter Logged in

Pietje Mi Profile Home > Newsletter

Amsterdam Search Popular cities Advanced search

Subscribe to the MIMOA newsletter

Home > Newsletter Amsterdam Search

Logged in, already subscribed

You can unsubscribe any time from this page or in your profile

You already subscribed to our newsletter! Unsubscribe now

Pietje Mi Profile

Logged in, not subscribed

Editable Region

(12)

Newsletter Not logged in

Pietje Mi Profile Home > Newsletter

Amsterdam Search Popular cities Advanced search

Your E-mail address [email protected]

Subscribe!

Home > Newsletter > Thank you Amsterdam Search

Confirmation Page

Email address is required and must be validated “I Agree” box must be Checked

I agree to the terms of use of MIMOA

If an email address is already registered or inactivated:

Profile of user will be updated and user can log in and check out box to unsubscribe

If an email address is not registered:

An “account” will be made with just an email address. If a user registers with this email address, the newsletter checkbox will be checked by default

Or unsubscribe

Editable Region

(13)

Login

MIMOA

? MI PAGES

Log in Register

Full size map Show My favorites Show My “Been there”

Home > Log in or register Keyword Search

Log in or register

Email adress

[email protected]

I forgot my password

No, I will create one now

Continue

Do you have a MIMOA account?

Yes, password:

Remember me

Why Register?

Publish your projects

Place comments

Choose your favorites

Track projects you´ve already been to

And much more

(14)

Register | Details

MIMOA

? MI PAGES

Log in Register

Full size map Show My favorites Show My “Been there”

Home > Register Keyword Search

Register

Email address

Screen name

Password

Password again

First name

Last name

Town/City

Country

Register!

All we need to know is the following. Later you can complete your profile

[email protected]

I agree with the Terms of service and the

Privacy policy of MIMOA

World countries

Screen name must be unique! Show

message if already used

The screen name you entered is already in use!

I like to receive the MIMOA newsletter

(15)

Mi Profile

MIMOA

? MI PAGES

Pietje Mi Profile

My profile

Mi Favorites (5) Been there (12)

Mi Projects (6)

Mi Guides (2)

Home > Users > Pietje > My Profile

Email address

Change password

Password Again

Screen name

Short description

about yourself

First name

Last name

Address

(optional)

Postal Code

(optional)

Town/City

Country

Your website

(optional)

Show my

first-

and

last name

in my public profile (http://www.mimoa.eu/pietje)

Show my

town

in my public profile (address and postal code will never by published)

I Like to receive email everytime my contributed projects are commented

I like to receive the MIMOA newsletter

[email protected]

Pietje

Pieter

Van Dijk

Amsterdam

The Netherlands

www.nghm.nl

Save changes

My Profile

Will be used when you add comments or upload projects.

Your public profile can be found here:

Delete My Account

Are you sure you want to

delete your account?

Yes, I am sure

You will loose your project overview, favorites, public profile and guides. Your contributed projects will not be deleted

No

Your account has been deleted

We would appreciate if you tell MIMOA why you deleted your account

Let us know why!

Delete my Account popup

To contact page None of the projects will be deleted.

(including unfinished projects) All “Contributed by” information will display “MIMOA”

http://

Must be unique, if not unique, tell user:

“The screen name you entered is already in use!”

Check if this name is available!

www.mimoa.eu/pietje

Show public profile in new window

Some HTML is OK!

(16)

Mi Moa | Mi Favorites

MIMOA

? MI PAGES

Pietje Mi Profile

Mi favorite projects

Map shows all mi

Favorite projects

Home > Users > Pietje > Favorites

The Wale

Amsterdam, Netherlands

Designer: Architecten Cie, Frits van Dongen.

IJ tunnel

The Wale

IJ tunnel

The Wale

Designer: Architecten Cie, Frits van Dongen. Keyword Search

Mi Favorites (5)

Been there (12)

Mi Projects (6)

Mi Guides (2)

Mi Profile

Remove from favorites + Been there + Mi Guide

Remove from favorites

Been there

+ Mi Guide

Remove from favorites + Been there

In Mi Guide

Remove from favorites

Been there In Mi Guide

Remove from favorites + Been there + Mi Guide

Project is marked as

Been there. Click will

bring user to Been

there overview

Project is in Mi Guide.

Click will bring user to

Mi Guide

Project is Been there

and in Mi Guide

Remove from list

without warning

If clicked

“+ Been there” than

add project to Been

there and show

Been there

Stay on this page

If clicked

“+ Mi Guide” than add

project to Mi Guide

and show

In Mi Guide

Stay on this page

(17)

Mi Moa | Been there

MIMOA

? MI PAGES

Pietje Mi Profile

Map shows all Been

there projects

Home > Users > Pietje > Been there Keyword Search

Been there

The Wale

IJ tunnel

The Wale

IJ tunnel

The Wale

Mi Favorites (5)

Been there (12)

Mi Projects (6)

Mi Guides (2)

My Profile

No, I have not Been there! + Favorite

+ Mi Guide

See for link functions

previous page. Simular

functionality

Remove from list

without warning

Guide functionality is not for demo 0.8!

(18)

Mi Moa | Mi projects

MIMOA

? MI PAGES Pietje Mi Profile

Mi Projects

Unfinished (2)

Project name

Location

Designer

Modified:

Delete

Building 1

City, country

Designername

12-20-2006

Bridge

City2, country

Designername

12-20-2006

Sent for review (2)

Project name

Location

Designer

Modified:

Building 3

City, country

Designername

12-20-2006

Bridge 3

City2, country

Designername

12-20-2006

Published (3)

Project name

Location

Designer

Modified:

Building 5

City, country

Designername

12-20-2006

Bridge 5

City2, country

Designername

12-20-2006

Click to view live

Full size map

Map shows all

personal projects

Home > Users > Pietje > Projects

Add project

Keyword Search

(19)

Mi Moa | Public Profile

MIMOA

? MI PAGES

Pietje Mi Profile

Map shows all Favorite projects of

Pietje

like normal project

markers. User can choose to

display his/her own favorites on

the map as well

Home > Users > Pietje Keyword Search

Favorites

The Wale

Amsterdam, Netherlands ANA Architecten

office, housing, kindergarten

IJ tunnel

Amsterdam, Netherlands Architecten Cie, Frits van Dongen. office, housing, kindergarten

The Wale

IJ tunnel

The Wale

Contributed projects (5)

Favorites (12)

Been there (6)

Guide functionality is not for demo 0.8!

Full size map Show all projects

Pietje

Pieter Brandse Amsterdam The Netherlands Website: www.Brandse.nl

I am an architect from Amsterdam. I am Architecture Junky, so I love the concept of this site. Check out my website too!

Show firstname, lastname name and city only if checked in profile

Pietje

About Pietje

If no favorites:

“No favorites!”

Same page but with Been there