Browser – Essentially, the program that you use to navigate on the world wide web. Whether it’s downloading, uploading or just viewing websites, this is the tool that helps the user interact with the Internet. Ex: My favorite Web browser would have to be Google Chrome because of it’s user-friendly interface and the free applications that it comes with.
Hyperlink – Usually, they show up in paragraphs or short descriptions that are simply links that take you to other Web sources. Typically underlined and will light up as you scroll over the text. For example, if you go to SCC’s website and click on the hyperlink for Canvas, it will direct you to the Canvas login webpage.
Mobile First Design – A process that is more content-focused and therefore user-focused with an emphasis on layout that transfers data to screen size and orientation. Mobile first design is what makes websites work effectively on mobile devices. Wire-framing is a resourceful mobile first design technique, also known as a website screen blueprint.
User Centered Design – A process of tests and procedures that are assembled with the user as the center of focus. This process puts an emphasis on user experience to help structure context, problem-solving, development and product evaluations. Ex: Creating a persona that represents a specific user to capture behavior patterns, goals, skills, attitude , and environment. The created persona in turn can bring researchers and programmers valuable information that can further enhance product design.
Responsive Design – A process of creating flexible website grids and layouts that automatically respond to a user’s preference. This process eliminates the hassle of having to create several different designs for every new product that hits the markets. Ex: This week, YouTube updated their website after being in operation for 15 years. The update included application features that were once only available on a laptop, such as live video-streaming, a fast-foreword/rewind button, and slow-motion options that can now effectively respond to mobile device applications.
UI/UX – UI is an abbreviation for User-Interface, which is the interaction between humans and machines using software operating systems, input tools, and process controls. UX is an abbreviation for User-Experience, which is the feeling a user gets when they interact with any website, Web application or software. An example of User-Interface can be anything from a Nintendo remote-control to a Wacom drawing tablet. Wireless or not, the UI is meant to make the experience enjoyable and easier to manage. An example of User-Experience are testimonials, reviews, comments, and evaluations all in which indicate the experience of the user.
Breadcrumb Navigation – A way to enhance the way users navigate website sections and pages. It is meant to guide the user in the most effective way visually by allowing the user to retrace their steps on a website. Ex: The progress bar that appears on the top of the screen at checkout when shopping online, so that you can easily retrace your steps for editing purposes and data entry.
WYSIWYG – Acronym for What You See Is What You Get, which refers to electric components that able you to see and print documents in their actual size on the screen. Ex: Microsoft Word and Excel were some of the first applications that were known for these capabilities.
Blog – A website or webpage that constantly gets updated by an individual or small group of people, usually referred to as an E-Journal. They can come in the form of personal narratives, product reviews, how-to’ s, storytelling, and advice columns. New types of blog genres are being created everyday on web platforms such as WordPress.com. Other examples include: Tumblr.com, Squarespace.com, Blogger.com, and Bluehost.com.
Open Source – Something online that people can modify and share freely because of public accessibility. Typically meant to encourage users, developers or hackers to improve programs and software. Most websites will allow you to view the page source which will open up the Source Code dialog box displaying the pages parameters. Ex: Whenever I need to find a quick fix for a digital composition, Pexels.com is my go-to site for free or open source material such as photos, videos, and audio clips. The thing I like most about this site is that they allow you to download open sources in different dimensions to further suit your project needs.