Nested Layouts in Fusebox 3 John Quarto-vonTivadar FutureNow, Inc.

Slides:



Advertisements
Similar presentations
Research Methods and Usability Guidelines for Ecommerce Web Sites Mary Czerwinski Microsoft Research Note: Many of these slides came from a Keynote address.
Advertisements

Peer to peer and Social Web How Web 2.0 and File Sharing mix.
Web Site Analytics with Google Analytics Presented by Pete DuMelle PD Design, Inc Brought to you by UniForum Chicago
Websydian Anne-Marie Arnvig Manager, Websydian Communications & Relations.
Websydian products.
New Semantic Elements (Part 2)
I don’t know too much about manipulatives. So, I may be misusing the term. What I’ve attempted to do here is associate each dimension with a color. Perhaps.
101.  Computers DO NOT think for themselves. For them to do anything they need to be told what to do.  Simply put computer programming is when you tell.
Small Business Resource Power Point Series Web Site Development – A Beginners Guide.
Web Site Design. Dorky Web Pages Below are features that can make a web design look dorky. These are not just my personal opinions, but are ideas I have.
Analyzing Website Traffic Dan Belhassen greatBIGnews.com Modern Earth Inc.
Graphical User Interface (GUI) Nelson Padua-Perez Bill Pugh Department of Computer Science University of Maryland, College Park.
Academic Computing Services 2010 Microsoft ® Office Visio ® 2007 Training Get to know Visio.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
© 2012 Microsoft Corporation. All rights reserved. Amazing apps. Windows 8 comes with built-in apps for the things you do most to help get your favorite.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Web Content Management Systems. Lecture Contents Web Content Management Systems Non-technical users manage content Workflow management system Different.
Online Search Marketing OMI Certification Course – Discovery Documentation.
By Danella Aguayo. DEFINITION SKETCH noun 1. A simply or hastily executed drawing or painting, especially a preliminary one, giving the essential features.
March 12 & 13, 2007 Using FLiP as a sole developer Christian Ready Christian Ready Web Services.
DIY Web Development Hand Code Your Own Page (For Free!) by Bryan Brown, Indiana University Bloomington SLIS.
Don’t Be Q-less Expanding Fusebox Functionality with FuseQ John Quarto-vonTivadar FutureNow, Inc.
Montana Banana Effective Content Checklist. What is ‘Effective Content’? Effective Content is a badge of distinction we can give to any web page (or website)
Las Vegas XNA Users Group. October 2007 MEETING! Presented by Charley Jones A+, MOUS, MCP, MCSA, MCSE, MCDBA, MCAD, MCT, PMP, ITIL MCTS: SQL Server 2005,
More on Fusebox at Fusebox Development Methodology : More on Fusebox at Fusebox Development Methodology.
Storytelling Your Way to a Better User Experience Whitney Quesenbery Kevin Brooks UPA Boston June 2010.
An Introduction to Fusebox 3.0 Fusebox 3.0. An Introduction to Fusebox 3.0 The Fusebox Philosophy There are two ways of constructing a software design:
University of Utah SoCCS Lecture 61 Architecture – An Introduction CS Lecture 6 Nathan Dykman.
Krug Book Presentation By Ian Novickis For MFC215.
Human-Computer Interaction Introduction © Brian Whitworth.
JMD2144 – Lesson 4 Web Design & New Media.
Simple Shutterfly Classroom Website Creation Presented by Kristen Frame First Grade Teacher, Propel Montour
Web Analytics Basic 6-Step Process Based on content from: /od/loganalysis/a/web_analy tics.htm.
©2003 The Fusebox Corporation Fusebox MX Hal Helms.
©2003 TeraTech, Inc Fusebox 4 Michael Smith, TeraTech, Inc x110 Copyright TeraTech 2003.
Web Design with HTML & CSS Lesson 1. Planning Your Website   Good design comes from decisions that designers make in order to have a certain effect.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
How to read a scientific paper
April 2009GSC - ideas, difficulties1 Contains ‘overlay’ animations: Please download and save to your hard disk, then use your F5 key to run the presentation!
An Introduction to XFB 1 XFB There's a fine line between genius and insanity. I have erased this line. Oscar Levant.
More on Fusebox at Fusebox Development Methodology : More on Fusebox at Fusebox Development Methodology.
More on Fusebox at Fusebox 3 Development Methodology : Fusebox 3.0 With thanks to David Laing, Hal.
1 Planning for Reuse (based on some ideas currently being discussed in LHCb ) m Obstacles to reuse m Process for reuse m Project organisation for reuse.
Multi-media Information Systems Introduction Brian Whitworth © 2001.
Building Fusebox Frameworks Jeff Peters
Fusebox Conference 2001 Out with the old in with the new An introduction to Fusebox 3.0 for current Fusebox developers By Erik Voldengen
The Title of the Article How Does the Use of Reading Strategies Improve Achievement in Science for Language Minority Students?
Knowledge Management & Knowledge Management Systems By: Chad Thomison MIS 650.
An Introduction to FB4 An Introduction to Fusebox 4 If written directions alone would suffice, libraries wouldn't need to have the rest of the universities.
Creating Google Sites Laura Assem, Director of Technology.
The Ehlers-Danlos Support UK How to run a successful meeting!
Software Life-Cycle and Models
SEG 4110 – Advanced Software Design and Reengineering Topic T Introduction to Refactoring.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
Family Connection Collaborative Webs A Tool for Creating and Managing Web sites.
Do This file can be found at
Basic Elements.  Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific.
Websites with Weebly are easy!. What is Weebly? Weebly is a free website creator. It is very easy to use. If you feel comfortable creating documents with.
CF_Underground III 1 Architecting Applications with Mindmapping Tools Can anything save me time when designing an application? How can my visual brain.
Parent Resources for Student Success. Credit Recovery Information Students NEED 26 credits to graduate There is little/no room for failure Credit Recovery.
Part 5, School Skills 101 Reading those Exciting Texts Tips Study Smarter, not harder!
LEAD GENERATION PHASE. FIRSTLY: ABOUT ME ▪ STARTED OUT STRUGGLING- FIRST YEAR- BARELY AFFORD GYM RENT ▪ GOT GOOD AT SALES 80 % CLOSE RATE, DEVLOPED BUSINESS.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
EE400D DOCUMENTATION INSTRUCTIONAL SERIES BLOG POSTS.
1 Using FLiP as a sole developer Christian Ready Christian Ready Web Services.
BrailleBlaster: A New Way Forward
Web Site Analytics with Google Analytics
#GCDigital Design System
“Drive Me Wild” *.
How to Study for a Test.
Presentation transcript:

