This preview shows page 1. Sign up to view the full content.
Unformatted text preview: DIG3525: Project Management in Electronic Worlds Electronic
Lecture 4 Dr. Rudy McDaniel Summer 2005 Today’s Lecture Brief project updates (1-2 minutes each group) Announcements and housekeeping Review questions Review Quiz 2 Lecture: Lecture: Phase 3: Designing the Visual Interface Discuss Discuss this week’s group tasks (Protosite) & individual project proposals individual Class activities: sitemaps, wireframes, and user Class paths (15 min) paths Group work time (15 min)
Dr. McDaniel Summer 2005 DIG3525 Dr. 2 Announcements This This week your group will work on the site structure phase and the visual design phase. structure Remember to complete your Kick Off event by Remember Kick Saturday. Grades for Bundle1 have been posted. Saturday. The team Protosite is also due Saturday. The Protosite Midterm is coming up in 2 weeks (June 21st) and and covers Phases 1-4 and the Competition Analysis Phases from the Goto/Cotler text. Quiz 3 is next week. from No class on Tuesday, June 28th. This will be a This work day you can use to work in groups or to start working on your Individual Project Proposal. Individual
Dr. McDaniel Summer 2005 DIG3525 Dr. 3 This Week’s Tasks (By Thursday) You need to write a few You sentences that explain to me what you contributed for Bundle2. Bundle2. Use the WebCT Bundle2 link, Use and choose “Bundle 2 Duties.” Duties.” Upload a text file (.txt) or with Upload your 2-3 sentences. If there was a group member who did not participate, let me know via WebCT email! via
Dr. McDaniel Summer 2005 DIG3525 Dr. 4 This Week’s Tasks (By Saturday) This This is your major group task for this week – to create a Protosite. to Next batch of project plan documents due Next by Saturday at midnight (in .zip file): by Protosite design files (HTML and images) Staging “Live” Live” area version of your protosite. Post the link to this URL in the “Protosite Links” discussion forum. forum.
Dr. McDaniel Summer 2005 DIG3525 Dr. 5 Assigned Reading for This Week: Catch up on p. 119-178 Tuesday: Tuesday: Goto Goto & Cotler p. 119-142 (Phase 3: Design Visual Interface) Visual & Cotler p. 143-178 (Phase 4: Build and Integrate) Integrate) Thursday: Goto Goto Dr. McDaniel Summer 2005 DIG3525 Dr. 6 Review questions
1. 2. 3. 4. 5. What are the three perspectives we What discussed from which content can be viewed? (SPU) (SPU) What is the difference between a What wireframe and a sitemap? wireframe What is the difference between a What functional and a nonfunctional userfunctional path? What is greeking? What is user vertigo?
Dr. McDaniel Summer 2005 DIG3525 Dr. 7 Review: Quiz 2 Average score: 42% What went wrong? Tips for preparing for quiz 3: Do Do your preparation before the quiz (create outlines, jot down notes for each chapter, etc.) outlines, Stay calm and collected, read each question Stay carefully, and don’t panic! carefully, Quiz 3 will be a good indicator of how Quiz prepared you are for the midterm. prepared
Dr. McDaniel Summer 2005 DIG3525 Dr. 8 Phase 3: Introduction Phase Phase 3 deals with designing the visual interface. interface. Websites give the appearance of 2dimensional design but are actually more dimensional complex (more like product designs). Why is this? is Goto & Cotler say that “the time has come Goto for visual designers to think like coders.” Do you agree with this? Do
Dr. McDaniel Summer 2005 DIG3525 Dr. 9 What is a Designer? Designers are problem solvers. What sorts of problems do they have to What deal with? deal What tools do they have to work with in What solving their problems? solving What adversaries will they be coming up What against (both internal and external?) against
Dr. McDaniel Summer 2005 DIG3525 Dr. 10 The Creative Process & The Smart Design Smart Creativity Serving doesn’t always come easily Smart Design involves:
the audience’s needs Regulating the ambitions of the designer Keeping standards in mind Combining style and function How do you practice Smart Design?
Dr. McDaniel Summer 2005 DIG3525 Dr. 11 Reviewing Site Goals Don’t Don’t simply discard your information gathered from Phase 1; use it! gathered Use your Communication Brief as a Use “springboard for the creative process.” “springboard Think about client goals as well as about Think technical feasibility. technical What is an example of when client goals What and technical feasibility do not match? and
Dr. McDaniel Summer 2005 DIG3525 Dr. 12 Developing Concepts Like the other phases, Phase 3 also requires Like careful planning. careful Phase 2 (wireframes and user paths) must be Phase completed before Phase 3 can begin. completed So … your fastest workers should perhaps be So tasked with Phase 2 materials for the Protosite development. development. 2 Camps for developing concepts: 1) the Camps traditional camp, and 2) the digital camp traditional Your goal in developing concepts is to produce Your 2 or 3 solid designs to present to your client. or
Dr. McDaniel Summer 2005 DIG3525 Dr. 13 Design Considerations Platform Platform 99% (Mac vs. PC) designed on Macs, 97% viewed on PCs Colors appear slightly different Download Time Browser Compatibility Available Plugins (e.g. Flash) Accessibility Anything else?
Dr. McDaniel Summer 2005 DIG3525 Dr. 14 CSS CSS CSS (cascading style sheets) can improve the efficiency of your websites. efficiency EX: ESPN saved 2 Terabytes of outgoing EX: bandwidth daily by switching to CSS daily How does it improve efficiency? Less Less overall markup content improves the execution speed with which pages can be served speed <p><font color=“blue” size=“12”>Hello</font></p> (48 bytes) <p class=“bigblue”>Hello</p> (28 bytes) A savings of 20 bytes each time this css class is used! What else is nice about CSS?
Dr. McDaniel Summer 2005 DIG3525 Dr. 15 Screen Resolution 800 x 600 (around 40 percent) 1024 x 768 (gaining momentum) Only Only 955 x 600 viewable. Where do the extra pixels go? pixels Designers Designers generally like to design on 1024 x 768. Why? 768. Recommendations: make site Recommendations: “stretchable” or “liquid” to expand to the width of the browser. width
Dr. McDaniel Summer 2005 DIG3525 Dr. 16 Early Mistakes to Avoid Don’t Don’t give the client more than 3 design choices (you will promote client indecision) choices Don’t give the client any designs that you Don’t hate … they might end up loving it. hate Don’t rely on verbal feedback – request Don’t written feedback to protect yourself and your design team. your Don’t forget about your staging area!
Dr. McDaniel Summer 2005 DIG3525 Dr. 17 Dealing with your Client Sometimes Sometimes clients can have trouble articulating what they are looking for in their visual designs. their Remind them of what they asked for in the Remind Communication Brief. Communication Before you show your design to your Before client, use the checklist on pg. 131 and give it the Squint Test. Squint
Dr. McDaniel Summer 2005 DIG3525 Dr. 18 Graphic Templates A bit more mature than the “Look and bit Feel” versions Feel” Several templates may be required:
1. 2. 3. 4. 5. 6. Homepage Second Level Third Level Content Page Search Page Etc. Customized, technology-driven websites Customized, require even more. require
Dr. McDaniel Summer 2005 DIG3525 Dr. 19 Large Project Considerations Conventions Naming for working with layers (layer1 vs. sidebar nav layer) Ordering Placeholders State functionality (on/off, down/over) Available font libraries Using a design style guide Using design Keeping flattened images available The costs involved with non Royalty-free photos
Dr. McDaniel Summer 2005 DIG3525 Dr. 20 The Design Style Guide The The basis for a content management system system Should include components indicating the Should standard practices for dealing with: standard Page dimensions Headers and footers Colors HTML text Graphics and photos Naming and wording conventions (e.g. web site Naming vs. website, stylesheets vs. style sheets, etc.) vs.
Dr. McDaniel Summer 2005 DIG3525 Dr. 21 Phase 3: Summary Even Even though it seems less structured, the creative/visual phase still requires much planning and organization. planning This phases is about both creativity and This problem solving. problem It is essential during this phase to keep It your client on track and not let costs and time spiral out of control. time Next Week: Phase 4: Build and Integrate
Dr. McDaniel Summer 2005 DIG3525 Dr. 22 The Protosite & Individual Project See See the Protosite format requirements on Protosite our Sulley webpage. Sulley Protosite due by Saturday at midnight See See the Individual Project Proposal format Individual requirements, also on the Sulley webpage. Sulley Individual Individual project proposal due in several weeks. weeks. Dr. McDaniel Summer 2005 DIG3525 Dr. 23 Class Activity (15 min) Mad Mad Modders: 1) develop a fictional persona persona and a user scenario for a potential user (HS user student) of your teaching game. 2) sketch out some visual design ideas some The Game Golems: 1) develop 3-4 possible The wireframes to specify the site structure (see p. wireframes 110 for a list) for an internal page. 2) sketch out some visual design ideas some The Portal People: 1) examine the current DM The website and sketch out a sitemap. Then, revise sitemap Then, it based on your own needs. 2) sketch out some visual design ideas visual
Dr. McDaniel Summer 2005 DIG3525 Dr. 24 Group Tasks
1. 2. 3. Divide up the various sections of the Divide Protosite Protosite Divide your team up into 2 groups: Divide information architects and visual designers (graphics gurus) designers Your information architects should be Your feeding structure to the graphics gurus, who then make it visually compelling who
Dr. McDaniel Summer 2005 DIG3525 Dr. 25 ...
View Full Document
- Summer '09