\u611f\u8c22eros_chan \u63d0\u4f9b\u7ffb\u8bd1<\/b><\/p>\n
Based on recommendations from top Macromedia Flashdesigners, developers, and usability experts we've collected the top ten tipsfor creating usable Macromedia Flash sites. <\/p>\n
\u57fa\u4e8e\u4eceMACROMEDIA\u7684\u9876\u7ea7FLASH\u8bbe\u8ba1\u4e13\u5bb6\uff0c\u5f00\u53d1\u8005\u548c\u53ef\u7528\u6027\u4e13\u5bb6\u7684\u5efa\u8bae\uff0c\u6211\u4eec\u6536\u96c6\u6574\u7406\u4e86\u521b\u5efa\u53ef\u7528\u7684FLASH\u7ad9\u70b9\u7684\u5341\u6761\u63d0\u793a\u3002<\/p>\n
These tips are just a start and we will continue to providemore usability research, studies and articles. <\/p>\n
\u8fd9\u5199\u5c0f\u63d0\u793a\u53ea\u662f\u4e00\u4e2a\u5f00\u59cb\uff0c\u6211\u4eec\u5c06\u7ee7\u7eed\u63d0\u4f9b\u66f4\u591a\u7684\u53ef\u7528\u6027\u8c03\u67e5\uff0c\u7814\u7a76\u548c\u6587\u7ae0\u3002
\n<\/p>\n
1. RememberUser Goals \u8bb0\u4f4f\u7528\u6237\u7684\u76ee\u6807<\/p>\n
Users typically come to a site with a goal in mind. Eachlink and click should meet their expectations and lead them toward their goal.When streaming your site, have key navigation links appear first, in case theuser wants to get to another area in the site. Emulating common GUI elementswill increase usability. <\/p>\n
\u7528\u6237\u901a\u5e38\u5e26\u7740\u5893\u5730\u8bbf\u95ee\u4e00\u4e2a\u7ad9\u70b9\uff0c\u6bcf\u4e00\u4e2a\u94fe\u63a5\u548c\u70b9\u51fb\u5e94\u8be5\u8fce\u5408\u4ed6\u4eec\u7684\u671f\u671b\uff0c\u5f15\u5bfc\u4ed6\u4eec\u63a5\u8fd1\u76ee\u6807\u3002\u5f53\u5c55\u73b0\u4f60\u7684\u7ad9\u70b9\u7684\u65f6\u5019\uff0c\u5148\u663e\u793a\u5173\u952e\u7684\u5bfc\u822a\u94fe\u63a5\uff0c\u4ee5\u5907\u7528\u6237\u9700\u8981\u8fdb\u5165\u7ad9\u70b9\u7684\u53e6\u4e00\u4e2a\u533a\u57df\u3002\u8fd0\u7528\u901a\u7528\u7684\u56fe\u5f62\u754c\u9762\u5143\u7d20\u5c06\u4f1a\u589e\u52a0\u53ef\u7528\u6027\u3002<\/p>\n
2. RememberSite Goals \u8bb0\u4f4f\u7ad9\u70b9\u7684\u76ee\u6807<\/p>\n
Site design should reflect business or client needs,effectively communicating the main message and promoting the brand. Yet sitegoals are best achieved by respecting the user experience, so site structureshould reflect user needs, quickly leading the user to their goal and avoidingcompany or regional jargon. <\/p>\n
\u7ad9\u70b9\u8bbe\u8ba1\u5e94\u8be5\u53cd\u6620\u5546\u4e1a\u6216\u662f\u7528\u6237\u9700\u6c42\uff0c\u6709\u6548\u5730\u4f20\u9012\u4e3b\u8981\u8baf\u606f\u548c\u63d0\u5347\u54c1\u724c\u3002\u7136\u800c\u8fbe\u6210\u7ad9\u70b9\u76ee\u6807\u7684\u6700\u4f73\u65b9\u5f0f\u662f\u5c0a\u91cd\u7528\u6237\u7ecf\u9a8c\uff0c\u5e94\u8d50\u7ad9\u70b9\u7ed3\u6784\u5e94\u8be5\u53cd\u6620\u7528\u6237\u9700\u6c42\uff0c\u8fc5\u901f\u5f15\u5bfc\u7528\u6237\u8fbe\u6210\u76ee\u6807\u800c\u907f\u514d\u907f\u514d\u5546\u4e1a\u6216\u8005\u533a\u57df\u6027\u7684\uff08\u751f\u50fb\uff09\u884c\u8bdd\u3002 <\/p>\n
3. AvoidUnnecessary Intros \u907f\u514d\u4e0d\u5fc5\u8981\u7684\u5f15\u5b50<\/p>\n
While intro animations are exciting, they often delay theuser's access to the information they seek. Always offer users either a SkipIntro command or alternative access to your home page. On their second visit toyour home page, skip the intro animation altogether (use a client-sideJavaScript cookie to accomplish this) then on the destination page give theoption of returning to the animation. <\/p>\n
\u5f53\u5f15\u5b50\u52a8\u753b\u5b58\u5728\u7684\u65f6\u5019\uff0c\u4ed6\u4eec\u7ecf\u5e38\u4f1a\u62d6\u5ef6\u7528\u6237\u8fdb\u5165\u4ed6\u4eec\u5bfb\u6c42\u7684\u4fe1\u606f\u3002\u603b\u662f\u63d0\u4f9b\u7528\u6237\u7701\u7565\u5f15\u5b50\u7684\u547d\u4ee4\u6216\u8005\u53ef\u9009\u62e9\u8fdb\u5165\u4f60\u7684\u4e3b\u9875\u3002\u5f53\u4ed6\u4eec\u7b2c\u4e8c\u6b21\u8fdb\u5165\u4f60\u7684\u4e3b\u9875\u7684\u65f6\u5019\uff0c\u5b8c\u5168\u7701\u7565\u5f15\u5b50\u52a8\u753b\uff08\u8fd0\u7528\u5ba2\u6237\u7aefjavascript\u4ee3\u7801\u548ccookie\u5b9e\u73b0\uff09\uff0c\u7136\u540e\u5728\u76ee\u6807\u9875\u9762\u7ed9\u51fa\u8fd4\u56de\u52a8\u753b\u7684\u9009\u62e9\u3002<\/p>\n
4. ProvideLogical Navigation and Interactivity \u63d0\u4f9b\u7b26\u5408\u903b\u8f91\u7684\u5bfc\u822a\u548c\u4ea4\u4e92<\/p>\n
\u00b7 Keep the user oriented: Display theprevious location and guide users to their next one. Remind users where they'vebeen by programming links to change color after being visited. \u4ee5\u7528\u6237\u4e3a\u5bfc\u5411\uff1a\u663e\u793a\u524d\u4e00\u4e2a\u6d4f\u89c8\u4f4d\u7f6e\uff0c\u5f15\u5bfc\u7528\u6237\u8fdb\u5165\u4e0b\u4e00\u4e2a\u3002\u901a\u8fc7\u7f16\u7a0b\u5b9e\u73b0\u7684\u5728\u6d4f\u89c8\u540e\u6539\u53d8\u989c\u8272\u7684\u94fe\u63a5\u63d0\u9192\u7528\u6237\u5df2\u7ecf\u8bbf\u95ee\u8fc7\u54ea\u4e9b\u5730\u65b9\u3002 <\/p>\n
\u00b7 Give users an easy exit from each majorsection of the site and an easy return to their starting point. \u5728\u7ad9\u70b9\u5404\u4e2a\u4e3b\u8981\u90e8\u5206\u63d0\u4f9b\u7528\u6237\u4e00\u4e2a\u7b80\u5355\u7684\u9000\u51fa\u65b9\u5f0f\u548c\u8fd4\u56de\u521d\u59cb\u70b9\u7684\u65b9\u5f0f\u3002<\/p>\n
\u00b7 Clearly indicate each link'sdestination. Keep navigation structures and nomenclature visible, rather thanhiding them until the user has triggered an event (such as a mouse over). \u6e05\u6670\u7684\u9884\u793a\u6bcf\u4e2a\u94fe\u63a5\u7684\u76ee\u6807\u3002\u4fdd\u6301\u5bfc\u822a\u7ed3\u6784\u548c\u547d\u540d\u53ef\u89c6\uff0c\u800c\u4e0d\u8981\u9690\u85cf\u4ed6\u4eec\u76f4\u5230\u7528\u6237\u89e6\u53d1\u4e00\u4e2a\u4e8b\u4ef6\uff08\u6bd4\u5982\u9f20\u6807\u79fb\u8fc7\uff09\u3002 <\/p>\n
\u00b7 Make sure your buttons have well-definedhit areas. \u786e\u5b9a\u4f60\u7684\u6309\u94ae\u6709\u5408\u9002\u7684\u70b9\u51fb\u533a\u57df\u3002 <\/p>\n
\u00b7 Display primary site navigationalelements first by using the streaming capabilities of Macromedia Flash. \u8fd0\u7528flash\u7684\u6d41\u5f0f\u8f93\u51fa\u9996\u5148\u663e\u793a\u4e3b\u8981\u7684\u7684\u7ad9\u70b9\u5bfc\u822a\u5143\u7d20\u3002<\/p>\n
\u00b7 Support back button navigation. To dothis using built-in browser forward and back navigation, separate Flash moviesinto logical chunks and place them on individual HTML pages. Alternatively, setup the movie to include a Flash-based Back Button that the user can use toreturn to a frame or scene that represents a logical previous page. \u652f\u6301\u8fd4\u56de\u6309\u94ae\u3002\u4e3a\u4e86\u4f7f\u7528\u6d4f\u89c8\u5668\u7684\u524d\u8fdb\u548c\u8fd4\u56de\u5bfc\u822a\uff0c\u5206\u5272falsh\u5f71\u7247\u6210\u903b\u8f91\u6bb5\u843d\uff0c\u5206\u522b\u653e\u7f6e\u5728\u72ec\u7acb\u7684html\u9875\u9762\u4e0a\u3002\u6216\u8005\u5efa\u7acb\u57fa\u4e8eflash\u6280\u672f\u7684\u540e\u9000\u6309\u94ae\uff0c\u7528\u6237\u53ef\u4ee5\u7528\u6765\u8fd4\u56de\u4e00\u4e2a\u663e\u793a\u6709\u903b\u8f91\u7684\u201c\u524d\u4e00\u9875\u201d\u7684\u6862\u6216\u8005\u573a\u666f\u3002<\/p>\n
5. Design forConsistency \u8bbe\u8ba1\u7684\u4e00\u81f4\u6027<\/p>\n
Consistency in user interface is the best way to improveyour site's performance. Reusing architecture elements, design elements, andnaming conventions frees the user's attention for your message while theynavigate to their goal, and it also aids site maintenance. You can use SmartClips to reuse interactive elements throughout the site, and have words andimages from initial navigation links reappear on destination pages. <\/p>\n
\u4fdd\u6301\u7528\u6237\u754c\u9762\u7684\u4e00\u81f4\u6027\u662f\u63d0\u9ad8\u7ad9\u70b9\u7684\u6027\u80fd\u7684\u6700\u4f73\u65b9\u5f0f\u3002\u91cd\u590d\u8fd0\u7528\u4f53\u7cfb\u5143\u7d20\uff0c\u8bbe\u8ba1\u5143\u7d20\u548c\u547d\u540d\u4e60\u60ef\uff0c\u662f\u7528\u6237\u5728\u6d4f\u89c8\u76ee\u6807\u4fe1\u606f\u65f6\u6ce8\u610f\u529b\u4e0d\u81f4\u88ab\u7ad9\u70b9\u63d0\u793a\u5206\u6563\u3002 <\/p>\n
6. Don'tOveruse Animation \u4e0d\u8981\u8fc7\u5ea6\u4f7f\u7528\u52a8\u753b<\/p>\n
Avoid unnecessary animations. The best animations reinforcethe site's goals, tell a story, or aid in navigation. Repeated animations ontext-heavy pages distract the eye from the message of the page. <\/p>\n
\u907f\u514d\u4e0d\u5fc5\u8981\u7684\u52a8\u753b\u3002\u6700\u4f73\u7684\u52a8\u753b\u4f7f\u7528\u52a0\u5f3a\u7ad9\u70b9\u7684\u76ee\u6807\u6027\uff0c\u8bb2\u8ff0\u6545\u4e8b\uff0c\u6216\u8005\u5e2e\u52a9\u5bfc\u822a\u3002\u5728\u6587\u5b57\u96c6\u4e2d\u9875\u9762\u7684\u91cd\u590d\u52a8\u753b\u5e72\u6270\u7528\u6237\u89c6\u7ebf\u4e0d\u80fd\u4e13\u6ce8\u4e8e\u9875\u9762\u4fe1\u606f\u3002<\/p>\n
7. Use SoundSparingly \u8c28\u614e\u4f7f\u7528\u58f0\u6548<\/p>\n
Sound should enhance your site but not be indispensable. Forexample, use sound to indicate that the user has just triggered an event.Always provide on, off, and volume control on screen, and remember that soundsignificantly increases file size. When you do use sound, Macromedia Flash willcompress music into small MP3 files and even stream it.<\/p>\n
\u58f0\u97f3\u63d0\u5347\u4f60\u7684\u7ad9\u70b9\u4f46\u4e0d\u662f\u4e0d\u53ef\u7f3a\u5c11\u7684\u3002\u4f8b\u5982\uff0c\u4f7f\u7528\u58f0\u97f3\u53bb\u63d0\u793a\u7528\u6237\u5df2\u7ecf\u89e6\u53d1\u4e86\u4e00\u4e2a\u4e8b\u4ef6\u3002\u59cb\u7ec8\u5728\u5c4f\u5e55\u63d0\u4f9b\u58f0\u97f3\u5f00\uff0c\u5173\u548c\u97f3\u91cf\u63a7\u5236\uff0c\u8bb0\u4f4f\u58f0\u97f3\u5c06\u4f1a\u6781\u5927\u589e\u52a0\u6587\u4ef6\u5927\u5c0f\u3002\u5f53\u4f60\u4f7f\u7528\u58f0\u97f3\u65f6\uff0cflash\u4f1a\u538b\u7f29\u58f0\u97f3\u6587\u4ef6\u6210\u5c0f\u7684mp3\u683c\u5f0f\u5e76\u4e14\u6d41\u5f0f\u8f93\u51fa\u4ed6\u3002 <\/p>\n
8. TargetLow-Bandwidth Users \u8003\u8651\u4f4e\u5e26\u5bbd\u7528\u6237<\/p>\n
The smaller the download, the better. The initial screendownload should be no more than 40k, including all Macromedia Flash files,HTML, and images. To reduce download time, use smaller vector-based images(unless the image is a complex bitmap, in which case it's better left as abitmap file), and use the Load Movie action only when the user specificallyrequests a file. If a wait is unavoidable, provide a load time sequence with aprogress indicator, and have navigation load in the first 5 seconds wheneverpossible. <\/p>\n
\u9700\u8981\u4e0b\u8f7d\u7684\u6587\u4ef6\u8d8a\u5c0f\u8d8a\u597d\u3002\u6700\u521d\u7684\u5c4f\u5e55\u4e0b\u8f7d\u6587\u4ef6\u4e0d\u5e94\u5927\u4e8e40K\uff0c\u5305\u62ecflash\u6587\u4ef6\uff0chtml\u548c\u56fe\u7247\u3002\u4e3a\u4e86\u51cf\u5c11\u4e0b\u8f7d\u65f6\u95f4\uff0c\u4f7f\u7528\u5c0f\u7684\u77e2\u91cf\u56fe\u7247\uff08\u9664\u975e\u56fe\u7247\u662f\u4e00\u4e2a\u590d\u6742\u4f4d\u56fe\uff0c\u5728\u6b64\u79cd\u60c5\u51b5\u4e0b\u6700\u597d\u4fdd\u6301\u5b83\u7684\u4f4d\u56fe\u683c\u5f0f\uff09\uff0c\u53ea\u6709\u5728\u7528\u6237\u8981\u6c42\u4e0b\u4f7f\u7528\u8f7d\u5165\u5f71\u7247\u7684\u547d\u4ee4\u3002\u5982\u679c\u4e00\u4e2a\u7b49\u5f85\u662f\u4e0d\u53ef\u907f\u514d\u7684\uff0c\u63d0\u4f9b\u4e00\u4e2a\u4e0b\u8f7d\u65f6\u95f4\u8fdb\u5ea6\u6761\uff0c\u5c3d\u53ef\u80fd\u7684\u4f7f\u5bfc\u822a\u5728\u6700\u521d\u4e94\u79d2\u5185\u8f7d\u5165\u5b8c\u6210\u3002 <\/p>\n
9. Design forAccessibility \u6613\u7528\u6027\u8bbe\u8ba1<\/p>\n
Make your content available to all users, including thosewith disabilities. Highly descriptive Alternate Tags allow your content to beinterpreted by assistive technology. The magnifying Smart Clip for zoom isanother easy-to-use Macromedia Flash feature that allows more users to see yourcontent. For an in-depth discussion about making Macromedia Flash content accessible,see the Macromedia Flash Accessibility site. <\/p>\n
\u662f\u4f60\u7684\u5185\u5bb9\u5bf9\u6240\u6709\u7528\u6237\u53ef\u7528\uff0c\u5305\u62ec\u6b8b\u969c\u4eba\u58eb\u3002\u9ad8\u63cf\u8ff0\u6027\u7684\u66ff\u6362\u6807\u8bb0\u4f7f\u4f60\u7684\u5185\u5bb9\u80fd\u88ab\u8f85\u52a9\u6280\u672f\u6240\u89e3\u6790\u3002\u5f71\u7247\u653e\u5927\u65f6\u53e6\u4e00\u9879flash\u7684\u6613\u4e8e\u4f7f\u7528\u7279\u6027\uff0c\u5141\u8bb8\u66f4\u591a\u7684\u7528\u6237\u89c2\u770b\u4f60\u7684\u5185\u5bb9\u3002\u5173\u4e8e\u66f4\u591a\u6df1\u5c42\u6b21\u7684\u63d0\u9ad8flash\u53ef\u7528\u6027\u8ba8\u8bba\uff0c\u8bbf\u95eeflash\u53ef\u7528\u6027\u7f51\u7ad9\u3002<\/p>\n
10. Test forUsability \u53ef\u7528\u6027\u6d4b\u8bd5<\/p>\n
Have someone with fresh eyes test drive your site to make sureit accomplishes both user goals and site goals. Even compact Macromedia Flashanimations can delay users from reaching their goal, so use Macromedia Flash'sbuilt-in Bandwidth Profiler (located in the View menu in Test Movie mode)toanalyze how well your site will perform over various bandwidths. Re-test thesite each time you make even small changes. Make sure your site testers matchthe demographic of your site's anticipated audience\u2014especially if theanticipated audience includes users at various levels of comfort with sitenavigation.<\/p>\n
\u8bf7\u65b0\u4eba\u6d4b\u8bd5\u4f60\u7684\u7f51\u7ad9\u786e\u4fdd\u5b83\u5b9e\u73b0\u4e86\u7528\u6237\u76ee\u6807\u548c\u7ad9\u70b9\u76ee\u6807\u3002\u5373\u4f7f\u538b\u7f29\u7684flash\u52a8\u753b\u4f1a\u5ef6\u8bef\u7528\u6237\u8fbe\u6210\u6d4f\u89c8\u76ee\u6807\uff0c\u56e0\u6b64\u5e94\u8be5\u4f7f\u7528flash\u5185\u5efa\u7684\u5e26\u5bbd\u6a21\u62df\u5de5\u5177\uff08\u4f4d\u4e8e\u67e5\u770b\u83dc\u5355\u2014\u6d4b\u8bd5\u5f71\u7247\u6a21\u5f0f\uff09\u53bb\u5206\u6790\u4f60\u7684\u7ad9\u70b9\u5728\u5404\u79cd\u5e26\u5bbd\u4e0b\u7684\u663e\u793a\u6548\u679c\u3002\u751a\u81f3\u5728\u4f60\u6bcf\u6b21\u505a\u4e86\u5fae\u5c0f\u6539\u52a8\u4e4b\u540e\u90fd\u5e94\u8be5\u91cd\u65b0\u6d4b\u8bd5\u3002\u786e\u5b9a\u4f60\u7684\u7ad9\u70b9\u6d4b\u8bd5\u8005\u7ed3\u6784\u7b26\u5408\u4f60\u7684\u9884\u671f\u89c2\u4f17\u7684\u4eba\u53e3\u7edf\u8ba1\u5b66\u2014\u7279\u522b\u662f\u5982\u679c\u9884\u671f\u89c2\u4f17\u4e2d\u5305\u542b\u5404\u79cd\u5bf9\u7ad9\u70b9\u6d4f\u89c8\u6ee1\u610f\u5ea6\u4e0d\u540c\u7684\u7684\u7528\u6237\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u611f\u8c22eros_chan \u63d0\u4f9b\u7ffb\u8bd1 Based on recommendations from top Macr […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-61","post","type-post","status-publish","format-standard","hentry","category-3"],"views":62022,"_links":{"self":[{"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=\/wp\/v2\/posts\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":0,"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=\/wp\/v2\/posts\/61\/revisions"}],"wp:attachment":[{"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ucdchina.com\/baiya\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}