Nested Layouts in Fusebox 3 John Quarto-vonTivadar FutureNow, Inc.

Magellan traveled around the world just to end up where he started. With our books, he could have really gone somewhere. A little knowledge goes a long way.

Key FB3 features Nested circuit model Nested layout model Fusedoc: XML-based documentation Exit Fuseactions (XFAs) Stablized core file and skeletal supporting files for easy fusebox generation Exposed corefile API

Fusebox component files Fbx_settings.cfm Fbx_circuits.cfm Fbx_switch.cfm Fbx_layouts.cfm Fbx_savecontent.cfm Fbx_fusebox30_CFxx.cfm

Gulliver traveled all the way to Lilliput. With our books, he could have just stayed put. Small books for big minds.

Nested Circuits Allows communication between circuits to make reuse and distributed development easier Standardization of FB3 allows any FB3 app to work with any other FB3 app A fuseaction in a different circuit is refered to like “Circuit.Fuseaction”

Effective Use of Nested Layouts Cusp between content and content delivery FB3 comes with “colored layouts” app Visual concepts: “russian doll” and “wrapping a birthday present”

Russian Doll visual model

Ideas to Keep in Mind Less is More!! Most web apps can be handled with 1 or 2 layout layers divorce layout from content prove causal relationships between changes in content v. layout affects visitors’ decision patterns

Marco Polo walked all the way to China for plain pasta. With our saucy books, he discovered Mare Nara. The spice road of knowledge.

Too much of a Good Thing? the human brain has a hard time handling “embedded” sentences “the man left the room” “the man the woman spoke to left the room” “the man the woman the child kissed spoke to left the room”

Also remember Don’t make architecture decisions based on layout (a key sign that you’ve over- analyzed, too soon) A graphic designer is not a GUI designer; don’t confuse the two! Graphical elements are the most fleeting page elements: get it done and move on.

The Donner party starved for knowledge. Our books provide an all-you-can-eat buffet. Mental manna.

Planning your Layouts approach Every project has unique layout issues even when they use the same layout ideas The same project can have two or more equally effective layout plans. Pick one and move on! most decisions about layout are already implicitly complete by the time prototype is done

Psychology of Online Browsing and Web Usability Least used area of a web site: primary nav Myers-Briggs Personality Type-based delivery of content “Accidental Magic” by Roy Williams “Guide to Web Analytics” (FutureNow) “12 step recovery process to e-commerce sobriety” article series at Techspedition.com

Useful Resources Book: “Don’t Make Me Think”, “Information Anxiety 2” Free Newsletter : “GrokDotCom.com” plain English treatment of effective visitor conversion “Speaking Geek”Article Series:

Dr. Livingstone presumed to venture to deepest, darkest Africa. Good thing our books have built-in flashlights. Batteries for your mind.

New Fusebox 3 book “Code Rutters: Discovering Fusebox” Covers all of FB3 compactly Lets you ease into FB3 from scratch or transition from FB2 Available late May 2002 Sign up here for advance notice

Upcoming FB3 training Intensive 4-day training class in Vancouver, Boston, Munich. Taught by Hal Helms and John Quarto- vonTivadar Covers all of FB3, plus XFB concepts, introduces applied layout v. content concepts to drive site conversion ratio Includes pre-coding (development phase) training

Fusebox future New fusebox governing body to manage change and define specifications New fusebox improvements available privately that extend Fusebox but still meet the official specs Techspedition “core” file uses the FuseQ for Model-View-Controller, bubbling exception handling, Flushing output, fuse-based layouts, and the kitchen sink Released at CF-North in Toronto, May 4-5