Wonderlane Studios, since 1996
carpet
Biographies and business process documentation


South Hall, UC Berkeley, California, uses golden mean proportions c. 1873

South Hall north roof line UC Berkeley houses the iSchool

www.flickr.com
This is a Flickr badge showing photos in a set called eMail Prototype MSIM2008 UW ischool. Make your own badge here.

 

www.flickr.com
This is a Flickr badge showing photos in a set called Lam Dre, Nepal, Oct 7, 2007. Make your own badge here.

Guadalajaran friends -- rock videographer Arturo Lopez and wife Evon Garza, at their house in Mexico May 2005.

Aurtoro and Evon in Guadalajara, Mexico May 2005
Clouds over a river, West coast of Washington state, feeding into the Pacific Ocean, on a beautiful day, link to Recipe for a Krogstad Sandwich
Locations of visitors to Wonderlane.com

My Reading List

www.flickr.com
This is a Flickr badge showing photos in a set called Mexico in May. Make your own badge here.

Slideshow - Happy Birthday to His Holiness the Dalai Lama Peace Parade, Tibetans at Kalachakra, Washington D.C., USA

Best of HH Dalai Lama Birthday Peace Parade, Tibetans at Kalachakra, Washington D.C.

User Experience Architecture


Golden rectangle and recursions
One of my favorite secrets is that the proportions of the golden rectangle work so well in designing great web sites, applications, processes, and visual presentations of all kinds, in animation, TV, and films. Read more in "Using the Golden Rectangle in Web Design Foundations" ...

Photo of the week: Leonard Nimoy as Spock science officer with tricorder, beads and wire, sculpture by Devorah Sperber, Spock, Kirk and McCoy: Beaming-In (In-Between), Microsoft, Studio D, Redmond, Washington, USA

Leonard Nimoy as Spock science officer with tricorder, beads and wire, sculpture by Devorah Sperber, Spock, Kirk and McCoy: Beaming-In (In-Between), Microsoft, Studio D, Redmond, Washington, USA
Fibonacci Numbers and The Golden Section in Art, Architecture and Music
Proportions of the Golden Rectangle
The Golden Rectangle and the Golden Ratio
Phi: That Golden Number
www.flickr.com
This is a Flickr badge showing photos in a set called Abstract Technology Images. Make your own badge here.
Microsoft advertises China Business Day, spring 2008The Report: China is a likely winner of the information age supply chain through ecommerce by sticking with its successful strategies

Application Interface Planning

Appropriating and Adapting eMail, a ProcessRight workflow, iSchool, University of Washington, Seattle.

Appropriating and Adapting eMail - ProcessRight Workflow Poster

Golden Rectangle in Web Design Foundations

A golden rectangle, based on mathematical proportions called the golden ratio or golden mean, is approximately the proportions of a credit card, and these same proportions are reflected in classical Greek temples, columns, and in Nautilus seashells. One of the ways to create designs that are these proportions or have key elements in the golden proportions is to copy an image of a temple, a Nautilus Seashell (cut open to show the interior) or a simple object like a credit card into a Photoshop layer, set the transparency to 50% - 70% and lay out your site design over the underlying image. Of course another way is to do the math and lay out designs based on those proportions.

I have used the "copy an ancient Greek temple and paste it on it's own Photoshop layer" technique myself in designing user interfaces for Microsoft to be more pleasant.

Really good web design facilitates site use, by directing customer's eyes to where they want and need to look to flow onto their next decision.

Used well an underlying design plan which includes proportions and how they are used, gives visual cues to end users and aids intuitive Shrine to Circusanity actors with deerunderstanding both in navigation and context. By context I mean look and feel as it is applied to the end user's needs and the company or organizations' site design. In this way it helps the design speak!

On the ecommerce Crate and Barrel site for example, the design team is using the exact proportions of the golden ratio to make an inspirational website that just makes visual magic even more exciting, harmonious, and pleasing.. It's low key, clean and has that special something. When such proportions are not there, end users may not find the site as useful and helpful; such sites do not look beautiful, they don't flow, they don't look unified.

As soon as I can I'll create and post some images that show exactly what I mean. The most well designed sites use CSS to control and display text, using fonts, background colors, and placement AND the golden ratio. It's not just color, not just images, it's the whole information architecture package as well.

Experienced, trained or intuitive artists use golden proportions to augment their designs, until they became completely natural design feature. Using the golden mean as a style and design tool - skilled artists also know how and when to break the "golden" rule.

I am not advocating a too cold matchie - matchie kind of design which Tacoma Glass Museum Cone Zonelooks like it was generated by a computer with no human qualities - but when demonstrating these proportations to another Microsoft manager, he was amazed where he could find that golden number. He was especially surprised to see where the corners of the proportions came together in key places to emphasize the important decisions, and how designers address the human eye and love for certain proportions -- humanistic design. It's not cold, it's vibrant from within, in part because of the intention of the designer sings through in an inspired design. What do you think?

Golden numbers details - offsite

Fibonacci Numbers and The Golden Section in Art, Architecture and Music
Proportions of the Golden Rectangle
The Golden Rectangle and the Golden Ratio
Golden Rectangles
Phi: That Golden Number

 

Lessig's 4 Modalities

Lessig's four modalities 1st ammendment analysis free speech and the Web - Law, Norms, Market, Architecture
lessig's 4 modalities
"Modalities of constraint (power) function as a sword against the object regulated; modalities of protection (rights) function as a shield for the regulated against constraint."

Google eCommerce Pizza Pie

Ajax enabled user interface design for Google interactive eCommerce Pizza Pie
And now we break for a Pizza backend design for Google Checkout embedded!

No G-men were harmed in the making of this Pi

