Dynamic Design for the Web

•

26 likes•3,003 views

Jonathan Lackey

Presentation for CMSExpo Chicago 09. This presentation attempts to define "design" and looks at current design trends

Technology Business Design

Dynamic Design
For the Web
CMS Expo 2009 - Chicago

Who the @%!*#
is This Guy?

CMS Expo 2009 - Chicago

Jonathan Lackey
Known in virtual social circles as zuno
•

Creative director at Zuno Studios
•

Based in Redondo Beach California
•

Over 10 years experience in design &
•

web

CMS Expo 2009 - Chicago

What Are We Going
to Chat About Today?

CMS Expo 2009 - Chicago

What is “design”?
•

Why is it important?
•

Types of it
•

The process
•

Web trends
•

Tools
•

CMS Expo 2009 - Chicago

So what is “design”?

CMS Expo 2009 - Chicago

Design is Problem Solving

CMS Expo 2009 - Chicago

Why is design important?

CMS Expo 2009 - Chicago

Communication: To give purpose to and/or organize the flow of information
To stand out: Expression / Individuality
Build credibility: Branding

Communication: To give purpose to
and/or organize the ﬂow of information

To stand out: Expression / Individuality

Build credibility: Branding

CMS Expo 2009 - Chicago

Types of design
UI (user interface)
•

•UX (user experience)

•Visual design

•Information Architecture

•Database

•System

•Interaction

•So many more

CMS Expo 2009 - Chicago

RESEARCH

DESIGN

AMEND

CMS Expo 2009 - Chicago

Brief
What the client gives
you
RESEARCH

DESIGN

AMEND

CMS Expo 2009 - Chicago

Research
Insights to help
RESEARCH
generate ideas for
the design
DESIGN

AMEND

CMS Expo 2009 - Chicago

RESEARCH
Design
Sketches, color & font
DESIGN
studies, magic
AMEND

CMS Expo 2009 - Chicago

RESEARCH

DESIGN

Amend
AMEND Reﬁnements &
revisions

CMS Expo 2009 - Chicago

RESEARCH

DESIGN

AMEND

Production
Make it happen

CMS Expo 2009 - Chicago

A Note on Process
Every design problem is dierent

CMS Expo 2009 - Chicago

BIG
illustrations

CMS Expo 2009 - Chicago

Crazy
drop-downs
CMS Expo 2009 - Chicago

move it!
animation

CMS Expo 2009 - Chicago

Looking for something?
can’t miss search fields

CMS Expo 2009 - Chicago

listen.grooveshark.com

CMS Expo 2009 - Chicago

Color Tools
Adobe Kuler
• http://kuler.adobe.com

ColorCombos.com
• http://www.colorcombos.com

Color Scheme Designer
• http://

colorschemedesigner.com

CMS Expo 2009 - Chicago

Typography
TypeChart
• http://www.typechart.com

Em Calculator
• http://riddle.pl/emcalc

Font Burner
• http://www.fontburner.com

sIFR
• (ﬂash replacement) http://wiki.novemberborn.net/sifr

Cufon
• (ﬂash replacement) http://cufon.shoqolate.com/generate/

CMS Expo 2009 - Chicago

Imagery
Flickr Color Picker
• http://krazydad.com/colrpickr

iStockphoto
• http://istockphoto.com

Flickr “gomedia” Group
• http://www.ﬂickr.com/

groups/gomedia

CMS Expo 2009 - Chicago

Javascript Frameworks
JQuery
• http://jquery.com

MooTools
• http://mootools.net

Dojo
• http://dojotoolkit.org

YUI
• http://developer.yahoo.com/yui

CMS Expo 2009 - Chicago

User Interface Libraries
YUI
• http://developer.yahoo.com/yui

JQuery UI
• http://jqueryui.com

Mocha(ui)
• http://mochaui.com

CMS Expo 2009 - Chicago

CSS Frameworks
Blueprint
• http://www.blueprintcss.org

960 Grid System
• http://960.gs

YUI Grids
• http://developer.yahoo.com/yui/grids

