Design Patterns Catalogue - IF

1 min read Original article โ†—

Understanding and influencing decisions (24)


Signing in to a service (15)



Giving access to data (6)


Getting access to data (4)

A mobile phone detects that the user is in Manchester and offers more information about the city.


Doing security checks (5)

A message on a phone asking to confirm your password because it is a new or unfamiliar device.

Archived ๐Ÿ—„๏ธ

The same security words are displayed on two different mobile phones.


Most recent patterns

A person's hand hovers their mobile phone over a bar code in an energy bill.

Anomalies are detected in what someone says and their case is automatically flagged as urgent

An email has a link which logs you in to another service.

A dialog box asking if you if you want to give someone access to your account in an emergency.

While waiting to speak to someone, a person sees suggested easier ways to complete their task.

Future pattern ๐Ÿ”ฎ

A computer monitor with the path of the cursor outlined on screen.

A list of data a service has permission to access.

Two devices being held closer together, enabling them to share data over WiFi.

Before using an AI assistant, a person sees information about what it can and cannot do.

A person generates a code on their device for another person to scan.

A prompt asking to access the location of a device to tag a photograph.

Anonymising users using codes

A service confirms a personโ€™s age without revealing their date of birth to a second device.

A security key is inserted into a computer and a checkmark is displayed on screen.

A facial recognition matrix for authentication.

A finger on a fingerprint scanner.

An option to modify text with sub-options of "more casual" and "more professional".

A dialogue allowing a user to choose between "model A", "model B" and "model C"

A spreadsheet where a user has partially calculated age from date of birth for some rows. There is a suggestion to auto-fill the remaining answers.

A box for autofill settings with options for fully automated, suggesting and off.

A picture of a plant within a background. There are options to "remove background", "replace with rose" and "more"

A box saying "chance of rain 87%", below this box is more information saying "if below 64%, your quote would have been cheaper"

Two mobile phones side by side showing different outcomes of an automated decision. If someone parks their car in the middle of the city, the risk factor is higher than if they park their car in a monitored parking lot.

A screen titled Taste Prediction Model with information below it saying v.2412, issued on 6 June 2025, a unique fingerprint ID, and a QR code.

Contextual information about a Saxford Advisor model. The text says "This is an AI model. Funded by Saxford Council. Trained by SaxCorp. Last updated on July 2024". There are indications that more information is available.

A message saying "You're seeing this because you liked posts related to motocross in the past", motocross is highlighted for more information and there is an option to "forget".

Group decision

A row of three shaped objects of increasing complexity, a hand is using a slider to move between them.

A prompt on a mobile device reading Your direct debit is due in 10 days and underneath a button reading Update payment.

A dialog box shows a single-use code and a button which reads Use now.

A screen showing "task completed yesterday", an arrow leads to another screen saying "Task completed on 11/10/2026 by automated service BestBot" with an option to "Get digital proof"

Button to query a payment.

A message saying "This is a new process and could take up to 20 minutes", 20 minutes is underlined to indicate that more information is available

An image of a pipe. Below the pipe there is text saying "this is most likely a pipe"

A dialogue showing an AI system reporting "Unable to complete task" with an option for the user to takeover.

A screen with an AI icon and an arrow pointing to a human icon, accompanying text says "Speak to a human".

An image similar to a watermark on a bank note.

Just added โœจ

List of data points access is requested for, and buttons to approve or deny the request.

Just added โœจ

An alert about data being shared with a call to action to review data sharing settings.

Just added โœจ

Timeline showing when access was granted and used.

A mobile phone is tilted, putting it in to sleep mode.

A mobile screen reads "you've been inactive, signing you off in 20 seconds".

A dashboard for third-party access to an account (for example, a Google account). A third-party app called Scheduler can view, edit and remove entries in your calendar.

The words not a robot is written in wavy text, the word not is written underneath in regular text.

A hand tracing an unlock pattern on the lockscreen of a mobile device.

A mobile phone detects that the user is in Manchester and offers more information about the city.

A code is generated on a device and entered into a computer.

A code is shown in a text message on a mobile device and entered into a computer at the same time.

An organ donor card in front a form for joining the Organ Donor's Register.

A block of text reads "you are giving access to health data for research purposes". Below, there's a button to opt-out.

A CAPTCHA example with image recognition.

A CAPTCHA example with image recognition.

A list of randomly generated alpha-numeric codes.

A form on a website asking for a 5-digit passcode to login.

A private link that enables people to share and view a document.

Sign in using another account

Sign-up with another account

A web window showing customizable sharing settings for accessing a service.

A message on a phone asking to confirm your password because it is a new or unfamiliar device.

A record of events. There's an event highlighted that reads "Searched for data patterns catalogue".

Archived ๐Ÿ—„๏ธ

A website on a laptop screen with a banner which reads Welcome. This site uses cookies, read our policy here.

Archived ๐Ÿ—„๏ธ

A receipt showing sale of personal data.

Archived ๐Ÿ—„๏ธ

