EntrySign re-design Alex Trowell.

Slides:



Advertisements
Similar presentations
Theming for V12 Revolution
Advertisements

Certificate in Digital Applications – Level 02 Website Design and Creation.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Student Success Plan for Delaware. SSP Homepage The SSP Homepage is the central point from which students can access all of the features and functions.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
1 Staff Functions Login- Home screen. 2 Type in your last name by using the touch screen key pad –For initial installation please use “Administrator”
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
System for Administration, Training, and Educational Resources for NASA SATERN Overview for Learners May 2006.
Juber Ali Unit 20 Reviewing Animations By Juber Ali.
Lecture 3 Title: Web blog By: Mr Hashem Alaidaros.
Phone Tips Teresa Shibao & Paul Dial January 19, 2010.
What’s New with INFOhio?
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
INTRODUCTION TO WORDPRESS. About WordPress The free service that we will use from WordPress is often used as blogging software – very little knowledge.
STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.
An Introduction to Web-Supplemented Blackboard Sites Connie Cerniglia X 2259 Spring 2003.
Unstated Requirements And useability 1. Many UI decisions End up being made by the technical development/implementation staff End up being made by the.
Support Training Module. Support Manual 1.“On The Lot” – How it all works… 2.Craigslist Settings 3.Post to Craigslist 4.Backpage Settings 5.Post to Backpage.
Website!. First, let me show you a few links that are always in the same spot.
Introduction to Web Page Design. General Design Tips.
Confidential Web Ordering Overview. Confidential LOG ON:   Enter your login name &
Client Website Chris Dunn Web Design Year 1. For this brief I chose to create a notional client website for a charity named after my Dad called The Brian.
Moodle Introduction Here at Alphacrucis College we have been using Moodle version 2 for several years. The latest version to be installed is
You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.
What’s New in SkillPort 7 for the End User. The Login Page Customize the login page Add your logo, change colors, graphics and welcome text.
Kyle Murphy.  I have been asked to create a logo for Mega Pool Saver, which is a company that offers swimming pool owners advanced energy saving devices.
1. Begin Quick Start 2. Administration 3. Good to Know 4. Slightly Technical 5. User Experience 6. You are ready to go !
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
Introducing!. The New! (and Improved) Website! It makes finding what you need MUCH easier.
Colony Networking Website Essentials for your Business.
Section 6.1 Section 6.2 Write Web text Use a mission statement
MOVE FORWARD WITH MOBILE
Delicious Social Bookmarking
SLU Budget & Financial Planning
Westmidland Websites Birmingham Office
JustWare Mobile | Anthony Munar and Chris Dockstader
Usability Testing and Web Design
Section 7.1 Section 7.2 Identify presentation design principles
D.Y.O. Web The new and easy way to create and maintain your own professional dynamic website.
Collaborative Work Placement
Year 7 E-Me Web design.
Bomgar Remote support software
Wordpress.
Themes in SharePoint 2013 Steve Peschka Sr. Principal Architect
HOW TO INSTALL AOL DESKTOP GOLD
HCM Cloud: Person Spotlight Redesigned
OverDrive Digital Library Basics
KELLER WILLIAMS REALTY
  MFC 215- Extra Credit Presentation Krug Essay (5/8/2017) Title- Modern UI Design-Focus on Usability (A presentation on Don’t Make Me Think: A Common.
How to Create and Start a Test Session
Richland 1 professional development
Welcome to Naviance at Lowell High School
Participant Online Access
Designing a Pittsfordschools.org site
Creating Contracts Today’s webinar will cover creating individual contracts, printing contracts and mass building of contracts.
Website Documentation
Website Design The Do’s and Don’ts.
LEAP 360: Accessing EAGLE 2.0.
Customizing Your Home Page
Unit 3 - A Digital Portfolio
Don’t make me think Usability.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Tips on good web site Design
Local Review is a web site used by state industry projections analysts to obtain, from local area experts, information about economic activity and any.
Financial Systems Operations
2019 Benefits Open Enrollment
Business Prototype Look and Feel
Presentation transcript:

EntrySign re-design Alex Trowell

What is EntrySign? EntrySign is a visitor management system that replaces the commonly found log in book at reception desks. EntrySign is quicker and gives the customer a digital record of all visitors to the premises. EntrySign records the attendance of staff, visitors and contractors. In educational establishments EntrySign also records pupil & student movements. The easy-to-use Back Office Suite allows you to monitor who is in the building at all times, look-up historical information, generate detailed reports and activate an instant evacuation roll call in seconds.

Why did I choose EntrySign? I decided to choose EntrySign after having experience with the device at my previous job working with primary schools. I was an account manager that used to recommend this product for reception desks and some businesses. Our office was always bombarded with phone calls shortly after the install took place with staff complaining it was difficult to use so my old work had to set up training sessions after the install. When I was looking for a project to do for this assignment my old work shared an image of the same system for a promotional offer and I noticed the UI was exactly the same as it was in 2014 so I looked more into the product and discovered it had not changed at all in 4 years. That’s when I decided to choose EntrySign so I could re-design the UI and make the device much more simpler.

EntrySign Original Here is the original logo and home screen for the product:

EntrySign Logo Design At the start of the design process I decided to vectorise and tweak the EntrySign logo slightly.

Research In my research I read a book which was listed in the assignment brief called ‘Don’t make me think’ by Steve Krug here are some notes I took from the book and tried to implement in my design: It doesn't matter how many times the user has to click as long as they have confidence they're on the right track and each click is mindless. Make choices clear to the user when navigating throughout the site If a difficult choice needs to be displayed add plenty of guidance Web pages should be self-explanatory The back button is the most used feature of browsers Web/App users are like sharks they need to keep moving or they'll die Eliminate excessive text/talk users just want to get where they are going Make it easy to go home (home button)

Home Screen Design

Screensaver Design Here is another feature I decided to add – a screensaver that can act as a large clock in the reception, I added a slight gradient to differentiate the page from the other designs.

Other Designs I created some more designs that can be viewed on my Wordpress blog: trowellhsad.wordpress.com

Colour & Typography In regards to colour and typography they were pretty straightforward decisions, with the colour scheme replicating the original and the typography a simple choice. The font I explained needed to clean and bold with the main users being aged over 40 so I knew consciously that the text needed to be visible and clear to make the UX faster and simpler. I would of liked to have used more gradients in my designs but I wanted to keep most pages and icons minimalistic to keep the products main purpose as streamlined as possible. Colours: Orange & White Font: Fumba (Custom Font)