CMS Expo 2009 - Chicago

Sites used in this presentation
http://delicious.com/Creative_Contractor/
cmsexpo09

Twitter @zuno
http://twitter.com/zuno
The ﬁles from this presentation
http://zunostudios.com/cmsxpo

CMS Expo 2009 - Chicago

Viewers also liked

coevolution_brochure

Kenneth Kay

2015 - Migrant crisis _ part IV

vinhbinh2010

Sks

tuğba yıldırım

4.-cibv susana bejarano de león

Presidencia de la República del Ecuador

Amir Mueller, Landscape Architecture in India, Resdiential Development in India, Landscape Architecture Vision, Landscape Planning, Reflecting Pools, Inspiration for Landscape Design, The Modern Garden, Genus Loci, Roads and Footpaths, Gardens and Public Spaces, Curvilinear Paths and Trails, wood decks and bridges, water gardens, Amphitheatre and Congregation, simple materials, planting to accenuate water's edge, www.amirmueller.com

Landscape Architecture Vision for Indian Residential Project

Amir Mueller

Enlace Ciudadano Nro 379 - Propuesta Santo Domingo de los Tsáchilas

Presidencia de la República del Ecuador

2. precios medicamentos

Presidencia de la República del Ecuador

Viewers also liked (7)

coevolution_brochure

2015 - Migrant crisis _ part IV

Sks

4.-cibv susana bejarano de león

Landscape Architecture Vision for Indian Residential Project

Enlace Ciudadano Nro 379 - Propuesta Santo Domingo de los Tsáchilas

2. precios medicamentos

Similar to Dynamic Design for the Web

WordPess By Design - CMS Expo 2010, Chicago, IL

Jonathan Lackey

Choosing Themes for WordPress - CMS Expo 2010

Jonathan Lackey

Best of the Web V. V

David Kapuler

Intro To Magento CMXExpo 09

Jonathan Lackey

More and more organizations are discovering that it’s not always the best product or lowest price that wins over customers, clients, or consistents...it’s the best experience. It’s why enterprises are expected to spend more than $2,000,000,000 to transform digital experiences by 2020. It’s also why every quarter, we add new enhancements and capabilities to the Acquia platform to help our customers and partners build and deliver the best experiences. Our quarterly Acquia Platform Update is <strong>the</strong> place to go to get the details on all the new features, benefits and use cases you can start taking advantage of, RIGHT NOW. Tom Wentworth, SVP of Product Marketing, and M.J. Johnson, Sr. Director of Product Marketing, will cover all of the new Acquia Platform enhancements and capabilities that were released in Q2, in addition to what is on our product roadmap. You’ll walk away with: -The latest info on new Acquia capabilities introduced in the past quarter for developers to build faster, operations teams to manage effectively, and marketers to connect with key audiences. -Insight into the current state of Acquia's open platform for building, hosting and innovating digital experiences and websites. -The chance to ask a live panel of product experts questions to understand the current and future state of Acquia's Digital Experience Platform.

Acquia Platform Update: New Features and Capabilities

Acquia

In this completely 100% Open Source demo-based talk, Chris Fregly from PipelineIO will be addressing an area of machine learning and artificial intelligence that is often overlooked: the real-time, end-user-facing "serving” layer in a hybrid-cloud and on-premise deployment environment using Jupyter, NetflixOSS, Docker, and Kubernetes. Serving models to end-users in real-time in a highly-scalable, fault-tolerant manner requires not only an understanding of machine learning fundamentals, but also an understanding of distributed systems and scalable microservices. Chris will combine his work experience from both Databricks and Netflix to present a 100% open source, real-world, hybrid-cloud, on-premise, and NetflixOSS-based production-ready environment to serve your notebook-based Spark ML and TensorFlow AI models with highly-scalable and highly-available robustness. Speaker Bio Chris Fregly is a Research Scientist at PipelineIO - a Streaming Analytics and Machine Learning Startup in San Francisco. Chris is an Apache Spark Contributor, Netflix Open Source Committer, Founder of the Global Advanced Spark and TensorFlow Meetup, and Author of the upcoming book, Advanced Spark, and Creator of the upcoming O'Reilly video series, Scaling TensorFlow Distributed in Production. Previously, Chris was an engineer at Databricks and Netflix - as well as a Founding Member of the IBM Spark Technology Center in San Francisco.

