amau

import fl.text.TLFTextField;import fl.controls.UIScrollBar;import flash.events.ProgressEvent;import flash.display.MovieClip;
var t:TLFTextField = new TLFTextField();var tf:TextFormat = new TextFormat();
t.width = 443;t.height = 252;t.x = 53;t.y = 122;t.background = false;t.paddingTop = 20;t.paddingBottom = 20;t.paddingLeft = 20;t.paddingRight = 20;t.wordWrap = true;addChild(t);
var textLoad:URLLoader = new URLLoader();textLoad.addEventListener(ProgressEvent.PROGRESS, progressHandler);textLoad.addEventListener(Event.COMPLETE, textLoaded);textLoad.load(new URLRequest(“sample.txt”));

function progressHandler(e:ProgressEvent):void{ loadA.prog_txt.visible = true; //var percent:int = MovieClip.percentLoaded; //loadA.prog_txt.text = String(uint(MovieClip.percentLoaded)) + “%”; //loadA.visible = true; //loadA.gotoAndStop(Math.ceil(percent)); }
function textLoaded(e:Event):void{ var txt:String = URLLoader(e.target).data as String; t.text = txt; tf.color = 0×336633; tf.font = “Arial”; tf.size = 14; t.setTextFormat(tf); loadA.visible = false; loadA.prog_txt.visible = false;}
var scroller:UIScrollBar = new UIScrollBar();scroller.move(t.x + t.width, t.y );scroller.height = t.height;scroller.scrollTarget = t;addChild(scroller);scroller.visible = true;

loading

admin — Wed, 09 Nov 2011 04:55:28 +0000

http://jimpunk.net/Loading/?page_id=9

Design in Post Digital Age

admin — Tue, 08 Nov 2011 02:00:52 +0000

workshop form team
WED meet tutor for tutorial progress
interface design and user centre design
Things getting faster and faster, more and more space require
Alexander Graham BellSon and Grandson of authorities in elocution and the correction of speech.

xerox alto
Technology inspires art and,art challenges the technology
User Centered DesignObservationProblem anysls and Brainstorming
Tutorials by teamCheck the progress of the project.

Principles of Interaction Design
Design Process:1.Observation2. Problem Analysis3. Brainstorming
4. Prototyping5. User Testing6. Evaluation7. Refinement - Loop 4
13 Principles of Interaction DesignAestheticsAnticipationAutonomyConsistencyCustomization
Effective Interface1.Visually clear and understandable2.A sense of control3.Breadth of options4.Know hour to achieve goals5.Abstraction of inner working6.Work is carefully and continuously saved7.With full options for undo any activity at any time
—————————-Aestheticsimplicit and explicit communicationcontribute to user experience
Anticipationanticipation user wants and needs - guess user
Autonomystatus update – like the bubble appear on the the apps corner
Consistencylooks, feels and behaves the same in various statesVisible structures like, icons, boxes, scroll, etc.LocationShortcuts – Ctrl+SMake object consistent with their behavior, make objects that act differently look different.Consistency with user expectation – emboss button.
Customization and Defaultmake assumption of usage, but don’t mandate it
Envisioning Information 構想don’t overwhelm user with data, present them in an easy way
Fitt’s Lawtime to acquire a target is a function of the distance to and size of the target “the closer and bigger the easier to hit”Frequency of useTraveling time of cursor / fingerStep of usage
Affordance & FeedbackProvide handles to work and manipulate – button sizeKeep user informed what its doing and has done - like iPhone keyboard tells which keys you have been pressed
Memorabilityreduce needs for user to memorize – bookmark
Metaphorsevoke the familiar, simplify complex tasks
Readabilitytext has high contrast, black text on white is the best.
Explorable interfaceWell marked roads and land marks for exploariondon’t trap user with a single path, but offer path of least resistanceallow a way out but make it easier to stay in
Undoundo should be as easy or easier than do
————————–Persona – a user profile
Describing your user and their characteristicsUnderstanding and communicating Contexts Desires Needs User behaviors
Include a photoBackground informationDescriptions of how user would use the product’s features
Referring of specific types of user during design & evaluation
Describe user’s goal and some of the interactionunderstand important task in the user-interface
Task- A screen