Transcript: CONTACT PAGE -CITY OF ORIGIN GHANA BEACH GLASS: STUDENTS OF DUKE Personal Background & Contact Info INTERNATIONAL DUKIES Ex: Paris CONTACT Ex: -Housing -Tour -Parties -Friends -Meal -Advice INDIA COUNTRY PROFILE COUNTRIES INDIA HOME PAGE STUDENT PHOTO & NAME Personal Background & Contact Info/ Ex: -Housing -Tour -Parties -Friends -Meal -Advice Personal Background & Contact Info -NAME -HOME -VIDEO -BLURB -CONTACT Personal Background & Contact Info/ SPAIN Search Box This is an interactive map. When you click on a country, a small box will pop up with how many Duke students are available to contact in that given country. Users can then click on a link in that box that leads to that country's specific page where one can access the profiles of Duke alumni and students that live or have family in that given region. STUDENT STUDENT MEXICO Ex: Buenos Aires Ex: Madrid Personal Background & Contact Info Travel U CONTACT Ex: Cape Coast STUDENT STUDENT CONTACT Ex: Mexico City INTERNATIONAL DUKIES ABOUT US -NAME -HOME -VIDEO -BLURB -CONTACT Ex: Accra STUDENT PHOTO & NAME SUBTAB 1 CITY STUDENT CONNECT STUDENT PHOTO & NAME STUDENT CITY STUDENTS OF DUKE ARGENTINA Format: I want my home page to be very simple in its layout so that it is easier to navigate. There will be very little text, and the text that does exist will serve as a clear explanation of what the website entails. The map will be the one aesthetic image on the page, and it will lead to each more aesthetically in-depth pages. SUBTAB 2 Personal Background & Contact Info Personal Background & Contact Info SUBTAB 1 Search Box COUNTRIES -NAME -HOME -VIDEO -BLURB -CONTACT CONTACT Personal Background & Contact Info/ Ex: -Housing -Tour -Parties -Friends -Meal -Advice CITY CONNECTIONS CITY CONNECTIONS COUNTRIES Ex: Buenos Aires These are the links to the Travel Duke's Dummy Facebook, Twitter, and Instagram accounts where Dukies that have used Travel Duke can post pictures and comments about their travel experiences with other Dukies. CONTACT CONNECTIONS Ex: Monterey SPAIN COUNTRY PROFILE CONTENT -NAME -HOME -VIDEO -BLURB -CONTACT CITY -PHOTO CONTACT INTERNATIONAL DUKE STUDENT PROFILES CURRENTLY ON CAMPUS Search Box This is the color scheme that I am using for my pages. I cannot draw it in, but I will incorporate it into my CSS. Search Box CONNECTIONS MEXICO COUNTRY PROFILE FRANCE ABOUT US Short Blurb GRADUATE STUDENTS This is the menu bar that will lead to the other pages in my project. STUDENTS OF DUKE CONTACT PAGE FRANCE COUNTRY PROFILE UNDERGRADUATE STUDENTS STUDENT PHOTO & NAME CONNECTIONS Ex: Lyon Search Box Ex: -Housing -Tour -Parties -Friends -Meal -Advice CITY Ex: New Delhi This content is the same for each of the 6 tabs above STUDENT PHOTO & NAME CONNECTIONS Ex: -Housing -Tour -Parties -Friends -Meal -Advice Personal Background & Contact Info/ Personal Background & Contact Info/ COUNTRIES EXAMPLE OF A COUNTRY PROFILE PAGE Ex: Barcelona CITY Personal Background & Contact Info Travel Duke ARGENTINA Personal Background & Contact Info Personal Background & Contact Info/ GHANA COUNTRY PROFILE Ex: Cordoba -HOW YOU CAN CONNECT: HOUSING, TOUR, THROUGH FRIENDS, PARTIES, MEALS, TRAVEL ADVICE Ex: Mumbai Ex: Cordoba STUDENT PHOTO & NAME STUDENT CONNECTIONS SAME Search Box Personal Background & Contact Info/ Ex: -Housing -Tour -Parties -Friends -Meal -Advice CONTACT INTERNATIONAL DUKIES FULL DATABASE OF STUDENTS ARGENTINA COUNTRY PROFILE SUBTAB 2 Search Box STUDENT PHOTO & NAME Ex: -Housing -Tour -Parties -Friends -Meal -Advice CONTENT
Transcript: Recruitment. Attracting the right people and strengthening the culture Last question? Who is Qual IT? Are they the right fit for our company? THE CIO Will visit the website when they have a project in mind. Likely to download White Papers, watch videos and read case studies. Age: 40-55 Looking for a provider to ensure technical upgrades are well managed, successful and meet timeframes. Concerned with managing risks and financial aspects of projects. ? Test BUSINESS UNIT MANAGER Wants assurance that Qual IT can deliver projects on time and on budget. Has limited time, but will watch videos and read case studies to investigate. Another question? Build credibility and increase number of sales enquiries directly from the website. Test Position Qual IT as thought leaders in the industry How can they help me minimise the risks of our IT development projects? Who is Qual IT? Are they good? Worlds funniest commercial Approach: Objectives Approach: Looking for like-minded provider with expert skills, credible reputation, a similar cultural mix and proven ability to deliver. Make contact. Call a sales person. Request a meeting. Age: 30+ Male & Female Background: Typical Visit: Are they the right partners for this project? 3 1 Share links with other managers. Contact sales. 2 Typical Visit: Has very little time, but will have requirements to resolve specific issues or questions. Will research thoroughly to insure provider is the right fit. Looking for assurance of the project’s success and to minimise risk. Do something about it Test Visit website for a particular project only. Background: Who is Qual IT? Likely Male Can Qual IT deliver? What projects have they done?
Transcript: Information Architecture Brooke Elliott March 30, 2011 Loading.... Some Tips to help improve Load Times Check Current Speed Optimize Images Cache your web page Compress Content Mimimize HTTP Requests Information Architecture Information architecture is a combination of organizing a site's content into categories and creating an interface to support those categories. Designing Accessible Webistes Use Descriptive Headings ALT Text Descriptive Page Titles http://www.uie.com/articles/remote_usability/ http://sixrevisions.com/web-development/decrease-webpage-load-times/#more-5011 http://www.techrepublic.com/article/10-questions-about-information-architecture/5074224 http://www.wpdfd.com/issues/87/designing-accessible-websites/ http://articles.sitepoint.com/article/screen-reader-usability-tips 5 URLS PRO Cost Savings Technology Geographic Diversity Space CON Security Interacting with user Need for Special equipment Source: U.S. Census Bureau Report on Americans with Disabilities: 1994-95, P70-61 (August 1997) Based on Survey of Income and Program Participation, Oct. 1994-Jan. 1995 Screen Readers Remote Usability
Transcript: Information architecture Concepts Concepts They are symbols. It simply exists and has no significance beyond its existence (in and of itself). It can exist in any form, usable or not. It does not have meaning of itself. Data Data Data that has been given meaning by way of relational connection. This "meaning" can be useful, but does not have to be. Information Information It is the appropriate collection of information, such that it's intent is to be useful. Knowledge is a deterministic process. When someone "memorizes" information, then they have amassed knowledge. This knowledge has useful meaning to them, but it does not provide for, in and of itself, an integration such as would infer further knowledge. Knowledge Knowledge It is the process by which I can take knowledge and synthesize new knowledge from the previously held knowledge. The difference between understanding and knowledge is the difference between "learning" and "memorizing". People who have understanding can undertake useful actions because they can synthesize new knowledge, or in some cases, at least new information, from what is previously known (and understood). That is, understanding can build upon currently held information, knowledge and understanding itself. Understanding Understanding It is an extrapolative and non-deterministic, non-probabilistic process. It calls upon all the previous levels of consciousness, and specifically upon special types of human programming (moral, ethical codes, etc.). It beckons to give us understanding about which there has previously been no understanding, and in doing so, goes far beyond understanding itself. Wisdom is therefore, the process by which we also discern, or judge, between right and wrong, good and bad. Wisdom Wisdom what is information architecture Information architecture is a designed structure of the information,and it is used to make information easily understood and managed, enabling users to make full use of the information.It includes all aspects of the existence and linking of the information and can be changed constantly because of the dynamic information. Information architecture is being suggested as a concept and a framework with which to approach and understand the many facts and multiple connections of information used by an organization:to recognize the fact (and to remind users) ）that there are always many angles to take into account. Formal diagrams，, text，, procedures, sketches on the back of an envelope αcan be used to illustrate or define relevant aspects of the architecture.It is, however, seldom possible, let alone cost-effective, to represent all aspects of an information architecture in a single document. 1.Looking at different aspects of information 2.Thinking about how they relate to each other It involves INVOLVE Features of a good information architecture Features of a good information architecture The purpose of this architecture is to provide a useful resource for the organisation and its people use-led design Information architecture has to be capable of adaption and change. It should be like a tool to help processes and not like a barrier to change Capacity for alteration The architecture must bear the while in mind, but this doesn't mean that every last detailed must be rigidly defined. Good architecture should create space in which people can act with considerable freedom A thought-out pattern for the whole People view the same information in different ways. Organisations have numerous perspectives Multiple perspectives It's necessary to construct the architecture at various levels of detail, ranging from the very specific to the overall Consciousness of scale The way in which information flows or, often, doesn't flow around an organisation is vital to its effective use Making links with information In conclusion we remember also: - Linking the whole with external environment - Different types of storage -Levels of definition -Balance of security and use Other features Features of a good information architecture (others) Features of a good information architecture (others) There are different ways to know the grade of compromise with the environment has an organisation. Linking the whole with the external environment External environment It is important to differenciate between the different types of storage for the people who need information about available or not available products, and where they are. Different types of storage Different types of storage The details have to bee good defined to all the people who need them can understand them. Levels of definition Levels of definition It is too many important to keep the information safely. Information managers must be who can know some type of information and who cannot know. Organisation and control of information are an important way to have a good management. Balance of security and use. Security & Use The purposes of explicit information may be as analytical tool, as a practical guide for the A
Transcript: What Does My Twitter Brain Look Like? I seem to tweet when I am on vacation or off of work, probably because I like to tweet when I am doing things I appear to use twitter for personal and not professional contacts on the whole. So what am I saying??? How about other networks? The Iaoc Blog What did I have to say here? Enjoyed writing about related news topics on IAOC. Tried to tie some articles to my writing for MDP Found lack of two way communication on blog to be stiffling as a writer. Jared, Alex, Nevin. Connect school to home. Facebook & TEXT COLOR i am here and so are you... because with the web, we are all connected all the time. MDP COLORS Created out of need to write faster, ironic as I type faster than I actually write. (thank you Mavis Beacon & Mario Teaches Typing) Based on using one single line for each letter Many decisions were based off the limitations of fontstuct. Home friends I am comment on twitter using twitter, meta-use of the platform. I think twitter is very self aware as a network. Biggest of all my networks. Contacts from all over my life. There couldn't possibly be a way to sort that amount of friends out could there? Twitter Digging further into our information DNA THE NEXUS MINIMAX My favorite colors to use online. Tried to develop a palette that looked electronic or like it was glowing. Started with the sea foam green, as it looks nautical and retro at the same time. Colors are often an afterthought in design, I personally think they should be one of the first things slaved over. Colors are the first thing we see. use twitter more as a conversation tool, than a blog. "day" and "new" seem to point to focusing on the present. Conference contacts Nexus succesfully broke friends into groups that reflect my life's different networks. Facebook itself makes users self define groups to sort newsfeed Nexus shows that it is possible for a computer to define these groups. It is like our social DNA. As social networking's influence spreads, it is going to need to use functionality that does what the users can not, such as sort contacts. Nexus model can be applied to other networks as well... ROWAN Strong Focus on "people" and "computers" could relate to my current interest in new media marketing. Wired Contacts
Transcript: Photo based on: 'horizon' by pierreyves @ flickr Slide Deck Bigger sites have no choices Grouping One glance overview 1. No Structure 2. Don't indicate the current location 3. No Category pages 4. Poor integration of microsites 5. Extreme Polyhierarchy Information Architecture Test Rotate it too fast Use more than 5 slides Expect users to go through all of them DON'T keep it simple DO Rollovers Elements that move or spin Mega Menus The height and width Adding CTAs Targeting content they've seen new vs return People Testimonials or other trust looping vs final CTA slide rich media Card sorting for relevance Descriptive labels order based on importantce Show only once Top 10 mistakes 6. Banner Blindness 7.Uncontrolable elements 1. Wait 0.5 seconds. 2. If the pointer is still hovering over a navbar item, display its mega drop-down within 0.1 seconds. 3. Keep showing it until the pointer has been outside both the navbar item and the drop-down for 0.5 seconds. Then, remove it in less than 0.1 seconds. Back to your machines Show you most important slide first Offer name tabs Offer good control it does work 6. Mega Menus Grouping 8. Inconsistent navigation 9. More than one navigation type 10 "Creative" naming Speed no search box no ctas or buttons Top 10 mistakes
Transcript: FT is primary news source Read all content except Life & Arts Likely to engage with new content Behavioural testing with target users confirms our persona assumptions Content Audits & Grouping Primary Information Architecture for Webapp AFTER: 1 glossy cover page for Magazine promos Primary Persona Needs Content Audits & Grouping Building Feeds Hunches FT is primary news source Read all content except Life & Arts Likely to engage with new content She wants a finite, glossy read AFTER: All covers and subsections are exposed on the navigation BEFORE: 3 content pages for Weekend content only Hunches Primary Secondary Persona Needs Hunches Paper reader Mostly Life & Arts Leisurely, serendipitous reader Secondary Persona Needs He wants more content exposed Secondary Paper reader Mostly Life & Arts Leisurely, serendipitous reader AFTER: 1 section page for all categorised (and uncategorisable) Magazine content FT is primary news source Read all content except Life & Arts Likely to engage with new content Paper reader Mostly Life & Arts Leisurely, serendipitous reader BEFORE: 1 page for all uncategorised Magazine content He would read the Life & Arts section if he knew what content it contained She wants a finite, glossy read He would read the Life & Arts section if he knew what content it contained He would read the Life & Arts section if he knew what content it contained He wants more content exposed She wants a finite, glossy read She wants more to get more than the paper offers He would read the Life & Arts section if he knew what content it contained Persona Needs Content Audits & Grouping Building Feeds She wants more to get more than the paper offers He wants more content exposed She wants more to get more than the paper offers He wants more content exposed He would read the Life & Arts section if he knew what content it contained She wants a finite, glossy read He would read the Life & Arts section if he knew what content it contained She wants more to get more than the paper offers He wants more content exposed She wants more to get more than the paper offers He wants more content exposed
Transcript: 1. Write scenarios for all intended audiences - name,background,task to accomplish,needs and goals. 2. Prioritize each audience group and compile results. 3. Know your competition. navigation Step 1 3. Consistency 4. Branding, advertising and sponsorship, navigation, page titles, header graphics, and footers, including copyrights. The site map describes the organizational structure of the site. Major sections of a site are mapped out and patterns are constructed in layers and levels. clear concept organized pages an text FORMULATE VISUAL PRESENTATION CONCEPTS Dynamic page STEP 5 Sample questions: 1. What content does the site need? 2. Which pages will be static and which dynamic? 3. What will be the function of these pages? 4. What about membership rules, navigation advertising and sponsorship define goal DESIGN AND PRODUCE VISUAL FORMS Visual form refers to all things visual on the site such as layout, type, graphics, colors, logos, charts, photos, and illustrations. Things to be considered: 1. Uniform organization of pages into different sections. 2. Effective ways to display text (bullets). Step 3 STEP 4 DEFINE GOALS CREATE AND ORGANIZE CONTENT site map logon page know competitors Content refers to written text and images that appear on site STEP 6 Determine the site's mission and purpose! DEFINE AUDIENCE 1. Who are the intended audiences? 2. Why will people come to the site for first time? For repeat visits? 3. Does the site provide a well-defined service or sell specific product? 4. Does your client have an existing site? Concept may be defined as a visual direction, an idea, or a theme for the site. Articulate the concept in one or two sentences. static page INFORMATION ARCHITECTURE Step 2 DEVELOP SITE MAP AND NAVIGATION
Description: Storytelling is at the heart of great service. Use this stunning, customizable business presentation template to highlight employees who do exceptional work or position your customers as the heroes of your business.
Now you can make any subject more engaging and memorable