Deploy Spark ML and Tensorflow AI Models from Notebooks to Microservices - No...

Chris Fregly

In the last few years there has been an explosion in productivity tools for web development. Tools like Less, Handlebars, and CoffeeScript can be used to build rich, interactive web applications quickly. These tools also focus on creating more extensible, productive, and performant code. However all of these tools require a JavaScript runtime environment such as Node.js or Rhino to compile to JavaScript or CSS. Some of these tools are supported Out of the Box in AEM and others need a little help. Learn about different strategies to make these tools available in your next or current AEM project. This session will include a demo and source code for all examples. No more excuses just better results!

Do more with LESS, Handlebars, Coffeescript and other Web Resources in AEM

Bob Paulin

Class 4: Introduction to web technology entrepreneurship

allanchao

Online course content siebel open ui

NOVA ITLABS

Requirements Gathering for Better Web Site Conversions

Kimberly Krause Berg

Dans cette présentation, Chris Heilmann nous parlera des problèmes liés à l'adoption de standards du web récents, et décrira des façons de contourner ces difficultés. Un exemple simple est le manque de prise en charge native de l'audio et de la vidéo, et les problèmes des implémentations actuelles. La session illustrera concrètement comment régler des problèmes a priori sans solution en les attaquant sous un autre angle. Il s'agit essentiellement de trouver une façon pragmatique de vendre, implémenter et utiliser les standards plutôt que d'attendre que le marché adopte des technologies dont l'utilisation devrait être d'une évidence complète. Présentation originale : http://www.slideshare.net/cheilmann/working-in-the-now-presentation/

Travailler dans le présent - Chris Heilmann - Paris Web 2008

Association Paris-Web

Working In The Now - Paris Web

Christian Heilmann

Path to Production as a Service

VMware Tanzu

Scapolan_CertificateCompletionCourse_WEBDESIGN

luca scapolan

SIDE provides a set of tools that enable the developers to customize Alfresco very easily. From a single data model, we will show you forms, views and complex objects (automatically generated) that can be combined in a matter of minutes to build a fully functional prototype. We will show you direct dashboard customization by the user through the use of views and charts generated by SIDE from a single data model. SIDE is available in open source.

PLAT-20 Building Alfresco Prototypes in a Few Hours

Alfresco Software

Cufon - Javascript Font Replacement

Dave Ross

How to PM Hardware Products by Western Digital Sr. PM

Product School

YouTube presentation: https://www.youtube.com/watch?v=pBkMZcj3Xoo Who needs Scully and Mulder when you can join two Sitecore technical demo gods to see the new capabilities of Sitecore Path Analyzer, a next-generation tool for visual data exploration and analysis on top of Sitecore Experience Database. Learn how we applied hot JavaScript technologies, including d3.js and react.js, and see the new front-end developer workflow used while developing on this completely new stack. Find out how we optimized performance, and all kinds of crazy futuristic things you can do with this technology. Speakers: Alex Shyba, Sitecore Fellow - Sitecore & Adam Weber, Advanced Innovation - Sitecore

Path Analyzer X-Files: How We Built the Ultimate xDB Forensic Tool

Sitecore

Choosing the right Rich Internet Application technology path

marcocasario

The relevance of design principles for WEB APIs

Rolando Carrasco

Similar to Dynamic Design for the Web (20)

WordPess By Design - CMS Expo 2010, Chicago, IL

Choosing Themes for WordPress - CMS Expo 2010

Best of the Web V. V

Intro To Magento CMXExpo 09

Acquia Platform Update: New Features and Capabilities

Deploy Spark ML and Tensorflow AI Models from Notebooks to Microservices - No...

Do more with LESS, Handlebars, Coffeescript and other Web Resources in AEM

Class 4: Introduction to web technology entrepreneurship

