very simple approach !! Make the most out of the Drupal default components!! Facilitates integration with e.g. Views, Taxonomy and Apache Solr!! Reduces custom development (lowers the risk)!! Increases maintainability and portability!! Faster prototyping! 21.
Integrations with 3rd party systems !! webservice at which side?!! sync intervals?!! foresee just enough logging!! set up email notiﬁcations!! write unit tests!! ensure emulation of previous events!! ensure loose coupling! 31.
page request handling! reverse proxy caching! Drupal database! website visitor!1. page request! 2. sent response! pass request to Drupal if cache is expired or if request is handled for the ﬁrst time! reverse proxy! Drupal webserver! 46.
mobile website!speciﬁc content and targeted UI!no changes to existing website!optimal experience for targeted device!device detection for auto-redirect!scalability!multiple information architectures!changes to CMS!SEO! 78.
3. content like water!content’s going to take many forms and flow into many different containers.! 85.
same content for all devices! solid content strategy is crucial!! organizing and prioritizing 86.
WYSIWTF!meanwhile, at the customer’s office…! 87.
WYSIWTF!this TinyMCE won’t die!! at the Amplexor front…! 88.
real-life difﬁculties!! Stakeholders have different mind-sets!! Knowledge and experience of design agency!! No room for mandatory content (*) (*) read “ads”!! Fear of losing ﬂexibilty i.a. limited rich-text!! Testing Device labs are recommended!! Short time-to-deliver Not much time for thorough content selection, modeling and structuring! 89.
possible solution!! Build 2 separate websites! ¬ classic “desktop” website (www.example.com)! ¬ separate “mobile” website (m.example.com)! !! Use the separate mobile website as a testbed for new technologies (e.g. concepts like responsive design) and new ways of representing content!! Eventually, replace the classic desktop website with the separate website! 90.
responsive website!scalable!no changes CMS!SEO!1 single website!complex for existing websites!complex wireframing and design! 91.
Responsive website!! Not mobile ﬁrst (obviously)!! But accounted for during the whole project!! Use of HTML5 video!! Most ads are gone!!! Conditional loading!! Transformation of interface elements!! Swiping carousels! 92.