The same security words are displayed on two different mobile phones.

Archived ๐Ÿ—„๏ธ

An option to "change expression" on a picture of a person, the option has an AI "glow" indicator next to it.

A

A mobile phone is tilted, putting it in to sleep mode.

A person's hand hovers their mobile phone over a bar code in an energy bill.

A record of events. There's an event highlighted that reads "Searched for data patterns catalogue".

Anomalies are detected in what someone says and their case is automatically flagged as urgent

Archived ๐Ÿ—„๏ธ

An option to "change expression" on a picture of a person, the option has an AI "glow" indicator next to it.

An email has a link which logs you in to another service.

B

A facial recognition matrix for authentication.

A finger on a fingerprint scanner.

C

An option to modify text with sub-options of "more casual" and "more professional".

A mobile screen reads "you've been inactive, signing you off in 20 seconds".

A dialogue allowing a user to choose between "model A", "model B" and "model C"

A spreadsheet where a user has partially calculated age from date of birth for some rows. There is a suggestion to auto-fill the remaining answers.

A person generates a code on their device for another person to scan.

Just added โœจ

List of data points access is requested for, and buttons to approve or deny the request.

A box for autofill settings with options for fully automated, suggesting and off.

A picture of a plant within a background. There are options to "remove background", "replace with rose" and "more"

A box saying "chance of rain 87%", below this box is more information saying "if below 64%, your quote would have been cheaper"

D

Two mobile phones side by side showing different outcomes of an automated decision. If someone parks their car in the middle of the city, the risk factor is higher than if they park their car in a monitored parking lot.

A dashboard for third-party access to an account (for example, a Google account). A third-party app called Scheduler can view, edit and remove entries in your calendar.

The words not a robot is written in wavy text, the word not is written underneath in regular text.

A screen titled Taste Prediction Model with information below it saying v.2412, issued on 6 June 2025, a unique fingerprint ID, and a QR code.

E

A dialog box asking if you if you want to give someone access to your account in an emergency.

Contextual information about a Saxford Advisor model. The text says "This is an AI model. Funded by Saxford Council. Trained by SaxCorp. Last updated on July 2024". There are indications that more information is available.

F

A message saying "You're seeing this because you liked posts related to motocross in the past", motocross is highlighted for more information and there is an option to "forget".

G

A hand tracing an unlock pattern on the lockscreen of a mobile device.

Group decision

I

Archived ๐Ÿ—„๏ธ

A website on a laptop screen with a banner which reads Welcome. This site uses cookies, read our policy here.

J

A prompt asking to access the location of a device to tag a photograph.

L

A mobile phone detects that the user is in Manchester and offers more information about the city.

M

Archived ๐Ÿ—„๏ธ

A receipt showing sale of personal data.

Anonymising users using codes

A service confirms a personโ€™s age without revealing their date of birth to a second device.

A row of three shaped objects of increasing complexity, a hand is using a slider to move between them.

A code is generated on a device and entered into a computer.

A code is shown in a text message on a mobile device and entered into a computer at the same time.

A security key is inserted into a computer and a checkmark is displayed on screen.

N

A prompt on a mobile device reading Your direct debit is due in 10 days and underneath a button reading Update payment.

O

While waiting to speak to someone, a person sees suggested easier ways to complete their task.

A dialog box shows a single-use code and a button which reads Use now.

Future pattern ๐Ÿ”ฎ

A computer monitor with the path of the cursor outlined on screen.

An organ donor card in front a form for joining the Organ Donor's Register.

A block of text reads "you are giving access to health data for research purposes". Below, there's a button to opt-out.

P

A CAPTCHA example with image recognition.

A CAPTCHA example with image recognition.

A screen showing "task completed yesterday", an arrow leads to another screen saying "Task completed on 11/10/2026 by automated service BestBot" with an option to "Get digital proof"

Q

Button to query a payment.

R

A list of randomly generated alpha-numeric codes.

Just added โœจ

An alert about data being shared with a call to action to review data sharing settings.

S

A form on a website asking for a 5-digit passcode to login.

A list of data a service has permission to access.

A private link that enables people to share and view a document.

Two devices being held closer together, enabling them to share data over WiFi.

Before using an AI assistant, a person sees information about what it can and cannot do.

A message saying "This is a new process and could take up to 20 minutes", 20 minutes is underlined to indicate that more information is available

An image of a pipe. Below the pipe there is text saying "this is most likely a pipe"

Just added โœจ

Timeline showing when access was granted and used.

Sign in using another account

Sign-up with another account

A dialogue showing an AI system reporting "Unable to complete task" with an option for the user to takeover.

T

A screen with an AI icon and an arrow pointing to a human icon, accompanying text says "Speak to a human".

A web window showing customizable sharing settings for accessing a service.

U

A message on a phone asking to confirm your password because it is a new or unfamiliar device.

W

An image similar to a watermark on a bank note.

Archived ๐Ÿ—„๏ธ

The same security words are displayed on two different mobile phones.