Online course content siebel open ui

Requirements Gathering for Better Web Site Conversions

Travailler dans le présent - Chris Heilmann - Paris Web 2008

Working In The Now - Paris Web

Path to Production as a Service

Scapolan_CertificateCompletionCourse_WEBDESIGN

PLAT-20 Building Alfresco Prototypes in a Few Hours

Cufon - Javascript Font Replacement

How to PM Hardware Products by Western Digital Sr. PM

Path Analyzer X-Files: How We Built the Ultimate xDB Forensic Tool

Choosing the right Rich Internet Application technology path

The relevance of design principles for WEB APIs

Recently uploaded

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Safe Software

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

[2024]Digital Global Overview Report 2024 Meltwater.pdf

hans926745

Explore 'The Codex of Business: Writing Software for Real-World Solutions,' a compelling SlideShare presentation that delves into digital transformation in healthcare. Discover through a detailed case study how Agile methodologies empower healthcare providers to develop, iterate, and refine digital solutions that address real-world challenges. Learn how strategic planning, user feedback, and continuous improvement drive success in deploying technologies that enhance patient care and operational efficiency. Ideal for healthcare professionals, IT specialists, and digital transformation advocates seeking actionable insights and practical examples of technology making a real difference.

The Codex of Business Writing Software for Real-World Solutions 2.pptx

Malak Abu Hammad

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

CNv6 Instructor Chapter 6 Quality of Service

giselly40

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

Heather Hedden, Senior Consultant at Enterprise Knowledge, presented “The Role of Taxonomy and Ontology in Semantic Layers” at a webinar hosted by Progress Semaphore on April 16, 2024. Taxonomies at their core enable effective tagging and retrieval of content, and combined with ontologies they extend to the management and understanding of related data. There are even greater benefits of taxonomies and ontologies to enhance your enterprise information architecture when applying them to a semantic layer. A survey by DBP-Institute found that enterprises using a semantic layer see their business outcomes improve by four times, while reducing their data and analytics costs. Extending taxonomies to a semantic layer can be a game-changing solution, allowing you to connect information silos, alleviate knowledge gaps, and derive new insights. Hedden, who specializes in taxonomy design and implementation, presented how the value of taxonomies shouldn’t reside in silos but be integrated with ontologies into a semantic layer. Learn about: - The essence and purpose of taxonomies and ontologies in information and knowledge management; - Advantages of semantic layers leveraging organizational taxonomies; and - Components and approaches to creating a semantic layer, including the integration of taxonomies and ontologies

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

Enterprise Knowledge

In an era where artificial intelligence (AI) stands at the forefront of business innovation, Information Architecture (IA) is at the core of functionality. See “There’s No AI Without IA” – (from 2016 but even more relevant today) Understanding and leveraging how Information Architecture (IA) supports AI synergies between knowledge engineering and prompt engineering is critical for senior leaders looking to successfully deploy AI for internal and externally facing knowledge processes. This webinar be a high-level overview of the methodologies that can elevate AI-driven knowledge processes supporting both employees and customers. Core Insights Include: Strategic Knowledge Engineering: Delve into how structuring AI's knowledge base is required to prevent hallucinations, enable contextual retrieval of accurate information. This will include discussion of gold standard libraries of use cases support testing various LLMs and structures and configurations of knowledge base. Precision in Prompt Engineering: Learn the art of crafting prompts that direct AI to deliver targeted, relevant responses, thereby optimizing customer experiences and business outcomes. Unified Approach for Enhanced AI Performance: Explore the intersection of knowledge and prompt engineering to develop AI systems that are not only more responsive but also aligned with overarching business strategies. Guiding Principles for Implementation: Equip yourself with best practices, ethical guidelines, and strategic considerations for embedding these technologies into your business ecosystem effectively. This webinar is designed to empower business and technology leaders with the knowledge to harness the full potential of AI, ensuring their organizations not only keep pace with digital transformation but lead the charge. Join us to map a roadmap to fully leverage Information Architecture (IA) and AI chart a course towards a future where AI is a key pillar of strategic innovation and business success.

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

