SD2019 USER‐CENTERED DESIGN FOR WWW PROJECT‐INFORMATION ARCHITECTURE REPORT ‐DEDIGNBOOM.COM‐ GROUP MEMBER: CHEUNG KA YI,JESSIE(07083764D) CHENG YAN YAN,YAN YAN(07090004D) HUNG CHUN HO,DONALD(07531262D)
BACKGROUNG OF DESIGNBOOM Types of web system of Designboom Designboom is a design portal ,web‐based gateway, for users to locate relevant content about design and it provides the functions and features to authenticate and identify the users. It also provides them with an easy, personalized and user‐customizable web‐interface for facilitating access to information and services that are of primary relevance and interests to the users. Versatile functions are provided for the organization to catalogue .Designboom is also a business to consumers portal .It is no longer be both business to business and consumers to consumers portal .
So , designboom brings the vast information and service resources available from many sources to many users in an effective manner. Users can be easy to find their needs through this convenient ,effective and unified system .
Reasons for using design portal Centralized application is necessary to the same enterprise to share the information across the applications. Various users with different roles prefer to have a single access point to all of them over the Internet. They like to personalize the applications and have the coupled applications coordinated. So, designboom group their information and services based on the division of different departments .Thus, users can recognize which departments include information they need .This way of grouping is user‐friendly and convenient to different users in an efficient and effective manner .
Functions and features of design portal: 1. Set up and update anytime: Allowing different information‐ and service‐providing departments to set up and update their own information and services adjusted specifically for different user groups according to the common user profiles (such as grades, departments associated, etc.) and the specific needs of these user groups at specific times.
2. Present automatically: Presenting automatically the information and services that a user would need according to his profile at the appropriate time. In Designboom ,user can use the designboom newsletter to receive updated news by email .
3. Allow selection: Allowing a user to select the information and services that are his interests and to customize their presentation.
4. Setup information and services from users' perspective: Setting up information and services from users' perspective rather than from the angle of convenience of the services providers.(refer to user scenarios)
Properties of portal: •
Unify headers and footers, color schemes, icons and logos which gives the user a feel and sense of consistency, uniformity, and ease of navigation.
• • •
A portlet is an application within a browser window, displayed in an effective layout A portlet is itself a web application Portlets are aggregated by the portal page
Advantages of using portal: • • • •
Intelligent integration and access to enterprise content, applications and processes Improved communication and collaboration among customers, partners, and employees Unified, real‐time access to information held in disparate systems Personalized user modification and maintenance of the website presentation
Target audience:
covering the fields of art, design & architecture since 1999
Analysis: Numbers of audience in Asia and North America become higher because of higher emphaisise on Asian and North American .
Analysis:
-Household income - visit most :$60‐100k or more(61%) ‐ visit least :$0‐30k(17%) Reason: Audience who have higher income can afford the high price of art works and products sold in shop or mart. Also ,audience have higher qualification / higher income may visit Designboom for researching of information or for e‐learning . On the contrary, audience with lower income cannot afford the high price of products and courses .
‐Ethnicity – visit most :Europe(74%) ‐ visit least : Africa(2%) Reason: Designboom.com is created by American .Their major language thus is their mother language ,English .Also , most of European are having high property so they can afford cost of education. On the contrary ,most African are poor that cannot afford the high cost of education .So they do not learn English and have never visited designboom.com. Also , number of computers in Africa is very low because of the poor technology development .
‐Head of household education‐ visit most : graduated school and college (84%) ‐ visit least : no college(16%) Reason : Most of graduated school people and college people have heard designboom during education period .So they know they can seek for information and knowledge in designboom. Such as education courses provided in Design‐aerobics that they can learn knowledge . On the contrary ,no college people may have never heard about designboom .So that they don’t know designboom has some information they need .
-Children ages 6-17 in household- Yes(62%) ‐ No(38%) Reason: Children ages 6-17 are normally studying primary school and secondary schools .They are studying academic knowledge .They have no specific education in aspect of design .Thus , they have never heard about Designboom . On the contrary , children who older than 17 may study specific aspect such as design in specific schools .Thus ,they have more chances to listen to Designboom than others .
Definition E-Marketplaces of design boom Mart Mart may mean: A fair, a trading center, a market, a place where goods are sold. Flea market Flea market is a place where vendors come to sell or trade their goods. The vast majority of flea markets in rural areas sell goods that are second-hand. Shop Shop may refer to: A retail shop or store /online shop /workshop /machine shop/paint shop
Electronic learning (E-Learning) A general term used to refer a form of learning in which the instructor and student use online technologies. In companies it is referred to the strategies that use the company network to deliver training courses to employees. Lately in most Universities, e-learning is used to define a specific mode to attend a course or programmers of study where the students rarely, if ever, attend face-to-face or for on-campus access to educational facilities, because they study on-line.
RSS RSS is a family of Web feed formats used to publish frequently updated content such as blog entries, news headlines, and podcasts.
Negotiation: -There are 3 modes of negotiation required in contemporary electronic marketplaces (eMarketplaces), in which all types of business-to-business (B2B), business-to-customer (B2C) and customer-to-customer (C2C) -We are going to search for the following 2 types:
Business-to-consumer Business-to-consumer (B2C) describes activities of E-businesses serving end consumers with products and/or services
Consumer-to-consumer Consumer-to-consumer (C2C) electronic commerce involves the electronically-facilitated transactions between consumers through some third party. A common example is the online auction, in which a consumer posts an item for sale and other consumers bid to purchase it; the third party generally charges a flat fee or commission. The sites are only intermediaries, just there to match consumers. They do not have to check quality of the products being offered.
Comparison of design boom’s existing and the previous information of web 2000’s
2008’s
Categories
Flea market
Shop
2000’s 2008’s Remarks X Design boom’s flea market is a C2C business mode which √ between users only. The user can sell their goods through this system. But it’s estimated it may cause serious overhead costs as they done using email or traditional communication technology such as phones or face-to-face meeting. The existing web change to have “Shop” and “Mart” instead of Flea market. It’s seems that much more advantage is discovered of using B2C business mode for design boom. Estimated reasons/ Advantages: √ √ ●Shopping can be faster and more convenient. ● Offerings and prices can change instantaneously. ● Call centers can be integrated with the website. ●The management of the website and the selling method would be more unified ●Customer would have more confidence on the quality of products. ●To ensure there are no second-hand products sold in the website and tort problem.
Mart
X
√
Design boom marts are a promotion place for the group exhibitions. Mart visitors can purchase intelligent, useful and quirky items for a symbolic price. “Mart” provides an unprecedented opportunity and a physical place to meet the young avant-garde and become familiar with their work. Designers have the opportunity to meet and discuss with customers, manufacturers, distributors, and press and museum curators. Therefore, The Mart provides a medium of communication for interested group. It’s estimated that design boom decide to be a communicate website in the future. It’s also discovered that some design aerobics courses’ project went on to participate at the marts. There are much more connection and communication of content between different part of design boom website now.
Categories
Entertainment
Contemporary
2000’s 2008’s Remarks √ X There is “trend guide”, “play on design”, “trashy interiors” and “interior” included in “Entertainment” part of previous design boom website. It’s seems to contain different kinds of design’s information, for example, shoes trend, interior design. The existing web now does not have an entertainment part. But it’s estimated that it convert the format to “contemporary”, “blog” and “Design-Aerobic”
X
√
Estimated reasons/ Advantages: ●It maintains certain orderliness in different kinds of design materials/information by grouping in “Contemporary”. ●Design boom decide to promote e-learning. It can point out that these 3 main categories are designed for
DesignAerobics
X
√
Blog(RSS)
X
√
information searching reason. ●Design-aerobic now offers many online education courses for people. It seems design boom use the network to deliver training courses to achieve the aim of e-learning. ●Design-aerobic replace the entertainment element as it’s courses is a kind of entertainment, just like “play on design” in part of “entertainment” in 2000’s ●The new Blog (RSS) function appears to be more active for e-learning because of more updated content, a wide coverage, and abundant types of design information.
Categories
Zoon
Exhibition
2000’s 2008’s Remarks √
√
X
X
For the “Zoon” part in 2000’s, it includes “education”, “report” and “short essay” and “snapshot” part. Now, most of the small part of “Zoon” is independent. Estimated reasons/ Advantages: ●The organization method of part to “Zoon” is not clear. People may consider it difficult to know the meaning of “Zoon” ●The existing web now has main categories for e-learning which instead of “education “part. ●”Report” and “short essay” are replaced by “Book Report” and “Blog” now. In 2000’s, “Exhibition” is an independent part which contains gallery and information of each exhibition. And there is a “snapshot” part in “Zoon”. But the existing web combine the entire photo gallery into new part “Snapshots” which be separated.
Snapshots
X
√
Estimated reasons/ Advantages:
●People can find it much more easy to understand the location of different kinds of photos are grouped to “Snapshot” ●The format of “exhibition” convert to “Mart” which is a new part to promote the entire exhibition.
Categories
2000’s 2008’s Remarks
Agenda
√
Language version
Italian
X
It’s known that “Agenda” part is included in 2000’s.There are “fan club”, “city guide” and “calendar”. It’s seemed that pervious design boom website focus on a certain group. Also, it originally only has one language version (Italian) which is a part of Europe. But now, design boom Seems to expand its business by increase its readership. Estimated reasons/ Advantages: ●Through the readership distribution. Design boom’s main Korean& readership comes from Europe. To expand the business, Japanese they decide to include new language version” Korean& Japanese” which is a part of Asia. ●From this new year, Asia’s design rapid develops, such as business of design week is leaded by Asia. So, the change of language version shows their expectation of expanding business. ●A new part called “Competition” is included in 2008’s. It’s suggested that design boom expect to attract different
√
X
Competition
place and kinds of people to participate in their function. It seems to change to focus to a rather large group of masses now. ●Some of competition works would be made available through design boom’s online shop, therefore can increase the content of website and also enlarge their business.
Categories Interview Newsletter
Categories Search engine
Google search
2000’s 2008’s Remarks √ √ Such an important part of design boom. Designer can learn to be more creative from others. √ √ It’s a direct promotional method from obtaining email of people who are interested in latest news. 2000’s 2008’s Remarks √ √ Both period have a search engine, but in 2008’s, it change to use a Google search engine which have 2 selection(within design boom/within web).It’s more comprehensive for user to search for information. X
√
Content creation of Design boom Editorial internship Design boom is seeking an editorial intern: z The internship runs approximately 8 months. z The intern would need to work in design boom’s office z The intern will receive a contribution to living expenses; payment will include work-travel stipends. z The intern should be a creative and enthusiastic individual z The intern should have excellent verbal and writing skills z The intern should have a background in one or more of the following areas: industrial design-, graphic design-, communications
The aim of providing this opportunity for young talents to be an intern: z Allow the youth to gain practical experience of internet z To experience the life and culture
Editorial internship responsibilities: z The intern will provide general writing, editing, and research support. z Helping to manage the day-to-day production of design boom’s editorial content. z The intern will be actively involved in developing provocative features, current news updates, analyzing the design's artistic, ecological, social, political and economic dimensions. z The intern is directly co-responsible for producing the majority of original content on design boom. z The intern also contributes to conceive, develop and produce design boom’s unique online design education courses (‘design-aerobics'.) z Take part in planning design articles and design lessons from concept to final publication z Take part in site updates, blog writing. z Take part in interviewing people. z Helping coordinate and assist in creation of the many events and design boom exhibitions z Work on supplemental publications, as books / posters ...; minor administrative duties.
So,nearly 90% of the content of the website of Design boom come from editorial internship.
The Blog (RSS) function RSS is a family of Web feed formats used to publish frequently updated content such as blog entries, news headlines, and podcasts.
The Blog (RSS) function appears to be more active for e-learning because of more updated content, a wide coverage, and abundant types of design information.
Competition: Different place and kinds of people can participate in the competition. Therefore the website can have the competition part to show the winner’s works. Some of competition works would be made available through design boom’s online shop therefore can increase the content of website
User scenarios user scenarios, sometimes called user cases, are narratives or flow diagrams that describe how users will interact with a Web site. Some people also refer to them as task analysis or user flows, which is a hypothetical story, used to help a person think through a system, illustrate to people scenarios or specific tasks which users will perform. Profile Designboom, covered the fields of art, design & architecture since 1999. It offers online contemporary design courses as well as open competitions and an online shop. The user is just logged into http://www.designboom.com Here we assume that the Web user has just logged on designboom.com. This web site will be his reference, his learning school. From this web site he will learn and read design, stay tuned with today’s design, challenge himself levels, shop himself for favors, etc. Analysis such web site is suited of different users and target audience.
Links of sitemap: Local navigation: It’s discovered that there are different links through the sitemap of Design boom.
Example of links:
It’s much convenience for user to select which categories they want to move to
Navigation system: Home page
Unified navigation bar:
Design‐aerobics:
The navigation system of Design boom of the following 6 categories is similar: (Competition, Interviews, History, Contemporary, Snapshots and Blog)
z Type of first page: overview pages Allow user to select a particular topics. z With Mart Highlight: Mainly promote the current Mart exhibition. z With Number of links provide access to content (Articles/gallery) levels down from the current page
Competition:
Interviews:
History:
P.S: Contemporary, Snapshots and Blog are similar.
Shop:
Access level:
Organization system Designboom uses a mix of organization schemes .It is based on the tasks and goals of users . Thus , this allows users to find things in different ways . ‐Main Level
‐Secondary level
Classification Categories in Designboom are organized in hierarchies (tree diagram).This can make users easier to find things .
Graphical user interface of Design boom: Rollover behavior:
User can find it easy to recognize those clickable items.
Visual design:
Strikes a balance between the visual and the information:
‐More visual appeal ‐Increase the friendliness which optimize the user experience
Header graphic:
Icon:
P.S Cart would directly link to PayPal.