Team Teaching Informatics at the iSchool UW

My goals in accepting an assistant teaching role at the University of Washington shows just how oblivious I was to teachers time commitments: class preparation, presentation, and evaluation. It takes far longer to prepare for a class than I could have imagined.

Pulling inspiration from extraordinary teachers (yes! we are talking about "Mama" Reese of Anchorage, Alaska) from my past, who used team teaching to augment presentations, I introduced user interface design and privacy isses to Informatics students at the University of Washington's iSchool.

Our excellent students made connections to their end users human needs and the demands of the technical industry, by advocating practical and innovative design and technical solutions for all the right reasons.
Read more ...


Intimate moment of learning, image of a student and teacher at Starbucks in Fremont, Starbucks, Seattle, Washington, street shot by Linda Lane

The first class I would teach was on “User Interface Design”, and the second topic was “Privacy on the Web.”

While reviewing the former teacher’s existing presentation materials I realized that an overview related to the Software Development Lifecycle (SDLC) was more critical to sound user interface design than previously I was aware of. As a senior program manager at Microsoft and other high tech companies I generally manage both the working process in software development environments as well as contribute to the user interface design and user experience. I know how important the entire lifecycle of software is to user interface (UI) and user experience (UX) design components and ongoing design needs from my actual experience.

DSC_1729Designers obtain information from the business on what is wanted for the interface. They have some access to end users in the best cases, or at least possess a baseline of end users needs. Designers and product manager write personas, scenarios, use cases, draw wire frames, design, try out rendered designs, perform user interface tests, and iterate these designs. Commonly developers just develop interfaces as described to them through the functional and design specifications.

More rarely they may even design and develop completely original interface tools, or use them in new ways that become part of the standard web lexicon of human computer interaction. They work together in groups to synthesize designs and that should be reflected in our learning environment.

Occasionally I hear about projects which failed often because the specification or the technical solution did not fit the required need. This is a result often of little or no communication in the SDLC process, probably due to a number of communication issues, a lack of emotional maturity, and brought about by not asking enough questions, out of fear, lack of engagement, or cultural norms.

Designers, product managers, and developers can be brought in during any part of a functional, design, or technical specification project and they need to know when to speak up to clarify such things as user interactivity issues, or articulate why something specified won’t work. It’s not enough to just say something won’t work in results focused companies, workers need to propose new solutions, and be prepared to defend their ideas and reasoning. These are the things I wanted the students to learn.

Mermaid entering UDistrict StarbucksLearning group dynamics in a safe learning environment helps to develop professional skills as critical assets before one’s job is on the line. Team structures and managers may either reward or condemn such initiative, and it’s pretty clear that rewards bring better results, often immediately. Being afraid of failure is not the same as being invested in success.

Emotional maturity is one of the human values I discussed with the class, which is important to understand working in this field both subjectively and objectively, in order to be successful. Even when a UI/UX expert’s ideas are correct or better -- their designs may not be selected for use -- it can be frustrating. The example I gave was:

“I witnessed an independent consultant from a widely used user interface firm become emotionally upset during a presentation, because a manager decided not to accept the recommendation to standardize the interface. In this case the person was not even aware of how emotionally involved they were, and how that reflected poorly on their consultancy.”

The other side of that example is that the expert was engaged for all the right reasons, in defense of the end user, but not in the right manner, which is a detached business sense, because such business decisions need to be viewed as not personal, even if they are.

UI design is a process. It requires an investment as an advocate of end users. It requires knowledge, passion, and courage; in that way it is a lot like teaching a class.

By doing some in depth thinking, reviewing some of the available The Ave, U District Seattle, students, another day in Nirvanamaterials, from the point of view of needing to prepare to teach a class in UI design, I reflected that it is not just who the users are and what they need, what is possible technically, or the physical UI components in terms of specific selection items: buttons and checkboxes, or aesthetic design choices such as colors; but more importantly is also an understanding an overview of the whole iterative process -- how UI design interacts highly with the design and development methodology in place, and where the designer / product manager / developer is within that SDLC framework timeline.

Considering the high level of knowledge of the class and the wealth of reference materials on user interface design, I decided to first focus on issues that are more process oriented and human based than the typical UI class might be.
Read more ...

Materials - moss on a tree with a black glass building in the background Wonderlane Blog






A link to my blog on Web application development, usability, and information.

Contact information

Linda Lane
linda@wonderlane.com
206.330.6080
or query 'Linda Lane' or 'Wonderlane' in a warm and friendly nearby Search engine.

watching a film the hard way
Found object, Anchorage Alaska

This site is Linda Lane's portfolio. Experienced working with cross-functional teams in information architecture, and design, Lane evaluates and designs User Interfaces for Web-based applications, builds interactive Web sites, program and project manages end-to-end Web application development, and creates marketing brands. View resume, formal education details, recommendations, & answers on product management.

  The Explaination

 

Linda Lane's Resume and Curiculum Vitae
eXTReMe Tracker
Linda Lane works co-operatively with technical, management and design teams to evolve web apps, user interfaces, and users experience at Visa, Microsoft, Amazon, EDS, Pandesic, Premera, RealNetworks, RareMedium, etc...

Read business process documentation and view design examples: See Web Architecture Blueprint - Website design and development Read Security for Secure Sites: HIPPA - article on security reviews Web Lifecycle Methodology - PowerPoint 2003 presentation. View Logo Designs.
Web Portfolio of Linda Lane

rossy linda duenas umbrella Guadalajara Mexico
Rossy in Guadalajara, Jalisco, Mexico showing off her beautiful city.

 

 


main | web design | photography | program management | interiors | marketing | writing | contact us

Wonderlane Studios, since 1996
Since 1996
info@wonderlane.com