Earley Information Science

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

The Raspberry Pi 5 was announced on October 2023. This new version of the popular embedded device comes with a new iteration of Broadcom’s VideoCore GPU platform, and was released with a fully open source driver stack, developed by Igalia. The presentation will discuss some of the major changes required to support this new Video Core iteration, the challenges we faced in the process and the solutions we provided in order to deliver conformant OpenGL ES and Vulkan drivers. The talk will also cover the next steps for the open source Raspberry Pi 5 graphics stack. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://eoss24.sched.com/event/1aBEx

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Igalia

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Friends Colony Women Seeking Men

Delhi Call girls

Recently uploaded (20)

What Are The Drone Anti-jamming Systems Technology?

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

🐬 The future of MySQL is Postgres 🐘

Data Cloud, More than a CDP by Matt Robison

Axa Assurance Maroc - Insurer Innovation Award 2024

[2024]Digital Global Overview Report 2024 Meltwater.pdf

The Codex of Business Writing Software for Real-World Solutions 2.pptx

Tata AIG General Insurance Company - Insurer Innovation Award 2024

CNv6 Instructor Chapter 6 Quality of Service

How to Troubleshoot Apps for the Modern Connected Worker

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Boost Fertility New Invention Ups Success Rates.pdf

Finology Group – Insurtech Innovation Award 2024

GenCyber Cyber Security Day Presentation

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

08448380779 Call Girls In Friends Colony Women Seeking Men

Dynamic Design for the Web

1. Dynamic Design For the Web CMS Expo 2009 - Chicago

2. Who the @%!*# is This Guy? CMS Expo 2009 - Chicago

3. Jonathan Lackey Known in virtual social circles as zuno • Creative director at Zuno Studios • Based in Redondo Beach California • Over 10 years experience in design & • web CMS Expo 2009 - Chicago

4. What Are We Going to Chat About Today? CMS Expo 2009 - Chicago

5. What is “design”? • Why is it important? • Types of it • The process • Web trends • Tools • CMS Expo 2009 - Chicago

6. So what is “design”? CMS Expo 2009 - Chicago

7. Design is Problem Solving CMS Expo 2009 - Chicago

8. Why is design important? CMS Expo 2009 - Chicago

9. Communication: To give purpose to and/or organize the flow of information To stand out: Expression / Individuality Build credibility: Branding

10. Communication: To give purpose to and/or organize the ﬂow of information To stand out: Expression / Individuality Build credibility: Branding CMS Expo 2009 - Chicago

11. Types of design UI (user interface) • •UX (user experience) •Visual design •Information Architecture •Database •System •Interaction •So many more CMS Expo 2009 - Chicago

12. Design Process CMS Expo 2009 - Chicago

13. RESEARCH DESIGN AMEND CMS Expo 2009 - Chicago

14. Brief What the client gives you RESEARCH DESIGN AMEND CMS Expo 2009 - Chicago

15. Research Insights to help RESEARCH generate ideas for the design DESIGN AMEND CMS Expo 2009 - Chicago

16. RESEARCH Design Sketches, color & font DESIGN studies, magic AMEND CMS Expo 2009 - Chicago

17. RESEARCH DESIGN Amend AMEND Reﬁnements & revisions CMS Expo 2009 - Chicago

18. RESEARCH DESIGN AMEND Production Make it happen CMS Expo 2009 - Chicago

19. A Note on Process Every design problem is dierent CMS Expo 2009 - Chicago

20. Current Trends CMS Expo 2009 - Chicago

21. BIG illustrations CMS Expo 2009 - Chicago

22. mailchimp.com CMS Expo 2009 - Chicago

23. CMS Expo 2009 - Chicago

24. silverback.com CMS Expo 2009 - Chicago

25. Crazy drop-downs CMS Expo 2009 - Chicago

26. etnies.com CMS Expo 2009 - Chicago

27. hgtv.com CMS Expo 2009 - Chicago

28. moosejaw.com CMS Expo 2009 - Chicago

29. move it! animation CMS Expo 2009 - Chicago

