/ UI TRENDS / THE EARLY YEARS The first human-computer interfaces were strictly utilitarian.
/ UI TRENDS / THE COMMAND LINE / UI TRENDS / TEXT AND EARLY GRAPHICAL INTERFACES The next wave of computer interfaces focused on increasing productivity for expert users.
/ UI TRENDS / DAWN OF THE GUI / UI TRENDS / DAWN OF THE GUI Graphical User Interface (GUI)-based operating systems strived for system-wide consistency.
/ UI TRENDS / THE WEB ..then the Web happened. In the evolutionary history of software user interfaces, the advent of the World Wide Web began a Cambrian explosion of UI diversity. Certain conventions such as: - the shopping cart, - tabs, - navigation bars, and - search boxes catch on and are nearly universally adopted.
/ UI TRENDS / USER EXPERIENCE / UI TRENDS / SYSTEM LEVEL USER EXPERIENCE Operating systems respond to user demand for compelling user experience.
/ UI TRENDS / BLURRING THE WEB/DESKTOP BOUNDARY While the web was influencing operating system and application user interfaces, web applications were becoming more robust and desktop-like.
/ UI TRENDS / WEB/DESKTOP CONVERGENCE
As web and desktop technologies become more intermingled, the distinction between “web app” and “desktop app” is becoming less and less clear.
/ EXAMPLES / WPF / REVISED SOFTWARE PROCESS Architect Functional Specification Marketing Marketing Requirements Document (MRD) Visio / UML Word App Analyst Word Software Architecture C# Designer “ Sparkle” Developer Visual Studio + “Cider” XAML
Translation = Information Loss
Information Loss = Slower Process and Inferior Results
Good: Enable designers to work directly in the medium
Better: Designers and developers working at the same time with the same files
Better design tools = better design
A text editor is not a good visual design tool
Photoshop is not a good interaction design tool
Going with the flow is easier than swimming upstream
XAML was designed to build applications and it feels like it
HTML was designed to build documents and it feels like it
So what does this mean for the Web?
AJAX shows potential, but…
too much of AJAX development is hacking around browser limitations and incompatibilities
Extensions to the standards are needed to take web-app development to the next level
<canvas> tag looks promising
Need better visual and interaction design tools for the web
Why are we still writing HTML and CSS by hand?
What do you think?
Session Evaluations We value your feedback, so please submit an online evaluation for each session you attend! To make it worth your while, we pick one evaluation from each of the ten session timeslots. If we pick your eval, you will be eligible to win a Creative Zen MicroPhoto