Embed Size (px)
Citation preview
Embracing the boundaries of templates
Liisa Benmergui
Where to begin?
Modular design is a mindset.
Example projects where modularity is essential
Example projects where modularity is essential
“We need a new website.”
Example projects where modularity is essential
“We need a new website.”
“We need a redesign of our current site.”
Example projects where modularity is essential
“We need a new website.”
“We need a redesign of our current site.”
“We are changing our brand and are looking to create a new identity.”
Find the balance between working holistically versus delving into the
details.
Design for two interfaces
Design for two interfaces
The public facing service.
Design for two interfaces
The public facing service. The admin user interface.
Example: Contact info within a service
Example: Contact info within a service
Create a template that lists all contact details. This template can be reused multiple times and can include a subset of contacts.
Example: Contact info within a service
Create a template that lists all contact details. This template can be reused multiple times and can include a subset of contacts.
But what happens when you notice that there might be a need to embed some contact details outside the traditional “Contact info” page?
Example: Contact info within a service
Create a template that lists all contact details. This template can be reused multiple times and can include a subset of contacts.
But what happens when you notice that there might be a need to embed some contact details outside the traditional “Contact info” page?
What if the contact details should be displayed differently in different settings?
Example: Contact info within a service
Create a template that lists all contact details. This template can be reused multiple times and can include a subset of contacts.
But what happens when you notice that there might be a need to embed some contact details outside the traditional “Contact info” page?
What if the contact details should be displayed differently in different settings?
How will this affect the admin user interface?
Pair work saves the day!
Pair work saves the day!
Flesh out ideas at an early stage and share between designer and developer. (If there is only one of you doing both jobs, go find someone else to talk to and spar with!)
Pair work saves the day!
Flesh out ideas at an early stage and share between designer and developer. (If there is only one of you doing both jobs, go find someone else to talk to and spar with!)
Hold Sanity Checks™ frequently in order to bring your ideas to a practical level but not to crush them
Pair work saves the day!
Flesh out ideas at an early stage and share between designer and developer. (If there is only one of you doing both jobs, go find someone else to talk to and spar with!)
Hold Sanity Checks™ frequently in order to bring your ideas to a practical level but not to crush them
Always keep in mind how the public user interface translates to the admin user interface and vice versa.
Pragmatism
Pragmatism
Be transparent with your team and with your client.
Pragmatism
Be transparent with your team and with your client.
Show your client the relationship between the end-user interface and the admin interface.
Pragmatism
Be transparent with your team and with your client.
Show your client the relationship between the end-user interface and the admin interface.
While not all problems can be solved at once, nurture working practices that naturally uncover problems as early in the process as possible.
Fin
@liizer