30. odopod.com CMS Expo 2009 - Chicago

31. howarths.nl CMS Expo 2009 - Chicago

32. panic.com/coda CMS Expo 2009 - Chicago

33. Looking for something? can’t miss search fields CMS Expo 2009 - Chicago

34. krop.com CMS Expo 2009 - Chicago

35. gigzee.com CMS Expo 2009 - Chicago

36. listen.grooveshark.com CMS Expo 2009 - Chicago

37. Blog Design

38. viget.com CMS Expo 2009 - Chicago

39. alistapart.com CMS Expo 2009 - Chicago

40. acko.net CMS Expo 2009 - Chicago

41. Interactive Interaction

42. sony.com/ces CMS Expo 2009 - Chicago

43. dvein.com CMS Expo 2009 - Chicago

44. rpa.com CMS Expo 2009 - Chicago

45. bobstevens.com CMS Expo 2009 - Chicago

46. Tools Stuff CMS Expo 2009 - Chicago

47. Color Tools Adobe Kuler • http://kuler.adobe.com ColorCombos.com • http://www.colorcombos.com Color Scheme Designer • http:// colorschemedesigner.com CMS Expo 2009 - Chicago

48. Typography TypeChart • http://www.typechart.com Em Calculator • http://riddle.pl/emcalc Font Burner • http://www.fontburner.com sIFR • (ﬂash replacement) http://wiki.novemberborn.net/sifr Cufon • (ﬂash replacement) http://cufon.shoqolate.com/generate/ CMS Expo 2009 - Chicago

49. Imagery Flickr Color Picker • http://krazydad.com/colrpickr iStockphoto • http://istockphoto.com Flickr “gomedia” Group • http://www.ﬂickr.com/ groups/gomedia CMS Expo 2009 - Chicago

50. Javascript Frameworks JQuery • http://jquery.com MooTools • http://mootools.net Dojo • http://dojotoolkit.org YUI • http://developer.yahoo.com/yui CMS Expo 2009 - Chicago

51. User Interface Libraries YUI • http://developer.yahoo.com/yui JQuery UI • http://jqueryui.com Mocha(ui) • http://mochaui.com CMS Expo 2009 - Chicago

52. CSS Frameworks Blueprint • http://www.blueprintcss.org 960 Grid System • http://960.gs YUI Grids • http://developer.yahoo.com/yui/grids CMS Expo 2009 - Chicago

53. Resources CMS Expo 2009 - Chicago

54. Sites used in this presentation http://delicious.com/Creative_Contractor/ cmsexpo09 Twitter @zuno http://twitter.com/zuno The ﬁles from this presentation http://zunostudios.com/cmsxpo CMS Expo 2009 - Chicago

Editor's Notes

“so things don’t happen by accident”
User interface: The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals User experience: all aspects of the user’s interaction with the product: how it is perceived, learned, and used
The client brief is what the client gives you. It might be a formal Request For Proposal (RFP), or simply a short email. It generally outlines the initial aims and objectives of the project, the deliverables, and may indicate many of the client’s expectations about the final work’s function or appearance. Deliverables include documents, content, sketches, everything that the client will provide to you and anything that you’ll provide to them. The client may also provide deadlines for each deliverable, though whether they deliver theirs on time is a long, sad tale we’d need to cover in a separate book.
Research is vital to the success of any design solution. A designer should be as informed as they can be about the project.
Research is vital to the success of any design solution. A designer should be as informed as they can be about the project.
The designers then spend time amending the design to reflect the changes or problems highlighted by the client\"sometimes endlessly. I’ve lost count of the number of times that I’ve spent needlessly making changes to a design because of miscommunication further back in the process in conversations between people at meetings to which the actual designers were not invited. More often than not, the problems arise because the expectations of either party have not been managed properly.
Photoshop files, HTML/CSS mark-up

Dynamic Design for the Web

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (7)

Similar to Dynamic Design for the Web

Similar to Dynamic Design for the Web (20)

Recently uploaded

Recently uploaded (20)

Dynamic Design for the Web

Editor's Notes